@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root52.js

@@ -1,3 +1,4 @@
+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";
@@ -6,124 +7,259 @@ 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 _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 _isString from 'lodash/isString';
-import _isFunction from 'lodash/isFunction';
-import _get from 'lodash/get';
-import _cloneDeep from 'lodash/cloneDeep';
-import { Component } from 'react';
-import { otherOptions, mchcUtils } from '@lm_fe/env';
-import { LazyAntd } from '@lm_fe/components';
-var Tree = LazyAntd.Tree,
-  TreeSelect = LazyAntd.TreeSelect,
-  Select = LazyAntd.Select,
-  Table = LazyAntd.Table,
-  Dropdown = LazyAntd.Dropdown,
-  Pagination = LazyAntd.Pagination;
-/**
- * 使用multiple 和 tags共同操作select
- * 可以自定义的时候 mode="tags" 然后在handleChange中控制输出
- * multiple - false | tags - false  单选 不可自定义输入
- * multiple - true  | tags - false  多选 不可自定义输入
- * multiple - false | tags - true   单选 可自定义输入
- * multiple - true  | tags - false  多选 可自定义输入
- */
-var DefaultSelect = /*#__PURE__*/function (_Component) {
-  function DefaultSelect() {
+import { request } from '@lm_fe/utils';
+import { Modal, Button, Spin, List, Input } from 'antd';
+import { get } from 'lodash';
+import React$1, { Component } from 'react';
+import { a as styleInject, C as CustomIcon } from './index.js';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
+import 'classnames';
+import 'dayjs';
+import '@lm_fe/env';
+import '@lm_fe/service';
+import 'reconnecting-websocket';
+import 'store';
+var css_248z$1 = ".modal_ .Listitem {\n  margin-top: 13px;\n}\n.modal_ .lis {\n  color: #007aff;\n  font-size: 15px;\n}\n.modal_ .delete {\n  display: none;\n  float: right;\n  color: black;\n  font-size: 11px;\n}\n.modal_ .lisborder {\n  padding-bottom: 8px;\n  border-bottom: 1px solid #ccc;\n}\n.modal_ .ant-timeline-item {\n  padding-bottom: 00px !important;\n}\n.modal_ .ant-timeline-item-last > .ant-timeline-item-content {\n  min-height: 0px !important;\n}\n.modal_ .Listitem:hover .delete {\n  display: inline-block;\n}\n";
+var styles$1 = css_248z$1;
+styleInject(css_248z$1);
+
+// 出生缺陷诊断管理
+var Search = Input.Search;
+var Diagnosisdeath = /*#__PURE__*/function (_React$1$Component) {
+  function Diagnosisdeath() {
+    var _this$props;
     var _this;
-    _classCallCheck(this, DefaultSelect);
+    _classCallCheck(this, Diagnosisdeath);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper(this, DefaultSelect, [].concat(args));
-    _defineProperty(_this, "handleChange", function (val) {
-      var _this$props = _this.props,
-        onChange = _this$props.onChange,
-        _this$props$multiple = _this$props.multiple,
-        multiple = _this$props$multiple === void 0 ? false : _this$props$multiple,
-        _this$props$tags = _this$props.tags,
-        tags = _this$props$tags === void 0 ? false : _this$props$tags;
-      if (tags) {
-        if (multiple) {
-          onChange(val);
-        } else {
-          onChange(val[val.length - 1]);
-        }
-      } else {
-        onChange(val);
+    _this = _callSuper(this, Diagnosisdeath, [].concat(args));
+    _defineProperty(_this, "state", {
+      data: [],
+      dataList: (_this$props = _this.props) === null || _this$props === void 0 ? void 0 : _this$props.classificationData,
+      isLoading: false
+    });
+    _defineProperty(_this, "onSearch", function (value) {
+      console.log('value', value);
+      var dataList = _this.state.dataList;
+      var searchValue = value;
+      var newdataList = dataList.filter(function (item) {
+        var _item$val;
+        return ((_item$val = item.val) === null || _item$val === void 0 ? void 0 : _item$val.search(searchValue)) != -1;
+      });
+      // console.log('newdataList',newdataList);
+      _this.setState({
+        dataList: newdataList
+      });
+      if (searchValue == '') {
+        _this.setState({
+          dataList: _this.props.classificationData
+        });
       }
     });
-    _defineProperty(_this, "renderOptions", function (options) {
-      return options.map(function (opt) {
-        return /*#__PURE__*/React.createElement(Select.Option, {
-          key: opt.value,
-          value: opt.value
-        }, /*#__PURE__*/React.createElement("span", {
+    _defineProperty(_this, "onCancel", function () {
+      _this.props.onCancel(_this.props.index, _this.state.data);
+    });
+    _defineProperty(_this, "whole", function () {
+      _this.setState({
+        dataList: _this.props.classificationData
+      });
+    });
+    return _this;
+  }
+  _inherits(Diagnosisdeath, _React$1$Component);
+  return _createClass(Diagnosisdeath, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      var isLoading = this.state.isLoading;
+      return /*#__PURE__*/React$1.createElement(Modal, {
+        title: /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(CustomIcon, {
+          type: 'icon-doctor',
+          style: {
+            color: '#150F55',
+            fontSize: '24px',
+            marginRight: '10px'
+          }
+        }), /*#__PURE__*/React$1.createElement("span", {
           style: {
-            color: _get(opt, "warn") ? 'red' : ''
+            color: '#150F55',
+            fontSize: '16px',
+            fontWeight: 500
+          }
+        }, "\u6839\u672C\u6B7B\u56E0\u8BCA\u65AD")),
+        visible: this.props.visible,
+        width: "580px",
+        footer: null,
+        onCancel: function onCancel() {
+          return _this2.props.onCancel();
+        }
+      }, /*#__PURE__*/React$1.createElement("div", null, /*#__PURE__*/React$1.createElement(Search, {
+        placeholder: "\u8BF7\u8F93\u5165\u8BCA\u65AD\u4FE1\u606F",
+        allowClear: true,
+        size: "large",
+        defaultValue: '',
+        onSearch: this.onSearch,
+        style: {
+          width: '90%'
+        }
+      })), /*#__PURE__*/React$1.createElement("div", {
+        style: {
+          width: '100%',
+          height: '460px'
+        }
+      }, /*#__PURE__*/React$1.createElement(Button, {
+        className: styles$1['list-btn'],
+        icon: /*#__PURE__*/React$1.createElement(CustomIcon, {
+          type: "icon-all"
+        }),
+        style: {
+          marginTop: '6px'
+        },
+        onClick: this.whole
+      }, "\u5168\u90E8"), isLoading ? (/*#__PURE__*/React$1.createElement(Spin, {
+        tip: "\u6570\u636E\u52A0\u8F7D\u4E2D..."
+      }, /*#__PURE__*/React$1.createElement("div", {
+        style: {
+          height: 128
+        }
+      }))) : (/*#__PURE__*/React$1.createElement(List, {
+        style: {
+          overflow: 'auto',
+          height: '430px'
+        },
+        size: "small",
+        split: false,
+        bordered: false,
+        dataSource: this.state.dataList,
+        renderItem: function renderItem(item) {
+          return /*#__PURE__*/React$1.createElement(List.Item, {
+            onClick: function onClick(value) {
+              return _this2.props.listClick(value, _this2.props.index);
+            },
+            style: {
+              fontWeight: '700'
+            }
+          }, "(ICD)", item.val);
+        }
+      }))));
+    }
+  }]);
+}(React$1.Component);
+var css_248z = ".textarea-with-template {\n  position: relative;\n}\n.textarea-with-template .template-text {\n  width: 100%;\n}\n.textarea-with-template__action {\n  position: absolute;\n  right: 1px;\n  bottom: 1px;\n  width: 0;\n  height: 0;\n  border-width: 20px 20px 20px 20px;\n  border-color: transparent #d8dce6 #d8dce6 transparent;\n  border-style: solid;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n}\n.textarea-with-template__action span {\n  position: relative;\n  bottom: 1px;\n  word-break: keep-all;\n  color: #000;\n  font-size: 12px;\n}\n.textarea-with-template__action_disabled {\n  color: rgba(0, 0, 0, 0.25);\n}\n.textarea-with-template__modal-nav {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.textarea-with-template__modal-nav__items {\n  margin-right: 8px;\n}\n.textarea-with-template__modal-body {\n  margin: 10px 0;\n}\n.textarea-with-template__modal-body .ant-tree-treenode .template-list-item__actions {\n  display: none;\n}\n.textarea-with-template__modal-body .ant-tree-treenode:hover .template-list-item__actions {\n  display: inline-block;\n}\n.textarea-with-template__modal-body .template-list-item {\n  display: flex;\n  flex-flow: row;\n  align-items: center;\n}\n.textarea-with-template__modal-body .template-list-item .template-list-item__actions-icon {\n  font-size: 14px;\n  opacity: 0.8;\n  cursor: pointer;\n  margin-left: 10px;\n}\n.textarea-with-template__modal .ant-modal-content .ant-modal-header,\n.textarea-with-template__modal .ant-modal-content .ant-modal-body,\n.textarea-with-template__modal .ant-modal-content .ant-modal-footer {\n  padding: 10px;\n}\n";
+var styles = css_248z;
+styleInject(css_248z);
+var TextareaWithTemplate = /*#__PURE__*/function (_Component) {
+  function TextareaWithTemplate(props) {
+    var _this3;
+    _classCallCheck(this, TextareaWithTemplate);
+    _this3 = _callSuper(this, TextareaWithTemplate, [props]);
+    _defineProperty(_this3, "openModal", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+        var detail;
+        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=&mnemonic.contains=&val.contains=&size=999');
+            case 2:
+              detail = _context.sent;
+              _this3.setState({
+                classificationData: detail.data
+              });
+              _this3.setState({
+                modalVisible: true
+              });
+            case 5:
+            case "end":
+              return _context.stop();
           }
-        }, opt.label));
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this3, "closeModal", function () {
+      _this3.props;
+      _this3.setState({
+        modalVisible: false
       });
+      // onChange && onChange();
     });
-    return _this;
+    _defineProperty(_this3, "handleTextareaChange", function (e) {
+      var onChange = _this3.props.onChange;
+      _this3.setState({
+        value: e.target.value
+      });
+      onChange && onChange(e.target.value);
+    });
+    _defineProperty(_this3, "listClick", function (e, data) {
+      var onChange = _this3.props.onChange;
+      _this3.setState({
+        modalVisible: false
+      });
+      _this3.setState({
+        value: e.target.innerText
+      });
+      onChange && onChange(e.target.innerText);
+    });
+    _this3.state = {
+      modalVisible: false,
+      value: props.value,
+      inputValue: [],
+      modalcontent: [],
+      classificationData: []
+    };
+    return _this3;
   }
-  _inherits(DefaultSelect, _Component);
-  return _createClass(DefaultSelect, [{
+  _inherits(TextareaWithTemplate, _Component);
+  return _createClass(TextareaWithTemplate, [{
     key: "render",
     value: function render() {
+      var _this4 = this;
+      var _this$state = this.state,
+        modalVisible = _this$state.modalVisible,
+        value = _this$state.value,
+        inputValue = _this$state.inputValue;
       var _this$props2 = this.props,
-        _this$props2$options = _this$props2.options,
-        options = _this$props2$options === void 0 ? [] : _this$props2$options,
-        _this$props2$multiple = _this$props2.multiple,
-        multiple = _this$props2$multiple === void 0 ? false : _this$props2$multiple,
-        _this$props2$tags = _this$props2.tags,
-        tags = _this$props2$tags === void 0 ? false : _this$props2$tags,
-        _this$props2$style = _this$props2.style,
-        style = _this$props2$style === void 0 ? {} : _this$props2$style,
-        _this$props2$dropdown = _this$props2.dropdownMatchSelectWidth,
-        dropdownMatchSelectWidth = _this$props2$dropdown === void 0 ? true : _this$props2$dropdown,
-        uniqueKey = _this$props2.uniqueKey;
-      var cloneOptions = _cloneDeep(options);
-      if (_isString(cloneOptions)) {
-        var a = cloneOptions;
-        var b = otherOptions[a];
-        cloneOptions = _isFunction(b) ? b() : b;
-      }
-      if (_isString(uniqueKey)) cloneOptions = mchcUtils.getDictionariesEnumerations(uniqueKey) || [];
-      var value = this.props.value;
-      var selectMode = undefined;
-      if (tags || multiple) {
-        value = value !== undefined && value !== null && value !== '' ? value : [];
-      } else {
-        if (value !== undefined && value !== null && value !== '') {
-          var opt = cloneOptions.filter(function (item) {
-            return item.value == value;
-          }).pop();
-          if (opt && opt.label) value = opt.value;
-        } else {
-          value = '';
-        }
-      }
-      if (tags) {
-        selectMode = 'tags';
-      } else if (multiple) {
-        selectMode = 'multiple';
-      }
-      return /*#__PURE__*/React.createElement(Select, {
-        style: _objectSpread({
-          width: '100%'
-        }, style),
+        disabled = _this$props2.disabled,
+        patientId = _this$props2.patientId,
+        admissionId = _this$props2.admissionId,
+        pregnancyId = _this$props2.pregnancyId;
+      var inputProps = get(this.props, 'config.inputProps') || {};
+      // console.log('this.state.classificationData',this.state.classificationData);
+      return React.createElement("div", {
+        className: styles["textarea-with-template"]
+      }, React.createElement(Input, _objectSpread(_objectSpread({
+        disabled: disabled,
+        title: value,
         value: value,
-        allowClear: true,
-        showSearch: true,
-        disabled: this.props.disabled,
-        mode: selectMode,
-        dropdownMatchSelectWidth: dropdownMatchSelectWidth,
-        onChange: this.handleChange
-      }, this.renderOptions(cloneOptions));
+        autoSize: {
+          minRows: 2,
+          maxRows: 5
+        },
+        onChange: this.handleTextareaChange,
+        className: styles["template-text"]
+      }, inputProps), {}, {
+        onClick: function onClick(value) {
+          _this4.openModal(value);
+        }
+      })), modalVisible && React.createElement(Diagnosisdeath, {
+        visible: modalVisible,
+        onCancel: this.closeModal,
+        listClick: this.listClick,
+        patientId: patientId,
+        admissionId: admissionId,
+        pregnancyId: pregnancyId,
+        index: "Maternal",
+        classificationData: this.state.classificationData
+      }));
     }
   }]);
 }(Component);
-export { DefaultSelect as default };
-//# sourceMappingURL=.root52.js.map
+export { TextareaWithTemplate as default };