@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root47.js

@@ -1,280 +1,543 @@
+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 _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 'antd/es/modal/style';
-import _Modal from 'antd/es/modal';
-import 'antd/es/tooltip/style';
-import _Tooltip from 'antd/es/tooltip';
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import _set from 'lodash/set';
+import { MyIcon, LazyAntd } from '@lm_fe/components';
+import { request } from '@lm_fe/utils';
+import { Tooltip, Modal, Input, Button, Row, Col } from 'antd';
+import { get, forEach, isUndefined, includes, concat, map, isEmpty } from 'lodash';
 import React, { Component } from 'react';
-import { MinusCircleOutlined, PlusCircleOutlined, QuestionCircleOutlined } from '@ant-design/icons';
-import { b as styleInject, N as Inner } from './index.js';
-import '@lm_fe/env';
-import 'lodash/isFunction';
-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/map';
-import 'lodash/indexOf';
-import 'lodash/get';
-import 'lodash/compact';
-import '@lm_fe/components';
-import '@lm_fe/utils';
+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/divider/style';
-import 'antd/es/divider';
-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/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 '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 = ".array-custom {\n  padding-top: 10px;\n}\n.array-custom .array-form-title {\n  color: rgba(0, 0, 0, 0.85);\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 8px;\n}\n.array-custom .array-form-title > div {\n  width: 100%;\n  padding-left: 2rem;\n}\n.array-custom .array-form-title > div > span {\n  position: relative;\n  padding: 0 2px;\n}\n.array-custom .array-form-main {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: relative;\n}\n.array-custom .array-form-main_title {\n  position: absolute;\n  top: -15px;\n  left: 3px;\n  color: #3d8bf7;\n}\n.array-custom .array-form-main_title-handler {\n  display: inline-block;\n}\n.array-custom .array-form-main_custom {\n  width: 100%;\n}\n";
+var css_248z = ".index-module_template-tree-wrapper__-eVVJ .index-module_add-btn__Hpw5H {\n  position: absolute;\n  top: 18px;\n  right: 42px;\n  z-index: 2;\n  text-align: right;\n}\n.index-module_template-tree-wrapper__-eVVJ .ant-tree .ant-tree-list .ant-tree-title {\n  display: inline-block;\n  max-width: 320px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.index-module_template-tree-wrapper__-eVVJ .index-module_handle-icon__UdWvw {\n  margin-left: 10px;\n  cursor: pointer;\n}\n";
+var styles = {
+  "template-tree-wrapper": "index-module_template-tree-wrapper__-eVVJ",
+  "add-btn": "index-module_add-btn__Hpw5H",
+  "handle-icon": "index-module_handle-icon__UdWvw"
+};
 styleInject(css_248z);
