@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root62.js

@@ -1,226 +1,306 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["modal_data", "visible", "onCancel", "close"];
+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 _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 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
-import 'antd/es/empty/style';
-import _Empty from 'antd/es/empty';
-import 'antd/es/divider/style';
-import _Divider from 'antd/es/divider';
-import 'antd/es/input/style';
-import _Input from 'antd/es/input';
-import React, { useState, useEffect } from 'react';
-import store from 'store';
-import { ClockCircleOutlined, CloseOutlined } from '@ant-design/icons';
-import { b as styleInject } from './index.js';
-import '@lm_fe/env';
-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/set';
-import 'lodash/map';
-import 'lodash/indexOf';
-import 'lodash/get';
-import 'lodash/compact';
-import '@lm_fe/components';
-import '@lm_fe/utils';
+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 { MyIcon } from '@lm_fe/components';
+import { AutoComplete, Row, Col, Button, Input } from 'antd';
+import { map, get, isEmpty, isNil, filter, isArray, size, slice } from 'lodash';
+import React$1, { Component } from 'react';
+import { request } from '@lm_fe/utils';
+import { T as TemplateModal } from './TemplateModal.js';
+import { a as styleInject } from './index.js';
+import '@lm_fe/provoke';
 import 'classnames';
 import 'dayjs';
