@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root44.js

@@ -3,51 +3,279 @@ 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; }
 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/auto-complete/style';
-import _AutoComplete from 'antd/es/auto-complete';
-import _isString from 'lodash/isString';
-import { otherOptions, getSameOptions } from '@lm_fe/env';
-import { expect_array } from '@lm_fe/utils';
+import { MyIcon, LazyAntd } from '@lm_fe/components';
+import { Space, Button } from 'antd';
+import classnames from 'classnames';
+import { isArray, debounce, map, split, get, set, cloneDeep, find } from 'lodash';
 import React, { Component } from 'react';
-var Index = /*#__PURE__*/function (_Component) {
-  function Index() {
-    _classCallCheck(this, Index);
-    return _callSuper(this, Index, arguments);
+import { E as EditableCell } from './TableEditableCell.js';
+import { a as styleInject } from './index.js';
+import 'dayjs';
+import './index2.js';
+import '@lm_fe/provoke';
+import '@lm_fe/utils';
+import '@lm_fe/env';
+import '@lm_fe/service';
+import 'reconnecting-websocket';
+import 'store';
+var css_248z = ".prenatal-return-table .btns-wrapper {\n  margin-bottom: 10px;\n}\n.prenatal-return-table .btns-wrapper .add-btn {\n  margin-right: 4px;\n  color: #fff;\n  background-color: #007aff;\n  border-radius: 6px;\n}\n.prenatal-return-table .btns-wrapper .del-btn {\n  color: #007aff;\n  background-color: #fff;\n  border: 1px solid #007aff;\n  border-radius: 6px;\n}\n.prenatal-return-table .ant-table .ant-table-thead th {\n  color: #150f55;\n  font-weight: 600;\n}\n.prenatal-return-table .ant-table .ant-table-tbody > tr.ant-table-row:hover > td {\n  background: #e6f6ff !important;\n}\n.prenatal-return-table .ant-table .row-select {\n  background: #e6f6ff !important;\n}\n.prenatal-return-table .ant-table .ant-table-cell {\n  text-align: center;\n  word-break: keep-all;\n}\n.prenatal-return-table .ant-table .title-content {\n  position: relative;\n  min-height: 35px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.prenatal-return-table .ant-table .label-suffix-line {\n  font-style: normal;\n  font-size: 8px;\n  font-weight: 400;\n  margin-left: 2px;\n  position: absolute;\n  bottom: -5px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.prenatal-return-table .ant-table .label-suffix {\n  font-style: normal;\n  font-size: 8px;\n  font-weight: 400;\n  margin-left: 2px;\n}\n.prenatal-return-table .ant-table .new-line {\n  display: block;\n}\n.prenatal-return-table .ant-table .ant-table-selection {\n  justify-content: center;\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 PrenatalReturnTable = /*#__PURE__*/function (_Component) {
+  function PrenatalReturnTable(props) {
+    var _this;
+    _classCallCheck(this, PrenatalReturnTable);
+    _this = _callSuper(this, PrenatalReturnTable, [props]);
+    _defineProperty(_this, "handleEdit", debounce(function (val, key, index, record) {
+      var _this$props = _this.props,
+        onChange = _this$props.onChange,
+        dispatch = _this$props.dispatch;
+      var dataSource = _this.state.dataSource;
+      //todo：按时间升序编辑会导致index不正确
+      var editIndex = index;
+      if (record._key !== dataSource[editIndex]._key) {
+        map(dataSource, function (item, itemIndex) {
+          if (item._key === record._key) {
+            editIndex = itemIndex;
+          }
+        });
+      }
+      if (key.indexOf('+') > -1) {
+        var paramsArr = split(key, '+');
+        var firstParam = get(paramsArr, '0');
+        var secondParam = get(paramsArr, '1');
+        set(dataSource[editIndex], firstParam, get(val, firstParam));
+        set(dataSource[editIndex], secondParam, get(val, secondParam));
+      } else {
+        set(dataSource[editIndex], key, val);
+      }
+      onChange(dataSource);
+      var rowData = dataSource[editIndex];
+      if (dispatch) dispatch('tableEdit', {
+        rowData: rowData,
+        key: key
+      });
+    }, 800));
+    _defineProperty(_this, "handleAdd", function () {
+      var dispatch = _this.props.dispatch;
+      if (dispatch) dispatch('tableAdd');
+    });
+    _defineProperty(_this, "handleDelete", function () {
+      var _this$state = _this.state,
+        selectedRowKeys = _this$state.selectedRowKeys,
+        dataSource = _this$state.dataSource;
+      var dispatch = _this.props.dispatch;
+      if (dispatch) dispatch('tableDelete', {
+        selectedRowKeys: selectedRowKeys,
+        dataSource: dataSource
+      });
+    });
+    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys, selectedRows) {
+      var dispatch = _this.props.dispatch;
+      _this.setState({
+        selectedRowKeys: selectedRowKeys
+      });
+      dispatch && dispatch('rowSelect', {
+        selectedRowKeys: selectedRowKeys,
+        selectedRows: selectedRows
+      });
+    });
+    _defineProperty(_this, "handleRowDoubleClick", function (record) {
+      var dispatch = _this.props.dispatch;
+      dispatch && dispatch('rowDBClick', record);
+    });
+    _defineProperty(_this, "handleRowClick", function (row, index) {
+      var dataSource = _this.state.dataSource;
+      var newValue = cloneDeep(dataSource);
+      newValue.forEach(function (item) {
+        return item.rowClassName = '';
+      });
+      set(newValue[index], 'rowClassName', 'row-select');
+      _this.setState({
+        selectedRowKeys: [index],
+        dataSource: newValue
+      });
+    });
+    // 对于二级表单的处理
+    _defineProperty(_this, "handleTabColumnsFormat", function (tableColumns) {
+      var dispatch = _this.props.dispatch;
+      var editable = _this.props.input_props.editable;
+      return tableColumns.map(function (v, i) {
+        if (v.key) {
+          return _objectSpread(_objectSpread({
+            render: function render(text, record, index) {
+              if (editable) {
+                var cellValue = '';
+                if (v.key.indexOf('+') > -1) {
+                  var paramsArr = split(v.key, '+');
+                  var firstParam = get(paramsArr, '0');
+                  var secondParam = get(paramsArr, '1');
+                  cellValue = _defineProperty(_defineProperty({}, firstParam, get(record, firstParam)), secondParam, get(record, secondParam));
+                } else {
+                  cellValue = get(record, v.key);
+                }
+                return /*#__PURE__*/React.createElement(EditableCell, {
+                  value: cellValue,
+                  onChange: function onChange(val) {
+                    return _this.handleEdit(val, v.key, index, record);
+                  },
+                  rowItem: record,
+                  dispatch: dispatch,
+                  editor: v.editor
+                });
+              } else {
+                var options = get(v, "selectOptions");
+                var value = get(record, v.key) || '-';
+                if (options && value != '-') {
+                  value = get(find(options, function (item) {
+                    return item.value == value;
+                  }), "label", '-');
+                }
+                return /*#__PURE__*/React.createElement("span", null, value);
+              }
+            }
+          }, v), {}, {
+            title: function title() {
+              return get(v, "suffixNewLine") ? (/*#__PURE__*/React.createElement("div", {
+                className: classnames({
+                  'title-content': get(v, "suffixNewLine")
+                })
+              }, v.title, /*#__PURE__*/React.createElement("em", {
+                className: classnames('label-suffix-line', {
+                  'new-line': get(v, "suffixNewLine")
+                })
+              }, v.suffix))) : (/*#__PURE__*/React.createElement(React.Fragment, null, v.title, /*#__PURE__*/React.createElement("em", {
+                className: "label-suffix"
+              }, v.suffix)));
+            },
+            dataIndex: v.key
+          });
+        }
+        if (v.children) {
+          return {
+            title: v.title,
+            children: _this.handleTabColumnsFormat(v.children)
+          };
+        }
+        return {};
+      });
+    });
+    _this.state = {
+      tableColumns: [],
+      dataSource: [],
+      selectedRowKeys: []
+    };
+    return _this;
   }