-var ArrayCustom = /*#__PURE__*/function (_Component) {
-  function ArrayCustom(props) {
+var operationMapping = {
+  "new": '新增模板',
+  add: '新增子模板',
+  edit: '编辑模板',
+  "delete": '请注意!'
+};
+var Tree = LazyAntd.Tree,
+  TreeSelect = LazyAntd.TreeSelect,
+  Select = LazyAntd.Select,
+  Table = LazyAntd.Table,
+  Dropdown = LazyAntd.Dropdown,
+  Pagination = LazyAntd.Pagination;
+var Index = /*#__PURE__*/function (_Component) {
+  function Index(props) {
     var _this;
-    _classCallCheck(this, ArrayCustom);
-    _this = _callSuper(this, ArrayCustom, [props]);
-    _defineProperty(_this, "handleChange", function (val, index) {
-      var _this$props = _this.props,
-        _this$props$value = _this$props.value,
-        value = _this$props$value === void 0 ? [] : _this$props$value,
-        onChange = _this$props.onChange;
-      var newValue = JSON.parse(JSON.stringify(value)) || [];
-      // newValue[index] = val;
-      _set(newValue, "[".concat(index, "]"), val);
-      console.log({
-        newValue: newValue
+    _classCallCheck(this, Index);
+    _this = _callSuper(this, Index, [props]);
+    _defineProperty(_this, "getTemplateData", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+        var _this$props, type, depid, userid, pregnancyid, paramsArr, paramsStr, newValue, res;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = _this.props, type = _this$props.type, depid = _this$props.depid, userid = _this$props.userid, pregnancyid = _this$props.pregnancyid;
+              paramsArr = {
+                type: type,
+                depid: depid,
+                userid: userid
+              };
+              paramsStr = '';
+              forEach(paramsArr, function (value, key) {
+                if (!isUndefined(value)) {
+                  paramsStr += "".concat(key, ".equals=").concat(value, "&");
+                }
+              });
+              if (pregnancyid) {
+                paramsStr += "pregnancyid.equals=".concat(pregnancyid, "&");
+              }
+              newValue = value == undefined ? _this.props.searchValue : value;
+              if (newValue) {
+                paramsStr += "code.contains=".concat(newValue, "&mnemonic.contains=").concat(newValue, "&val.contains=").concat(newValue, "&");
+              }
+              _context.next = 9;
+              return request.get("/api/template-trees?".concat(paramsStr, "page=0&size=500"));
+            case 9:
+              res = _context.sent;
+              res = res.data || [];
+              _this.setState({
+                templateData: res
+              });
+              _this.setState({
+                nodeTreeItem: null,
+                operation: null,
+                newTitle: null,
+                addTitle: null
+              });
+            case 13:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "handleTreeItem", function (operate) {
+      _this.setState({
+        modalVisible: true,
+        operation: operate
       });
-      onChange(newValue);
     });
-    _defineProperty(_this, "renderArrayCustomForm", function () {
-      var _this$props2 = _this.props,
-        dispatch = _this$props2.dispatch,
-        _this$props2$input_pr = _this$props2.input_props,
-        input_props = _this$props2$input_pr === void 0 ? {} : _this$props2$input_pr;
-      var _input_props$array_ti = input_props.array_title,
-        array_title = _input_props$array_ti === void 0 ? '记录' : _input_props$array_ti,
-        hiddenBtn = input_props.hiddenBtn;
-      var value = _this.props.value;
-      if (!value || value.length === 0) {
-        // 默认赋值一条数据
-        value = [{}];
-      }
-      return value.map(function (val, index) {
-        return /*#__PURE__*/React.createElement("div", {
-          className: "array-form",
-          key: "array-custom-".concat(index)
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "array-form-main"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "array-form-main_title"
-        }, /*#__PURE__*/React.createElement("span", null, array_title, index + 1, "\uFF1A"), /*#__PURE__*/React.createElement("div", {
-          className: "array-form-main_title-handler"
-        }, !hiddenBtn && /*#__PURE__*/React.createElement(React.Fragment, null, value.length === 1 ? null : /*#__PURE__*/React.createElement(_Tooltip, {
-          title: "\u5220\u9664"
-        }, /*#__PURE__*/React.createElement(_Button, {
-          size: "small",
-          shape: "circle",
-          danger: true,
-          type: "link",
-          icon: /*#__PURE__*/React.createElement(MinusCircleOutlined, null),
-          disabled: _this.props.disabled,
-          onClick: function onClick() {
-            return _this.handleDelete(index);
+    _defineProperty(_this, "handleTreeSort", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(sort) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              console.log('移动');
+            case 1:
+            case "end":
+              return _context2.stop();
           }
-        })), index !== value.length - 1 ? null : /*#__PURE__*/React.createElement(_Tooltip, {
-          title: "\u6DFB\u52A0"
-        }, /*#__PURE__*/React.createElement(_Button, {
-          shape: "circle",
-          size: "small",
-          type: "link",
-          icon: /*#__PURE__*/React.createElement(PlusCircleOutlined, null),
-          onClick: _this.handleAdd,
-          disabled: _this.props.disabled
-        }))))), /*#__PURE__*/React.createElement("div", {
-          className: "array-form-main_custom"
-        }, /*#__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() {},
-          disabled: _this.props.disabled || input_props.disabled
-        }))));
+        }, _callee2);
+      }));
+      return function (_x2) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "handleIptChange", function (e, operation) {
+      var nodeTreeItem = _this.state.nodeTreeItem;
+      if (operation === 'new') _this.setState({
+        newTitle: e.target.value
       });
+      if (operation === 'add') _this.setState({
+        addTitle: e.target.value
+      });
+      if (operation === 'edit') {
+        var data = {
+          title: e.target.value
+        };
+        _this.setState({
+          nodeTreeItem: _objectSpread(_objectSpread({}, nodeTreeItem), data)
+        });
+      }
     });
-    _defineProperty(_this, "handleAdd", function () {
-      var _this$props3 = _this.props,
-        _this$props3$value = _this$props3.value,
-        value = _this$props3$value === void 0 ? [] : _this$props3$value,
-        _this$props3$input_pr = _this$props3.input_props,
-        input_props = _this$props3$input_pr === void 0 ? {} : _this$props3$input_pr,
-        onChange = _this$props3.onChange;
-      var _input_props$config = input_props.config,
-        config = _input_props$config === void 0 ? [] : _input_props$config;
-      var emptyItem = {};
-      config.forEach(function (item) {
-        var key = item.key;
-        var newKey = key.substring(1, key.length);
-        // arraySplitKey & objectSplitKey
-        var nextSplitKeyIndex = newKey.search(/[\.]|[\_]/);
-        if (nextSplitKeyIndex !== -1) {
-          emptyItem[newKey.substring(0, nextSplitKeyIndex)] = '';
-        } else {
-          emptyItem[newKey] = null;
+    _defineProperty(_this, "handleOk", /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var _this$props2, type, depid, userid, _this$state, nodeTreeItem, addTitle, operation, newTitle, newItem, addItem, editItem;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _this$props2 = _this.props, type = _this$props2.type, depid = _this$props2.depid, userid = _this$props2.userid;
+            _this$state = _this.state, nodeTreeItem = _this$state.nodeTreeItem, addTitle = _this$state.addTitle, operation = _this$state.operation, newTitle = _this$state.newTitle;
+            if (!(operation === 'new')) {
+              _context3.next = 7;
+              break;
+            }
+            newItem = {
+              pid: 0,
+              val: newTitle,
+              type: type,
+              depid: depid,
+              userid: userid
+            };
+            _context3.next = 6;
+            return request.post("/api/template-trees", newItem);
+          case 6:
+            _this.getTemplateData();
+          case 7:
+            if (!(operation === 'add')) {
+              _context3.next = 12;
+              break;
+            }
+            addItem = {
+              pid: Number(nodeTreeItem.id),
+              val: addTitle,
+              type: type,
+              depid: depid,
+              userid: userid
+            };
+            _context3.next = 11;
+            return request.post("/api/template-trees", addItem);
+          case 11:
+            _this.getTemplateData();
+          case 12:
+            if (!(operation === 'edit')) {
+              _context3.next = 17;
+              break;
+            }
+            editItem = {
+              pid: Number(nodeTreeItem.pid),
+              val: nodeTreeItem.title,
+              type: type,
+              depid: depid,
+              userid: userid,
+              id: nodeTreeItem.id
+            };
+            _context3.next = 16;
+            return request.put("/api/template-trees", editItem);
+          case 16:
+            _this.getTemplateData();
+          case 17:
+            if (!(operation === 'delete')) {
+              _context3.next = 21;
+              break;
+            }
+            _context3.next = 20;
+            return request["delete"]("/api/template-trees/".concat(nodeTreeItem.id));
+          case 20:
+            _this.getTemplateData();
+          case 21:
+            _this.setState({
+              modalVisible: false,
+              nodeTreeItem: null,
+              operation: null
+            });
+          case 22:
+          case "end":
+            return _context3.stop();
         }
+      }, _callee3);
+    })));
+    _defineProperty(_this, "handleCancel", function () {
+      _this.setState({
+        modalVisible: false,
+        nodeTreeItem: null,
+        operation: null
       });
-      if (value) {
-        value.push(emptyItem);
-      } else {
-        value = [emptyItem, emptyItem];
-      }
-      onChange(value);
     });
-    _defineProperty(_this, "handleDelete", function (index) {
+    _defineProperty(_this, "handleAddBtnClick", function () {
       _this.setState({
-        visible: true,
-        deleteIndex: index
+        operation: 'new',
+        modalVisible: true
+      });
+    });
+    _defineProperty(_this, "onMouseEnter", function (_ref4, area) {
+      var event = _ref4.event,
+        node = _ref4.node;
+      var x = event.currentTarget.offsetLeft + event.currentTarget.clientWidth;
+      var y = event.currentTarget.offsetTop;
+      _this.setState({
+        nodeTreeItem: {
+          pageX: x,
+          pageY: y,
+          pid: node.props.pid,
+          id: Number(node.props.eventKey),
+          title: node.props.title,
+          sort: node.props.sort
+        },
+        currentArea: area
       });
     });
-    _defineProperty(_this, "confirmDelete", function () {
-      var deleteIndex = _this.state.deleteIndex;
-      var _this$props4 = _this.props,
-        value = _this$props4.value,
-        onChange = _this$props4.onChange;
-      value.splice(deleteIndex, 1);
-      onChange(value);
+    _defineProperty(_this, "handleCheck", /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(keys) {
+        var onChecked, _this$state2, templateData, checkedKeys;
+        return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              onChecked = _this.props.onChecked;
+              _this$state2 = _this.state, templateData = _this$state2.templateData, checkedKeys = _this$state2.checkedKeys;
+              _this.setState({
+                checkedKeys: keys
+              });
+              forEach(templateData, function (item) {
+                if (includes(keys, "".concat(item.id))) {
+                  item.checked = true;
+                } else {
+                  item.checked = false;
+                }
+              });
+              onChecked && onChecked(templateData);
+            case 5:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x3) {
+        return _ref5.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_this, "handleCheckLeft", function (keys) {
+      var onChecked = _this.props.onChecked;
+      var _this$state3 = _this.state,
+        templateData = _this$state3.templateData,
+        checkedKeysRight = _this$state3.checkedKeysRight;
+      var allCheckedKays = concat(keys, checkedKeysRight);
       _this.setState({
-        visible: false
+        checkedKeysLeft: keys
+      });
+      forEach(templateData, function (item) {
+        if (includes(allCheckedKays, "".concat(item.id))) {
+          item.checked = true;
+        } else {
+          item.checked = false;
+        }
       });
+      onChecked && onChecked(templateData);
     });
-    _defineProperty(_this, "mapPropsToState", function () {
-      var _this$props5 = _this.props,
-        value = _this$props5.value,
-        error = _this$props5.error;
+    _defineProperty(_this, "handleCheckRight", function (keys) {
+      var onChecked = _this.props.onChecked;
+      var _this$state4 = _this.state,
+        templateData = _this$state4.templateData,
+        checkedKeysLeft = _this$state4.checkedKeysLeft;
+      var allCheckedKays = concat(keys, checkedKeysLeft);
       _this.setState({
-        value: value,
-        error: error
+        checkedKeysRight: keys
       });
+      forEach(templateData, function (item) {
+        if (includes(allCheckedKays, "".concat(item.id))) {
+          item.checked = true;
+        } else {
+          item.checked = false;
+        }
+      });
+      onChecked && onChecked(templateData);
+    });
+    _defineProperty(_this, "transferTemplateData", function (data) {
+      var pid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+      var showIcd = _this.props.showIcd;
+      var treeData = [];
+      map(data, function (item) {
+        if (item.pid === pid) {
+          item.title = showIcd && item.code ? "\uFF08icd\uFF09".concat(item.val) : item.val;
+          item.key = String(item.id);
+          item.children = _this.transferTemplateData(data, item.id);
+          if (isEmpty(item.children)) {
+            item.isLeaf = true;
+          } else {
+            item.isLeaf = false;
+          }
+          treeData.push(item);
+        }
+      });
+      console.log({
+        treeData: treeData
+      });
+      return treeData;
+    });
+    _defineProperty(_this, "handleSelect", function (selectedKeys, _ref6) {
+      var node = _ref6.node;
+      var onSelected = _this.props.onSelected;
+      onSelected && onSelected(node);
     });
     _this.state = {
-      value: [],
-      error: [],
-      visible: false,
-      deleteIndex: -1
+      templateData: null,
+      checkedKeys: [],
+      checkedKeysLeft: [],
+      checkedKeysRight: [],
+      currentArea: null,
+      operation: null,
+      nodeTreeItem: null,
+      modalVisible: false,
+      newTitle: null,
+      // 新增主模板名称
+      addTitle: null // 新增子模板名称
     };
     return _this;
   }
-  _inherits(ArrayCustom, _Component);
-  return _createClass(ArrayCustom, [{
+  _inherits(Index, _Component);
+  return _createClass(Index, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      this.mapPropsToState();
+      this.getTemplateData(get(this.props, "searchValue", ''));
     }
   }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (JSON.stringify(prevProps) !== JSON.stringify(this.props)) {
-        this.mapPropsToState();
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextPorps) {
+      if (get(nextPorps, "searchValue") != get(this.props, "searchValue")) {
+        this.getTemplateData(get(nextPorps, "searchValue"));
       }
     }
   }, {
-    key: "render",
-    value: function render() {
+    key: "renderNodeTreeMenu",
+    value: function renderNodeTreeMenu() {
       var _this2 = this;
-      var visible = this.state.visible;
-      var _this$props6 = this.props,
-        name = _this$props6.name,
-        value = _this$props6.value;
-      return /*#__PURE__*/React.createElement("div", {
-        className: "array-custom",
-        id: name
-      }, /*#__PURE__*/React.createElement("div", null, this.renderArrayCustomForm()), /*#__PURE__*/React.createElement(_Modal, {
-        visible: visible,
-        closable: false,
-        onCancel: function onCancel() {
-          return _this2.setState({
-            visible: false
-          });
+      var editable = this.props.editable;
+      var nodeTreeItem = this.state.nodeTreeItem;
+      var _nodeTreeItem = _objectSpread({}, nodeTreeItem),
+        pageX = _nodeTreeItem.pageX,
+        pageY = _nodeTreeItem.pageY,
+        pid = _nodeTreeItem.pid;
+      var menuStyle = {
+        position: 'absolute',
+        maxHeight: 40,
+        textAlign: 'center',
+        left: "".concat(pageX + 10, "px"),
+        top: "".concat(pageY, "px"),
+        display: 'flex',
+        flexDirection: 'row'
+      };
+      return nodeTreeItem && editable ? (/*#__PURE__*/React.createElement("div", {
+        style: menuStyle
+      }, pid === 0 ? (/*#__PURE__*/React.createElement("div", {
+        className: styles["handle-icon"],
+        onClick: function onClick() {
+          return _this2.handleTreeItem('add');
+        }
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "bottom",
+        title: "\u6DFB\u52A0\u5B50\u6A21\u677F"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'PlusCircleOutlined'
+      })))) : null, /*#__PURE__*/React.createElement("div", {
+        className: styles["handle-icon"],
+        onClick: function onClick() {
+          return _this2.handleTreeItem('edit');
+        }
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "bottom",
+        title: "\u4FEE\u6539"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'EditOutlined'
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: styles["handle-icon"],
+        onClick: function onClick() {
+          return _this2.handleTreeItem('delete');
+        }
+      }, /*#__PURE__*/React.createElement(Tooltip, {
+        placement: "bottom",
+        title: "\u5220\u9664"
+      }, /*#__PURE__*/React.createElement(MyIcon, {
+        value: 'DeleteOutlined'
+      }))))) : null;
+    }
+  }, {
+    key: "renderHandleModal",
+    value: function renderHandleModal() {
+      var _this3 = this;
+      var _this$state5 = this.state,
+        modalVisible = _this$state5.modalVisible,
+        nodeTreeItem = _this$state5.nodeTreeItem,
+        addTitle = _this$state5.addTitle,
+        operation = _this$state5.operation,
+        newTitle = _this$state5.newTitle;
+      var title = operationMapping[operation];
+      return /*#__PURE__*/React.createElement(Modal, {
+        title: title,
+        closable: true,
+        visible: modalVisible,
+        onCancel: this.handleCancel,
+        onOk: this.handleOk
+      }, operation === 'new' && (/*#__PURE__*/React.createElement("div", null, "\u65B0\u589E\u6A21\u677F\u540D\u79F0\uFF1A", /*#__PURE__*/React.createElement(Input, {
+        value: newTitle,
+        onChange: function onChange(e) {
+          return _this3.handleIptChange(e, 'new');
         },
-        onOk: function onOk() {
-          return _this2.confirmDelete();
+        style: {
+          width: '50%'
+        }
+      }))), operation === 'add' && (/*#__PURE__*/React.createElement("div", null, "\u65B0\u589E\u5B50\u6A21\u677F\uFF1A", /*#__PURE__*/React.createElement(Input, {
+        value: addTitle,
+        onChange: function onChange(e) {
+          return _this3.handleIptChange(e, 'add');
+        },
+        style: {
+          width: '50%'
+        }
+      }))), operation === 'edit' && (/*#__PURE__*/React.createElement("div", null, "\u7F16\u8F91\u6A21\u677F\u540D\u79F0\uFF1A", /*#__PURE__*/React.createElement(Input, {
+        value: nodeTreeItem.title,
+        onChange: function onChange(e) {
+          return _this3.handleIptChange(e, 'edit');
         },
-        width: "350px",
         style: {
-          top: '40%'
+          width: '50%'
         }
-      }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(QuestionCircleOutlined, {
+      }))), operation === 'delete' && /*#__PURE__*/React.createElement("div", null, "\u662F\u5426\u5220\u9664\u6A21\u677F\uFF1A", nodeTreeItem.title));
+    }
+  }, {
+    key: "renderTreatment",
+    value: function renderTreatment() {
+      var _this4 = this;
+      var _this$props3 = this.props,
+        checkable = _this$props3.checkable,
+        divide = _this$props3.divide,
+        editable = _this$props3.editable;
+      var _this$state6 = this.state,
+        templateData = _this$state6.templateData,
+        checkedKeys = _this$state6.checkedKeys,
+        checkedKeysLeft = _this$state6.checkedKeysLeft,
+        checkedKeysRight = _this$state6.checkedKeysRight,
+        currentArea = _this$state6.currentArea,
+        nodeTreeItem = _this$state6.nodeTreeItem;
+      var treeData = this.transferTemplateData(templateData);
+      return /*#__PURE__*/React.createElement("div", {
         style: {
-          color: '#feaa02'
+          minHeight: 160,
+          padding: '12px 0'
         }
-      })), "\xA0\xA0", /*#__PURE__*/React.createElement("span", null, "\u4F60\u662F\u5426\u786E\u8BA4\u5220\u9664\u6B64\u8BB0\u5F55")));
+      }, editable ? (/*#__PURE__*/React.createElement("div", {
+        className: styles["add-btn"]
+      }, /*#__PURE__*/React.createElement(Button, {
+        size: "small",
+        onClick: this.handleAddBtnClick
+      }, "\u6DFB\u52A0\u6A21\u677F"))) : null, divide ? (/*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Tree, {
+        style: {
+          maxHeight: '90%'
+        },
+        checkable: checkable,
+        defaultExpandAll: true,
+        checkedKeys: checkedKeysLeft.length === 0 ? [] : checkedKeysLeft,
+        onCheck: this.handleCheckLeft,
+        onSelect: this.handleSelect,
+        onMouseEnter: function onMouseEnter(e) {
+          return _this4.onMouseEnter(e, 'treeLeft');
+        },
+        treeData: treeData.slice(0, Math.ceil(treeData.length / 2))
+      }), nodeTreeItem && currentArea === 'treeLeft' ? this.renderNodeTreeMenu() : null), /*#__PURE__*/React.createElement(Col, {
+        span: 12
+      }, /*#__PURE__*/React.createElement(Tree, {
+        style: {
+          maxHeight: '90%'
+        },
+        checkable: checkable,
+        defaultExpandAll: true,
+        checkedKeys: checkedKeysRight.length === 0 ? [] : checkedKeysRight,
+        onCheck: this.handleCheckRight,
+        onSelect: this.handleSelect,
+        onMouseEnter: function onMouseEnter(e) {
+          return _this4.onMouseEnter(e, 'treeright');
+        },
+        treeData: treeData.slice(Math.ceil(treeData.length / 2))
+      }), nodeTreeItem && currentArea === 'treeright' ? this.renderNodeTreeMenu() : null))) : (/*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Col, {
+        span: 24
+      }, /*#__PURE__*/React.createElement(Tree, {
+        style: {
+          maxHeight: '90%'
+        },
+        checkable: checkable,
+        defaultExpandAll: true,
+        checkedKeys: checkedKeys,
+        onCheck: this.handleCheck,
+        onSelect: this.handleSelect,
+        onMouseEnter: function onMouseEnter(e) {
+          return _this4.onMouseEnter(e, '');
+        },
+        treeData: treeData
+      }), nodeTreeItem ? this.renderNodeTreeMenu() : null))));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var templateData = this.state.templateData;
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles["template-tree-wrapper"]
+      }, templateData && this.renderTreatment(), this.renderHandleModal());
     }
   }]);
 }(Component);
-export { ArrayCustom as default };
-//# sourceMappingURL=.root47.js.map
+export { Index as default };