-import 'antd/es/checkbox/style';
-import 'antd/es/checkbox';
-import 'lodash/isString';
-import 'lodash/isNumber';
-import 'lodash/isBoolean';
-import 'antd/es/button/style';
-import 'antd/es/button';
-import 'lodash/isEmpty';
-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 'lodash/cloneDeep';
+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 '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 '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 = ".index-module_row-item__AdReQ:hover {\n  background: #eee;\n}\n";
-var styles = {
-  "row-item": "index-module_row-item__AdReQ"
-};
-styleInject(css_248z);
-var TEXTSEARCH_HISTORYLIST = 'TEXTSEARCH_HISTORYLIST';
-function TextSearch(_ref) {
-  var _store$get;
-  var modal_data = _ref.modal_data,
-    visible = _ref.visible,
-    onCancel = _ref.onCancel,
-    close = _ref.close,
-    others = _objectWithoutProperties(_ref, _excluded);
-  var _modal_data$items = modal_data.items,
-    items = _modal_data$items === void 0 ? [] : _modal_data$items,
-    _modal_data$getLabel = modal_data.getLabel,
-    getLabel = _modal_data$getLabel === void 0 ? function () {
-      return '';
-    } : _modal_data$getLabel,
-    onSelect = modal_data.onSelect;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchText = _useState2[0],
-    setSearchText = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    inputShow = _useState4[0],
-    setInputShow = _useState4[1];
-  var _useState5 = useState((_store$get = store.get(TEXTSEARCH_HISTORYLIST)) !== null && _store$get !== void 0 ? _store$get : []),
-    _useState6 = _slicedToArray(_useState5, 2),
-    historyList = _useState6[0],
-    _setHistoryList = _useState6[1];
-  function setHistoryList(_list) {
-    _setHistoryList(_list);
-    store.set(TEXTSEARCH_HISTORYLIST, _list);
+import 'reconnecting-websocket';
+import 'store';
+var DiagnosisAutoComplete = /*#__PURE__*/function (_Component) {
+  function DiagnosisAutoComplete() {
+    var _this;
+    _classCallCheck(this, DiagnosisAutoComplete);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, DiagnosisAutoComplete, [].concat(args));
+    _defineProperty(_this, "state", {
+      data: undefined,
+      options: []
+    });
+    _defineProperty(_this, "handleGetOptions", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(searchText) {
+        var options;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.get("/api/template-trees?type.equals=1&code.contains=".concat(searchText, "&mnemonic.contains=").concat(searchText, "&val.contains=").concat(searchText, "&size=999"), {
+                headers: {
+                  isLoading: false
+                }
+              });
+            case 2:
+              options = _context.sent;
+              _this.setState({
+                options: options.data
+              });
+            case 4:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "handleChange", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(data) {
+        var onChange;
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              onChange = _this.props.onChange;
+              _this.setState({
+                data: data
+              });
+              onChange && onChange(data);
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+    return _this;
   }
-  var resultArr = items.filter(function (_) {
-    var label = getLabel(_);
-    return label.includes(searchText);
-  });
-  useEffect(function () {
-    setTimeout(function () {
-      setInputShow(true);
-    }, 200);
-    return function () {};
-  }, []);
-  var rowStyle = {
-    padding: 6,
-    marginBottom: 2,
-    textIndent: 24,
-    display: 'flex',
-    justifyContent: 'space-between',
-    cursor: 'pointer'
-  };
-  return /*#__PURE__*/React.createElement(_Modal, {
-    visible: visible,
-    title: null,
-    closeIcon: null,
-    width: 512,
-    footer: null,
-    onCancel: onCancel,
-    closable: false,
-    style: {
-      top: '4px'
+  _inherits(DiagnosisAutoComplete, _Component);
+  return _createClass(DiagnosisAutoComplete, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var value = this.props.value;
+      this.setState({
+        data: value
+      });
     }
-    // mask={false}
-    ,
-
-    bodyStyle: {},
-    destroyOnClose: true
-  }, inputShow && /*#__PURE__*/React.createElement(_Input, {
-    placeholder: "\u8F93\u5165\u83DC\u5355\u540D\u79F0\u641C\u7D22",
-    autoFocus: true,
-    onChange: function onChange(e) {
-      return setSearchText(e.target.value);
-    },
-    value: searchText
-  }), historyList.length ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Divider, null, "\u5386\u53F2\u8BB0\u5F55"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      maxHeight: '20vh',
-      overflowY: 'scroll'
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+        data = _this$state.data,
+        options = _this$state.options;
+      return React.createElement(AutoComplete, {
+        popupMatchSelectWidth: 800,
+        onSearch: this.handleGetOptions,
+        onChange: this.handleChange,
+        value: data
+      }, map(options, function (option, index) {
+        return React.createElement(AutoComplete.Option, {
+          key: get(option, 'id') || index,
+          value: get(option, 'val')
+        }, React.createElement(Row, null, React.createElement(Col, {
+          span: 2
+        }, get(option, 'code') || '--'), React.createElement(Col, {
+          span: 6,
+          offset: 1,
+          style: {
+            overflow: 'hidden',
+            textOverflow: 'ellipsis',
+            whiteSpace: 'nowrap'
+          }
+        }, get(option, 'mnemonic') || '--'), React.createElement(Col, {
+          span: 14,
+          offset: 1
+        }, get(option, 'val') || '--')));
+      }));
     }
-  }, historyList.map(function (item) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles['row-item'],
-      style: rowStyle,
-      onClick: function onClick() {
-        onSelect(item);
-        close === null || close === void 0 || close(true);
-      }
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(ClockCircleOutlined, {
-      style: {
-        marginRight: 6
+  }]);
+}(Component);
+var css_248z = ".diagnosis-container {\n  justify-content: center;\n  align-items: center;\n  margin-top: 4px;\n}\n.diagnosis-container__actions .anticon {\n  margin: 0 8px;\n}\n.diagnosis-container__before {\n  display: flex;\n  align-items: center;\n}\n.diagnosis-container .ant-input,\n.diagnosis-container .ant-select-selector {\n  border: none !important;\n  border-bottom: 1px solid !important;\n}\n";
+var styles = css_248z;
+styleInject(css_248z);
+var Diagnosis = /*#__PURE__*/function (_Component2) {
+  function Diagnosis() {
+    var _this2;
+    _classCallCheck(this, Diagnosis);
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    _this2 = _callSuper(this, Diagnosis, [].concat(args));
+    _defineProperty(_this2, "state", {
+      data: [{
+        key: -Math.random()
+      }]
+    });
+    _defineProperty(_this2, "handleAdd", function () {
+      var data = _this2.state.data;
+      data.push({
+        key: -Math.random()
+      });
+      _this2.setState({
+        data: data
+      });
+      _this2.doOutData(data);
+    });
+    _defineProperty(_this2, "handleDelete", function (item) {
+      return function () {
+        var data = _this2.state.data;
+        var newData = filter(data, function (value) {
+          return get(value, 'key') !== get(item, 'key');
+        });
+        _this2.setState({
+          data: newData
+        });
+        _this2.doOutData(newData);
+      };
+    });
+    _defineProperty(_this2, "handleDiagnosisChange", function (item) {
+      return function (diagnosis) {
+        var data = _this2.state.data;
+        var newData = map(data, function (value) {
+          if (get(item, 'key') === get(value, 'key')) {
+            return _objectSpread(_objectSpread({}, value), {}, {
+              diagnosis: diagnosis
+            });
+          }
+          return value;
+        });
+        _this2.setState({
+          data: newData
+        });
+        _this2.doOutData(newData);
+      };
+    });
+    _defineProperty(_this2, "handleNoteChange", function (item) {
+      return function (e) {
+        var data = _this2.state.data;
+        var newData = map(data, function (value) {
+          if (get(item, 'key') === get(value, 'key')) {
+            return _objectSpread(_objectSpread({}, value), {}, {
+              note: get(e, 'target.value')
+            });
+          }
+          return value;
+        });
+        _this2.setState({
+          data: newData
+        });
+        _this2.doOutData(newData);
+      };
+    });
+    _defineProperty(_this2, "doOutData", function (data) {
+      var onChange = _this2.props.onChange;
+      onChange && onChange(data);
+    });
+    _defineProperty(_this2, "handleOpenModal", function () {
+      _this2.setState({
+        modalVisible: true
+      });
+    });
+    _defineProperty(_this2, "handleCancel", function () {
+      _this2.setState({
+        modalVisible: false
+      });
+    });
+    _defineProperty(_this2, "handleOk", function (callBackData) {
+      var data = _this2.state.data;
+      if (isArray(callBackData)) {
+        var newData = [].concat(_toConsumableArray(data), _toConsumableArray(callBackData));
+        if (size(get(newData, '0')) === 1) {
+          newData = slice(newData, 1);
+        }
+        _this2.setState({
+          modalVisible: false,
+          data: newData
+        });
+        _this2.doOutData(newData);
+        return;
       }
-    }), getLabel(item)), /*#__PURE__*/React.createElement(CloseOutlined, {
-      title: "\u6E05\u9664",
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        var idx = historyList.findIndex(function (_) {
-          return _ === item;
+      _this2.setState({
+        modalVisible: false,
+        data: [].concat(_toConsumableArray(data), [{
+          key: -Math.random(),
+          diagnosis: callBackData.replaceAll('；', '')
+        }])
+      });
+    });
+    return _this2;
+  }
+  _inherits(Diagnosis, _Component2);
+  return _createClass(Diagnosis, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var value = this.props.value;
+      if (!isEmpty(value) && !isNil(value)) {
+        this.setState({
+          data: map(value, function (item) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              key: get(item, 'id') || get(item, 'key')
+            });
+          })
         });
-        historyList.splice(idx, 1);
-        setHistoryList(_toConsumableArray(historyList));
       }
-    }));
-  }))) : null, /*#__PURE__*/React.createElement(_Divider, null, "\u641C\u7D22\u7ED3\u679C"), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: '40vh',
-      overflowY: 'scroll'
     }