-  _inherits(Index, _Component);
-  return _createClass(Index, [{
+  _inherits(PrenatalReturnTable, _Component);
+  return _createClass(PrenatalReturnTable, [{
+    key: "update",
+    value: function update() {
+      var value = this.props.value;
+      console.log('componentDidUpdate', this.props);
+      this.setState({
+        tableColumns: this.props.input_props.tableColumns,
+        // 处理dataSource，为了dataSource拥有_key值,用于rowSelection
+        dataSource: isArray(value) ? value.map(function (v, i) {
+          return _objectSpread(_objectSpread({}, v), {}, {
+            _key: v.checktime || -Math.random()
+          });
+        }) : [],
+        //由于产程图的新增往头部新增，_key用i有问题
+        selectedRowKeys: []
+      });
+    }
+    // 因为要维护tableRow的状态，所有需要保存在本地
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.value !== this.props.value) {
+        this.update();
+      } else {
+        console.log('componentDidUpdate xxx', this.props);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.update();
+    }
+  }, {
+    key: "rowClassName",
+    value: function rowClassName(row) {
+      return row.rowClassName;
+    }
+  }, {
     key: "render",
     value: function render() {
-      var _otherOptions$options;
-      var _this$props = this.props,
-        input_props = _this$props.input_props,
-        onChange = _this$props.onChange,
-        value = _this$props.value,
-        disabled = _this$props.disabled;
-      var _input_props$options = input_props.options,
-        options = _input_props$options === void 0 ? [] : _input_props$options,
-        positiveWarning = input_props.positiveWarning;
-      var allOptions = _isString(options) ? (_otherOptions$options = otherOptions[options]) !== null && _otherOptions$options !== void 0 ? _otherOptions$options : getSameOptions(options) : options;
-      var handleChange = function handleChange(v) {
-        onChange(v);
+      var _this2 = this;
+      var input_props = this.props.input_props;
+      var tableColumns = this.state.tableColumns;
+      var dataSource = this.state.dataSource;
+      var editable = input_props.editable,
+        hiddenBtn = input_props.hiddenBtn,
+        hiddenSelection = input_props.hiddenSelection,
+        pagination = input_props.pagination,
+        scroll = input_props.scroll,
+        _input_props$size = input_props.size,
+        size = _input_props$size === void 0 ? 'small' : _input_props$size,
+        _input_props$bordered = input_props.bordered,
+        bordered = _input_props$bordered === void 0 ? true : _input_props$bordered;
+      tableColumns = this.handleTabColumnsFormat(tableColumns);
+      var rowSelection = {
+        selectedRowKeys: this.state.selectedRowKeys,
+        onChange: this.handleRowSelectChange
       };
-      return /*#__PURE__*/React.createElement(_AutoComplete, {
-        style: {
-          width: '100%',
-          color: positiveWarning && value === '阳性' ? '#ff517d' : ''
+      return /*#__PURE__*/React.createElement("div", {
+        className: "prenatal-return-table"
+      }, editable && !hiddenBtn && (/*#__PURE__*/React.createElement(Space, {
+        className: "btns-wrapper"
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        onClick: this.handleAdd
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'PlusCircleOutlined'
+      }), "\u65B0 \u589E"), /*#__PURE__*/React.createElement(Button, {
+        onClick: this.handleDelete
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'DeleteOutlined'
+      }), "\u5220 \u9664"))), /*#__PURE__*/React.createElement(Table, {
+        bordered: bordered,
+        size: size,
+        rowSelection: !hiddenSelection ? rowSelection : undefined,
+        onRow: function onRow(record, index) {
+          return {
+            onClick: function onClick() {
+              return _this2.handleRowClick(record, index);
+            },
+            onDoubleClick: function onDoubleClick() {
+              return _this2.handleRowDoubleClick(record);
+            }
+          };
         },
-        value: value,
-        options: expect_array(allOptions),
-        filterOption: function filterOption(inputValue, option) {
-          return option.value.indexOf(inputValue) !== -1;
+        rowClassName: function rowClassName(row) {
+          return _this2.rowClassName(row);
         },
-        onChange: handleChange,
-        disabled: disabled
-      });
+        columns: tableColumns || [],
+        dataSource: dataSource || [],
+        childrenColumnName: "noChildren",
+        rowKey: function rowKey(record) {
+          return record._key;
+        },
+        pagination: pagination ? pagination : false,
+        scroll: scroll
+      }));
     }
   }]);
 }(Component);
-export { Index as default };
-//# sourceMappingURL=.root44.js.map
+export { PrenatalReturnTable as default };

package/dist/a_chunks/.root45.js

@@ -1,21 +1,258 @@
-import 'antd/es/radio/style';
-import _Radio from 'antd/es/radio';
-import React from 'react';
-function MyButton(props) {
-  var handleClick = function handleClick(item) {
-    props.onClick(item);
-  };
-  var buttons = props.input_props['btn_text'] || [];
-  return /*#__PURE__*/React.createElement(_Radio.Group, {
-    disabled: props.disabled,
-    value: ''
-  }, buttons.map(function (item) {
-    return /*#__PURE__*/React.createElement(_Radio.Button, {
-      onClick: function onClick() {
-        return handleClick(item);
-      }
-    }, item);
-  }));
+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 _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, { lazy, Component } from 'react';
+import { Modal, Layout, Tabs, Button, Input } from 'antd';
+import { concat, join, map, get } from 'lodash';
+import { a as styleInject } from './index.js';
+import '@lm_fe/provoke';
+import '@lm_fe/components';
+import '@lm_fe/utils';
+import 'classnames';
+import 'dayjs';
+import '@lm_fe/env';
+import '@lm_fe/service';
+import 'reconnecting-websocket';
+import 'store';
+var Inner = /*#__PURE__*/lazy(function () {
+  return import('./.root47.js');
+});
+function TemplateTree(props) {
+  return /*#__PURE__*/React.createElement(Inner, _objectSpread({}, props));
 }
-export { MyButton as default };
-//# sourceMappingURL=.root45.js.map
+var css_248z = ".index-module_template-wrapper__vpKxP {\n  position: relative;\n}\n.index-module_template-wrapper__vpKxP .index-module_template-texarea__zlepN {\n  width: 100%;\n}\n.index-module_template-wrapper__vpKxP .index-module_template-action__BqDgy {\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 #f5f6f8 #f5f6f8 transparent;\n  border-style: solid;\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n}\n.index-module_template-wrapper__vpKxP .index-module_template-action__BqDgy span {\n  display: inline-block;\n  position: relative;\n  bottom: 5px;\n  word-break: keep-all;\n  color: #000;\n  font-size: 12px;\n}\n.index-module_temp-modal__lyOhd {\n  padding-bottom: 0;\n}\n.index-module_temp-modal__lyOhd .index-module_title__77nhH {\n  color: #0e318d;\n  font-size: 18px;\n  font-weight: 600;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body {\n  padding: 12px 24px;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-bar {\n  margin-bottom: 0;\n  border-bottom: none;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-tab-active .index-module_list-btn__zKs4U {\n  color: #3d8bf7;\n  border: 1px solid #007aff;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-ink-bar {\n  display: none !important;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-nav .ant-tabs-tab {\n  margin-right: 0;\n  padding: 0;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-top .ant-tabs-content-holder {\n  max-height: calc(100vh - 220px);\n  overflow-y: auto;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-top > .ant-tabs-nav {\n  margin-bottom: 0;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .ant-tabs-top > .ant-tabs-nav::before {\n  border: none;\n}\n.index-module_temp-modal__lyOhd .ant-modal-body .index-module_list-btn__zKs4U {\n  height: 32px;\n  color: #535881;\n  font-weight: 600;\n  padding: 0 15px;\n  margin-right: 24px;\n  background-color: #fff;\n  border: 1px solid #d8dce6;\n}\n";
+var styles = {
+  "template-wrapper": "index-module_template-wrapper__vpKxP",
+  "template-texarea": "index-module_template-texarea__zlepN",
+  "template-action": "index-module_template-action__BqDgy",
+  "temp-modal": "index-module_temp-modal__lyOhd",
+  "title": "index-module_title__77nhH",
+  "list-btn": "index-module_list-btn__zKs4U"
+};
+styleInject(css_248z);
+var Sider = Layout.Sider,
+  Content = Layout.Content;
+// import templateIcon from '@/assets/imgs/template-icon.png';
+var TextareaWithTemplate = /*#__PURE__*/function (_Component) {
+  function TextareaWithTemplate() {
+    var _this;
+    _classCallCheck(this, TextareaWithTemplate);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, TextareaWithTemplate, [].concat(args));
+    _defineProperty(_this, "myRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_this, "state", {
+      isShowModal: false,
+      activeTabKey: '1',
+      departmentTemp: [],
+      personalTemp: [],
+      proposalTemp: []
+    });
+    _defineProperty(_this, "handleClickBtn", function () {
+      _this.setState({
+        isShowModal: true
+      });
+    });
+    _defineProperty(_this, "handleTabChange", function (key) {
+      _this.setState({
+        activeTabKey: key
+      });
+    });
+    _defineProperty(_this, "handleCancel", function () {
+      _this.setState({
+        isShowModal: false
+      });
+    });
+    _defineProperty(_this, "handleOK", function () {
+      var _this$props = _this.props,
+        value = _this$props.value,
+        onChange = _this$props.onChange;
+      var _this$state = _this.state,
+        activeTabKey = _this$state.activeTabKey,
+        departmentTemp = _this$state.departmentTemp,
+        personalTemp = _this$state.personalTemp,
+        proposalTemp = _this$state.proposalTemp;
+      var items, items2;
+      if (activeTabKey === '1') {
+        items = departmentTemp.filter(function (i) {
+          return i.checked && i.pid !== 0 || i.checked && i.pid === 0 && i.children.length === 0;
+        });
+      } else {
+        items = personalTemp.filter(function (i) {
+          return i.checked && i.pid !== 0 || i.checked && i.pid === 0 && i.children.length === 0;
+        });
+      }
+      items2 = proposalTemp.filter(function (i) {
+        return i.checked && i.pid !== 0 || i.checked && i.pid === 0 && i.children.length === 0;
+      });
+      var itemsSum = concat(items, items2);
+      items = join(map(itemsSum, function (item) {
+        return item.val;
+      }), '；');
+      var newValue = value || '';
+      onChange("".concat(newValue).concat(newValue ? '；' : '').concat(items));
+      _this.setState({
+        isShowModal: false
+      });
+    });
+    _defineProperty(_this, "handleTextareaChange", function (e) {
+      var onChange = _this.props.onChange;
+      onChange(e.target.value);
+    });
+    _defineProperty(_this, "getTemplateData", function (data) {
+      var activeTabKey = _this.state.activeTabKey;
+      if (activeTabKey === '1') {
+        _this.setState({
+          departmentTemp: data
+        });
+      } else {
+        _this.setState({
+          personalTemp: data
+        });
+      }
+    });
+    _defineProperty(_this, "getproposalTemp", function (data) {
+      _this.setState({
+        proposalTemp: data
+      });
+    });
+    return _this;
+  }
+  _inherits(TextareaWithTemplate, _Component);
+  return _createClass(TextareaWithTemplate, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var setMyRef = this.props.setMyRef;
+      setMyRef(this.myRef);
+    }
+  }, {
+    key: "handleFocus",
+    value: function handleFocus() {
+      var onFocus = this.props.onFocus;
+      onFocus && onFocus('focus', null);
+    }
+  }, {
+    key: "handleBlur",
+    value: function handleBlur() {
+      var onBlur = this.props.onBlur;
+      onBlur && onBlur('blur', null);
+    }
+  }, {
+    key: "renderModal",
+    value: function renderModal() {
+      var _this$state2 = this.state,
+        activeTabKey = _this$state2.activeTabKey,
+        isShowModal = _this$state2.isShowModal;
+      var _this$props2 = this.props,
+        basicInfo = _this$props2.basicInfo,
+        _this$props2$input_pr = _this$props2.input_props,
+        input_props = _this$props2$input_pr === void 0 ? {} : _this$props2$input_pr,
+        headerInfo = _this$props2.headerInfo,
+        name = _this$props2.name;
+      var title = input_props.title,
+        departmentTempalteType = input_props.departmentTempalteType,
+        personalTempalteTType = input_props.personalTempalteTType,
+        departmentId = input_props.departmentId;
+      var pregnancyid = this.props.id || get(headerInfo, "id");
+      return /*#__PURE__*/React.createElement(Modal, {
+        closable: true,
+        centered: true,
+        className: styles["temp-modal"],
+        title: title,
+        visible: isShowModal,
+        width: 1000,
+        onCancel: this.handleCancel,
+        onOk: this.handleOK
+      }, /*#__PURE__*/React.createElement(Layout, {
+        style: {
+          background: '#fff'
+        }
+      }, get(input_props, "showAdvise") && (/*#__PURE__*/React.createElement(Sider, {
+        width: 400,
+        style: {
+          borderRight: '1px solid #ccc',
+          paddingRight: '10px',
+          overflow: 'auto',
+          maxHeight: '520px'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles["title"]
+      }, "\u5904\u7406\u5EFA\u8BAE.."), /*#__PURE__*/React.createElement(TemplateTree, {
+        type: 10,
+        pregnancyid: pregnancyid,
+        depid: departmentId,
+        checkable: true,
+        onChecked: this.getproposalTemp,
+        divide: false,
+        editable: false
+      }))), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(Tabs, {
+        defaultActiveKey: activeTabKey,
+        onChange: this.handleTabChange
+      }, /*#__PURE__*/React.createElement(Tabs.TabPane, {
+        tab: /*#__PURE__*/React.createElement(Button, {
+          className: styles["list-btn"]
+        }, "\u79D1\u5BA4\u6A21\u677F"),
+        key: "1"
+      }, /*#__PURE__*/React.createElement(TemplateTree, {
+        type: departmentTempalteType,
+        depid: departmentId,
+        checkable: true,
+        onChecked: this.getTemplateData,
+        divide: true,
+        editable: true
+      })), /*#__PURE__*/React.createElement(Tabs.TabPane, {
+        tab: /*#__PURE__*/React.createElement(Button, {
+          className: styles["list-btn"]
+        }, "\u4E2A\u4EBA\u6A21\u677F"),
+        key: "2"
+      }, /*#__PURE__*/React.createElement(TemplateTree, {
+        type: personalTempalteTType,
+        userid: get(basicInfo, 'id'),
+        checkable: true,
+        onChecked: this.getTemplateData,
+        divide: true,
+        editable: true
+      }))))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+        value = _this$props3.value,
+        _this$props3$input_pr = _this$props3.input_props,
+        input_props = _this$props3$input_pr === void 0 ? {} : _this$props3$input_pr,
+        disabled = _this$props3.disabled;
+      var _input_props$minRows = input_props.minRows,
+        minRows = _input_props$minRows === void 0 ? 2 : _input_props$minRows,
+        _input_props$maxRows = input_props.maxRows,
+        maxRows = _input_props$maxRows === void 0 ? 5 : _input_props$maxRows;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles["template-wrapper"]
+      }, /*#__PURE__*/React.createElement(Input.TextArea, {
+        disabled: disabled,
+        className: styles["template-texarea"],
+        value: value,
+        autoSize: {
+          minRows: minRows,
+          maxRows: maxRows
+        },
+        onChange: this.handleTextareaChange,
+        onFocus: this.handleFocus.bind(this),
+        onBlur: this.handleBlur.bind(this),
+        ref: this.myRef
+      }), /*#__PURE__*/React.createElement("div", {
+        className: styles["template-action"],
+        onClick: this.handleClickBtn
+      }, "\u6A21"), this.renderModal());
+    }
+  }]);
+}(Component);
+export { TextareaWithTemplate as default };