-  }, resultArr.length ? /*#__PURE__*/React.createElement(React.Fragment, null, resultArr.map(function (_) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: styles['row-item'],
-      style: _objectSpread({}, rowStyle),
-      onClick: function onClick() {
-        onSelect(_);
-        close === null || close === void 0 || close(true);
-        if (historyList.some(function (h) {
-          return getLabel(h) === getLabel(_);
-        })) return;
-        var arr = historyList.length >= 5 ? historyList.slice(1, 5) : historyList;
-        setHistoryList([].concat(_toConsumableArray(arr), [_]));
-      }
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
-      style: {
-        fontWeight: 'bold',
-        marginRight: 6
-      }
-    }, "\xB7"), getLabel(_)));
-  })) : /*#__PURE__*/React.createElement(_Empty, null)));
-}
-export { TextSearch as default };
-//# sourceMappingURL=.root62.js.map
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+      var patientId = this.props.patientId;
+      var _this$state2 = this.state,
+        data = _this$state2.data,
+        modalVisible = _this$state2.modalVisible;
+      return /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Button, {
+        onClick: this.handleOpenModal
+      }, "\u67E5\u770B\u6A21\u677F"), map(data, function (item, index) {
+        return /*#__PURE__*/React$1.createElement(Row, {
+          key: get(item, 'key'),
+          className: styles["diagnosis-container"]
+        }, /*#__PURE__*/React$1.createElement(Col, {
+          className: styles["diagnosis-container__before"],
+          span: 10
+        }, /*#__PURE__*/React$1.createElement("span", {
+          style: {
+            display: 'block'
+          }
+        }, index + 1, "\u3001"), /*#__PURE__*/React$1.createElement(DiagnosisAutoComplete, {
+          value: get(item, 'diagnosis'),
+          onChange: _this3.handleDiagnosisChange(item)
+        })), /*#__PURE__*/React$1.createElement(Col, {
+          span: 12
+        }, /*#__PURE__*/React$1.createElement(Input, {
+          value: get(item, 'note'),
+          onChange: _this3.handleNoteChange(item),
+          placeholder: "\u8BF7\u8F93\u5165\u5907\u6CE8"
+        })), /*#__PURE__*/React$1.createElement(Col, {
+          span: 2,
+          className: styles["diagnosis-container__actions"]
+        }, /*#__PURE__*/React$1.createElement(MyIcon, {
+          value: 'PlusCircleOutlined',
+          onClick: _this3.handleAdd
+        }), index !== 0 && /*#__PURE__*/React$1.createElement(MyIcon, {
+          value: 'DeleteOutlined',
+          onClick: _this3.handleDelete(item)
+        })));
+      }), modalVisible && (/*#__PURE__*/React$1.createElement(TemplateModal, {
+        visible: modalVisible,
+        onCancel: this.handleCancel,
+        onOk: this.handleOk,
+        patientId: patientId
+      })));
+    }
+  }]);
+}(Component);
+export { Diagnosis as default };