@lm_fe/components_m 0.1.201 → 0.2.2

package/dist/a_chunks/.root57.js

@@ -1,567 +1,229 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-var _excluded = ["modal_data", "onCancel", "onOk", "getContainer"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 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/row/style';
-import _Row from 'antd/es/row';
-import 'antd/es/empty/style';
-import _Empty from 'antd/es/empty';
-import 'antd/es/col/style';
-import _Col from 'antd/es/col';
-import { b as styleInject, _ as _extends, T as updateResources, V as createResources, W as getResourcesByID, X as deleteResourcesByID } from './index.js';
-import 'antd/es/space/style';
-import _Space from 'antd/es/space';
-import 'antd/es/radio/style';
-import _Radio from 'antd/es/radio';
-import 'antd/es/button/style';
-import _Button from 'antd/es/button';
-import 'antd/es/form/style';
-import _Form from 'antd/es/form';
-import 'antd/es/popconfirm/style';
-import _Popconfirm from 'antd/es/popconfirm';
-import 'antd/es/message/style';
-import _message from 'antd/es/message';
-import _map from 'lodash/map';
-import _keys from 'lodash/keys';
-import _keyBy from 'lodash/keyBy';
-import _isNil from 'lodash/isNil';
-import _isEmpty from 'lodash/isEmpty';
-import _indexOf from 'lodash/indexOf';
-import _get from 'lodash/get';
-import _compact from 'lodash/compact';
-import { EditOutlined, DeleteOutlined } from '@ant-design/icons';
-import { LazyAntd, SimpleForm } from '@lm_fe/components';
-import { SLocal_State, SMchc_TemplateTrees } from '@lm_fe/service';
-import React, { useState, useEffect } from 'react';
-import '@lm_fe/utils';
-import { mchcEnv } from '@lm_fe/env';
-import 'lodash/isFunction';
-import 'antd/es/input/style';
-import 'antd/es/input';
-import 'antd/es/input-number/style';
-import 'antd/es/input-number';
-import 'lodash/set';
+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 { LazyAntd } from '@lm_fe/components';
+import { APP_CONFIG } from '@lm_fe/env';
+import { formatDate } from '@lm_fe/utils';
+import { Button } from 'antd';
+import dayjs from 'dayjs';
+import { get, isEqual, map, isEmpty, isArray, join, cloneDeep, set, filter, indexOf } from 'lodash';
+import React, { Component } from 'react';
+import { e as BaseFormComponent } from './index.js';
+import { c as css_248z } from './index2.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 'antd/es/switch/style';
-import 'antd/es/switch';
-import 'lodash/join';
-import 'lodash/isEqual';
-import 'lodash/isArray';
-import 'lodash/identity';
-import 'lodash/cloneDeep';
-import 'lodash/isObject';
-import 'antd/es/tooltip/style';
-import 'antd/es/tooltip';
-import 'antd/es/spin/style';
-import 'antd/es/spin';
-import 'lodash/has';
-import 'lodash/size';
-import 'lodash/includes';
-import 'lodash/forEach';
-import 'lodash/filter';
-import 'react-to-print';
-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 '@lm_fe/service';
+import 'reconnecting-websocket';
 import 'store';
-import 'lodash/last';
-import 'lodash/toUpper';
-var rootTemplate = {
-  id: 0,
-  key: 0,
-  value: 0,
-  title: '顶级',
-  children: []
-};
-var _transferTemplates = function transferTemplates(templates) {
-  var pid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var temp = [];
-  _map(templates, function (item) {
-    var t = {
-      key: item.id
-    };
-    if (item.pid === pid) {
-      t.key = item.id;
-      t.value = item.id;
-      t.title = item.val;
-      t.children = _transferTemplates(templates, item.id);
-      if (_isEmpty(t.children)) {
-        t.isLeaf = true;
-      } else {
-        t.isLeaf = false;
-      }
-      temp.push(t);
-    }
-  });
-  return temp;
-};
-var Tree$1 = LazyAntd.Tree,
-  TreeSelect$1 = LazyAntd.TreeSelect,
-  Select$1 = LazyAntd.Select,
-  Table$1 = LazyAntd.Table,
-  Dropdown$1 = LazyAntd.Dropdown,
-  Pagination$1 = LazyAntd.Pagination;
-function TemplateSelect(props) {
-  var _SLocal_State$getUser;
-  var onChange = props.onChange,
-    templateType = props.templateType,
-    _props$depid = props.depid,
-    depid = _props$depid === void 0 ? 1 : _props$depid;
-  var _useState = useState(props.value || 0),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    options = _useState4[0],
-    setOptions = _useState4[1];
-  var userId = (_SLocal_State$getUser = SLocal_State.getUserData()) === null || _SLocal_State$getUser === void 0 ? void 0 : _SLocal_State$getUser.id;
-  useEffect(function () {
-    setValue(props.value);
-  }, [props.value]);
-  useEffect(function () {
-    SMchc_TemplateTrees.getList({
-      params: {
-        depid: depid,
-        type: templateType,
-        userid: userId,
-        size: 99999,
-        page: 0
-      }
-    }).then(function (res) {
-      setOptions([_objectSpread(_objectSpread({}, rootTemplate), {}, {
-        children: _transferTemplates(res)
-      })]);
-    });
-  }, []);
-  var handleChange = function handleChange(data) {
-    setValue(data);
-    onChange === null || onChange === void 0 || onChange(data);
-  };
-  return /*#__PURE__*/React.createElement(TreeSelect$1, {
-    treeDefaultExpandAll: true,
-    value: value,
-    treeData: options,
-    onChange: handleChange
-  });
-}
-var css_248z = ".index-module_textarea-with-template__SKlMl {\n  position: relative;\n}\n.index-module_textarea-with-template__SKlMl .index-module_template-textarea__g8Yos {\n  width: 100%;\n}\n.index-module_textarea-with-template__action__b58xo {\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.index-module_textarea-with-template__action__b58xo span {\n  position: relative;\n  bottom: 1px;\n  word-break: keep-all;\n  color: #000;\n  font-size: 12px;\n}\n.index-module_textarea-with-template__action_disabled__zr4mc {\n  color: rgba(0, 0, 0, 0.25);\n}\n.index-module_textarea-with-template__modal-body__TtU8k {\n  margin: 10px 0;\n}\n.index-module_textarea-with-template__modal-body__TtU8k .index-module_ant-tree-treenode__PMdPf .index-module_template-list-item__actions__XDQuN {\n  display: none;\n}\n.index-module_textarea-with-template__modal-body__TtU8k .index-module_ant-tree-treenode__PMdPf:hover .index-module_template-list-item__actions__XDQuN {\n  display: inline-block;\n}\n.index-module_textarea-with-template__modal-body__TtU8k .index-module_template-list-item__ga3Ai {\n  display: flex;\n  flex-flow: row;\n  align-items: center;\n}\n.index-module_textarea-with-template__modal-body__TtU8k .index-module_template-list-item__ga3Ai .index-module_template-list-item__actions-icon__56bhq {\n  font-size: 14px;\n  opacity: 0.8;\n  cursor: pointer;\n  margin-left: 10px;\n}\n.index-module_textarea-with-template__modal__cjuWX .index-module_ant-modal-content__AunIt .index-module_ant-modal-header__JBXcL,\n.index-module_textarea-with-template__modal__cjuWX .index-module_ant-modal-content__AunIt .index-module_ant-modal-body__RoSxP,\n.index-module_textarea-with-template__modal__cjuWX .index-module_ant-modal-content__AunIt .index-module_ant-modal-footer__bMlsy {\n  padding: 10px;\n}\n";
-var styles = {
-  "textarea-with-template": "index-module_textarea-with-template__SKlMl",
-  "template-textarea": "index-module_template-textarea__g8Yos",
-  "textarea-with-template__action": "index-module_textarea-with-template__action__b58xo",
-  "textarea-with-template__action_disabled": "index-module_textarea-with-template__action_disabled__zr4mc",
-  "textarea-with-template__modal-body": "index-module_textarea-with-template__modal-body__TtU8k",
-  "ant-tree-treenode": "index-module_ant-tree-treenode__PMdPf",
-  "template-list-item__actions": "index-module_template-list-item__actions__XDQuN",
-  "template-list-item": "index-module_template-list-item__ga3Ai",
-  "template-list-item__actions-icon": "index-module_template-list-item__actions-icon__56bhq",
-  "textarea-with-template__modal": "index-module_textarea-with-template__modal__cjuWX",
-  "ant-modal-content": "index-module_ant-modal-content__AunIt",
-  "ant-modal-header": "index-module_ant-modal-header__JBXcL",
-  "ant-modal-body": "index-module_ant-modal-body__RoSxP",
-  "ant-modal-footer": "index-module_ant-modal-footer__bMlsy"
-};
-styleInject(css_248z);
 var Tree = LazyAntd.Tree,
   TreeSelect = LazyAntd.TreeSelect,
   Select = LazyAntd.Select,
   Table = LazyAntd.Table,
   Dropdown = LazyAntd.Dropdown,
   Pagination = LazyAntd.Pagination;
-var DEFAULT_URL = '/api/template-trees';
-function TemplateModal2(props) {
-  var _SLocal_State$getUser2;
-  var modal_data = props.modal_data,
-    onCancel = props.onCancel,
-    onOk = props.onOk,
-    getContainer = props.getContainer,
-    others = _objectWithoutProperties(props, _excluded);
-  var hierarchical = modal_data.hierarchical,
-    onValueCheck = modal_data.onValueCheck,
-    _modal_data$depid = modal_data.depid,
-    depid = _modal_data$depid === void 0 ? 1 : _modal_data$depid,
-    _modal_data$canOperat = modal_data.canOperate,
-    canOperate = _modal_data$canOperat === void 0 ? mchcEnv.is('广三') ? SLocal_State.isAdmin : false : _modal_data$canOperat,
-    _modal_data$treeProps = modal_data.treeProps,
-    treeProps = _modal_data$treeProps === void 0 ? {} : _modal_data$treeProps,
-    _modal_data$type = modal_data.type,
-    type = _modal_data$type === void 0 ? 1001 : _modal_data$type,
-    _modal_data$renderTit = modal_data.renderTitle,
-    renderTitle = _modal_data$renderTit === void 0 ? function (item) {
-      return /*#__PURE__*/React.createElement("div", null, item.val);
-    } : _modal_data$renderTit,
-    _modal_data$multiple = modal_data.multiple,
-    multiple = _modal_data$multiple === void 0 ? true : _modal_data$multiple,
-    _modal_data$editFormI = modal_data.editFormItems,
-    editFormItems = _modal_data$editFormI === void 0 ? [{
-      type: 'Input',
-      outerOptions: {
-        name: 'val',
-        label: '标题'
-      },
-      id: '0'
-    }, {
-      type: 'Input',
-      outerOptions: {
-        name: 'mnemonic',
-        label: '描述'
-      },
-      id: '0'
-    }] : _modal_data$editFormI;
-  var userid = mchcEnv.is('广三') ? undefined : (_SLocal_State$getUser2 = SLocal_State.getUserData()) === null || _SLocal_State$getUser2 === void 0 ? void 0 : _SLocal_State$getUser2.id;
-  var _useState5 = useState(-1),
-    _useState6 = _slicedToArray(_useState5, 2),
-    curType = _useState6[0],
-    setCurType = _useState6[1];
-  var _useState7 = useState([]),
-    _useState8 = _slicedToArray(_useState7, 2),
-    result = _useState8[0],
-    setResult = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedRowKeys = _useState10[0],
-    setSelectedRowKeys = _useState10[1];
-  var _useState11 = useState([]),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectedRows = _useState12[0],
-    setSelectedRows = _useState12[1];
-  var _useState13 = useState(false),
-    _useState14 = _slicedToArray(_useState13, 2),
-    editModalVisible = _useState14[0],
-    setEditModalVisible = _useState14[1];
-  var _useState15 = useState(),
-    _useState16 = _slicedToArray(_useState15, 2),
-    activeTemplate = _useState16[0],
-    setActiveTemplate = _useState16[1];
-  var _useState17 = useState({}),
-    _useState18 = _slicedToArray(_useState17, 2),
-    splitTemplatesMapping = _useState18[0],
-    setSplitTemplatesMapping = _useState18[1];
-  useEffect(function () {
-    var t = Array.isArray(type) ? type[0].value : type;
-    setCurType(t);
-    return function () {};
-  }, [type]);
-  useEffect(function () {
-    getTemplateList(curType);
-    return function () {};
-  }, [curType]);
-  function getTemplateList() {
-    return _getTemplateList.apply(this, arguments);
-  }
-  function _getTemplateList() {
-    _getTemplateList = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-      var t,
-        result,
-        templates,
-        splitTemplates,
-        splitTemplatesMapping,
-        _args3 = arguments;
-      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            t = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : curType;
-            if (!(t < 0)) {
-              _context3.next = 3;
-              break;
+var MyTable1 = /*#__PURE__*/function (_Component) {
+  function MyTable1(props) {
+    var _this;
+    _classCallCheck(this, MyTable1);
+    _this = _callSuper(this, MyTable1, [props]);
+    _defineProperty(_this, "columns", void 0);
+    _defineProperty(_this, "formatColumns", function (columns) {
+      var onChange = _this.props.onChange;
+      var _this$state = _this.state,
+        editingCol = _this$state.editingCol,
+        editingRow = _this$state.editingRow,
+        editingValue = _this$state.editingValue,
+        dataSource = _this$state.dataSource;
+      return map(columns, function (column) {
+        var children = column.children,
+          align = column.align,
+          width = column.width;
+        var editable = get(column, 'editable') || get(_this.props, 'input_props.editable');
+        var inputType = get(column, 'inputType') || get(column, 'editor.input_type');
+        var dataIndex = get(column, 'dataIndex') || get(column, 'key');
+        var inputProps = get(column, 'inputProps') || get(column, 'editor.input_props');
+        if (!isEmpty(children)) {
+          return _objectSpread(_objectSpread({}, column), {}, {
+            dataIndex: dataIndex,
+            children: _this.formatColumns(children)
+          });
+        }
+        if (!editable) {
+          return _objectSpread(_objectSpread({}, column), {}, {
+            dataIndex: dataIndex
+          });
+        }
+        return _objectSpread(_objectSpread({}, column), {}, {
+          align: align || 'center',
+          width: width || APP_CONFIG.CELL_WIDTH_SMALL,
+          dataIndex: dataIndex,
+          render: function render(value, rowData, rowIndex) {
+            var renderValue = value;
+            var renderComponentValue = editingValue;
+            if (['single_date_picker'].indexOf(inputType) > -1) {
+              renderValue = formatDate(renderValue);
+              renderComponentValue = dayjs(renderComponentValue ? renderComponentValue : dayjs(), 'YYYY-MM-DD');
             }
-            return _context3.abrupt("return");
-          case 3:
-            _context3.next = 5;
-            return SMchc_TemplateTrees.getList({
-              params: {
-                depid: depid,
-                type: t,
-                userid: userid,
-                size: 99999,
-                page: 0
-              }
-            });
-          case 5:
-            result = _context3.sent;
-            templates = _transferTemplates(result); // 拆分为多个树
-            splitTemplates = _compact(_map(templates, function (template) {
-              if (_get(template, 'pid') === 0) {
-                return _objectSpread(_objectSpread({}, template), {}, {
-                  children: []
+            return editingCol === dataIndex && editingRow === rowIndex && editable ? (/*#__PURE__*/React.createElement(BaseFormComponent, _objectSpread(_objectSpread({
+              disable: _this.props.disabled
+            }, inputProps), {}, {
+              inputProps: inputProps,
+              key: rowIndex,
+              size: "small",
+              inputType: inputType,
+              value: renderComponentValue,
+              autoFocus: true,
+              defaultOpen: true,
+              onBlur: function onBlur() {
+                _this.setState({
+                  editingRow: undefined,
+                  editingCol: undefined,
+                  editingValue: undefined
+                });
+                var path = dataIndex;
+                if (isArray(dataIndex)) {
+                  path = join(dataIndex, '.');
+                }
+                var data = cloneDeep(dataSource);
+                set(data, "".concat(rowIndex, ".").concat(path), editingValue);
+                onChange && onChange(data);
+              },
+              onChange: _this.handleItemChange({
+                dataIndex: dataIndex,
+                inputType: inputType,
+                rowIndex: rowIndex
+              })
+            }))) : (/*#__PURE__*/React.createElement("div", {
+              style: {
+                minHeight: 20
+              },
+              onClick: function onClick() {
+                if (_this.props.disabled) return;
+                _this.setState({
+                  editingRow: rowIndex,
+                  editingCol: dataIndex,
+                  editingValue: value
                 });
               }
-            }));
-            splitTemplatesMapping = _keyBy(splitTemplates, 'id');
-            _map(result, function (template) {
-              var templatePid = _get(template, 'pid');
-              if (_indexOf(_keys(splitTemplatesMapping), String(templatePid)) > -1) {
-                splitTemplatesMapping[templatePid]['children'].push(template);
-              }
-            });
-            setSplitTemplatesMapping(splitTemplatesMapping);
-            setResult(result);
-          case 12:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return _getTemplateList.apply(this, arguments);
-  }
-  function handleAddTemplate(e) {
-    e.stopPropagation();
-    setEditModalVisible(true);
-    setActiveTemplate({});
-  }
-  function handleHideEditModal() {
-    setEditModalVisible(false);
-    setActiveTemplate({});
-  }
-  function closeModal() {
-    onCancel === null || onCancel === void 0 || onCancel(null);
-    setSplitTemplatesMapping({});
-  }
-  function handleSubmitEditModal(_x) {
-    return _handleSubmitEditModal.apply(this, arguments);
-  }
-  function _handleSubmitEditModal() {
-    _handleSubmitEditModal = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(data) {
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            data.type = curType;
-            data.userid = userid;
-            if (!(activeTemplate !== null && activeTemplate !== void 0 && activeTemplate.id)) {
-              _context4.next = 7;
-              break;
-            }
-            _context4.next = 5;
-            return updateResources(DEFAULT_URL, _objectSpread(_objectSpread(_objectSpread({}, activeTemplate), data), {}, {
-              depid: depid
-            }));
-          case 5:
-            _context4.next = 9;
+            }, renderValue));
+          }
+        });
+      });
+    });
+    _defineProperty(_this, "handleItemChange", function (_ref) {
+      var dataIndex = _ref.dataIndex,
+        inputType = _ref.inputType,
+        rowIndex = _ref.rowIndex;
+      return function (event) {
+        var value = event;
+        switch (inputType) {
+          case 'input':
+            value = typeof event === 'string' ? event : get(event, 'target.value');
+            break;
+          case 'date':
+          case 'single_date_picker':
+            value = formatDate(value);
             break;
-          case 7:
-            _context4.next = 9;
-            return createResources(DEFAULT_URL, _objectSpread(_objectSpread({}, data), {}, {
-              depid: depid
-            }));
-          case 9:
-            setEditModalVisible(false);
-            setActiveTemplate(undefined);
-            _message.success('提交模板成功');
-            getTemplateList();
-          case 13:
-          case "end":
-            return _context4.stop();
         }
-      }, _callee4);
-    }));
-    return _handleSubmitEditModal.apply(this, arguments);
-  }
-  function handleEditTemplate(template) {
-    return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-        var activeTemplate;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              e.stopPropagation();
-              _context.next = 3;
-              return getResourcesByID(DEFAULT_URL, _get(template, 'id'));
-            case 3:
-              activeTemplate = _context.sent;
-              setEditModalVisible(true);
-              setActiveTemplate(activeTemplate);
-            case 6:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x2) {
-        return _ref.apply(this, arguments);
+        _this.setState({
+          editingValue: value
+        });
       };
-    }();
-  }
-  function handleConfirmDelete(template) {
-    return function (e) {
-      e === null || e === void 0 || e.stopPropagation();
-      deleteResourcesByID(DEFAULT_URL, _get(template, 'id')).then(function () {
-        _message.success('删除模板成功');
-        getTemplateList();
+    });
+    _defineProperty(_this, "handleAdd", function () {
+      var dataSource = _this.state.dataSource;
+      _this.setState({
+        dataSource: [].concat(_toConsumableArray(dataSource), [{
+          key: Math.random()
+        }])
       });
-    };
-  }
-  function handleSelectTemplates(checked, e) {
-    console.log('check', checked, e);
-    var arr = multiple ? checked : checked;
-    setSelectedRowKeys(arr);
-    setSelectedRows(e.checkedNodes);
-  }
-  function handleOk() {
-    var content = [];
-    var treeDataMapping = _keyBy(result, 'id');
-    _map(selectedRowKeys, function (selectedKey) {
-      var item = _get(treeDataMapping, selectedKey);
-      if (!_isEmpty(item) && (_get(item, 'isLeaf') || !hierarchical)) {
-        content.push(item);
-      }
     });
-    onValueCheck === null || onValueCheck === void 0 || onValueCheck(content);
-    onOk === null || onOk === void 0 || onOk(null);
-  }
-  function renderTreeNode(templatesTree) {
-    return _map(templatesTree, function (template) {
-      var titleWithOperation = /*#__PURE__*/React.createElement("div", {
-        className: styles["template-list-item"]
-      }, renderTitle(template), canOperate && /*#__PURE__*/React.createElement("div", {
-        className: styles["template-list-item__actions"]
-      }, /*#__PURE__*/React.createElement(EditOutlined, {
-        className: styles["template-list-item__actions-icon"],
-        onClick: handleEditTemplate(template)
-      }), /*#__PURE__*/React.createElement(_Popconfirm, {
-        title: "\u786E\u5B9A\u8981\u5220\u9664\u5417\uFF1F",
-        onConfirm: handleConfirmDelete(template)
-      }, /*#__PURE__*/React.createElement(DeleteOutlined, {
-        className: styles["template-list-item__actions-icon"]
-      }))));
-      if (!_isEmpty(_get(template, 'children')) && !_isNil(_get(template, 'children'))) {
-        return /*#__PURE__*/React.createElement(Tree.TreeNode, {
-          title: titleWithOperation,
-          key: _get(template, 'id')
-        }, renderTreeNode(_get(template, 'children')));
-      }
-      return /*#__PURE__*/React.createElement(Tree.TreeNode, {
-        title: titleWithOperation,
-        key: _get(template, 'id')
+    _defineProperty(_this, "handleRowSelectChange", function (selectedRowKeys) {
+      _this.setState({
+        selectedRowKeys: selectedRowKeys
       });
     });
-  }
-  var _Form$useForm = _Form.useForm(),
-    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
-    modalForm = _Form$useForm2[0];
-  useEffect(function () {
-    activeTemplate && modalForm.setFieldsValue(_objectSpread(_objectSpread({}, activeTemplate), {}, {
-      pid: activeTemplate.pid || 0,
-      type: curType
-    }));
-  }, [activeTemplate]);
-  var handleSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var formData;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return modalForm.validateFields();
-          case 2:
-            formData = modalForm.getFieldsValue();
-            handleSubmitEditModal(formData);
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function handleSubmit() {
-      return _ref2.apply(this, arguments);
+    _defineProperty(_this, "handlePatchDelete", function () {
+      var onChange = _this.props.onChange;
+      var _this$state2 = _this.state,
+        selectedRowKeys = _this$state2.selectedRowKeys,
+        dataSource = _this$state2.dataSource;
+      var newDataSource = filter(dataSource, function (data) {
+        return indexOf(selectedRowKeys, data.key) === -1;
+      });
+      onChange(newDataSource);
+      _this.setState({
+        dataSource: newDataSource
+      });
+    });
+    _this.columns = get(props, 'input_props.tableColumns');
+    _this.state = {
+      dataSource: [],
+      selectedRowKeys: [],
+      editingCol: undefined,
+      editingRow: undefined,
+      editingValue: undefined
     };
-  }();
-  return /*#__PURE__*/React.createElement(_Modal, _extends({
-    className: styles["textarea-with-template__modal"],
-    width: 1100,
-    onCancel: closeModal,
-    onOk: handleOk,
-    getContainer: getContainer
-  }, others), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_Space, null, /*#__PURE__*/React.createElement(_Button, {
-    disabled: !canOperate,
-    onClick: handleAddTemplate
-  }, "\u6DFB\u52A0"), Array.isArray(type) ? /*#__PURE__*/React.createElement(_Radio.Group, {
-    options: type,
-    onChange: function onChange(e) {
-      return setCurType(e.target.value);
-    },
-    value: curType,
-    optionType: "button",
-    buttonStyle: "solid"
-  }) : null), /*#__PURE__*/React.createElement(_Row, {
-    className: styles["textarea-with-template__modal-body"]
-  }, hierarchical ? _map(splitTemplatesMapping, function (templateTree) {
-    return /*#__PURE__*/React.createElement(_Col, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Tree, _extends({
-      checkable: true,
-      defaultExpandAll: true,
-      selectable: false,
-      checkedKeys: selectedRowKeys,
-      onCheck: handleSelectTemplates
-    }, treeProps, {
-      multiple: false
-    }), renderTreeNode([templateTree])));
-  }) : /*#__PURE__*/React.createElement(_Col, {
-    span: 12
-  }, result.length ? /*#__PURE__*/React.createElement(Tree, _extends({
-    checkable: true,
-    defaultExpandAll: true,
-    selectable: false,
-    checkedKeys: selectedRowKeys,
-    onCheck: handleSelectTemplates
-  }, treeProps, {
-    multiple: false
-  }), renderTreeNode(result)) : /*#__PURE__*/React.createElement(_Empty, null))), /*#__PURE__*/React.createElement(_Modal, {
-    getContainer: getContainer,
-    visible: editModalVisible,
-    className: styles["textarea-with-template__modal-edit"],
-    onCancel: handleHideEditModal,
-    onOk: handleSubmit,
-    closable: false,
-    width: 680
-  }, editModalVisible && /*#__PURE__*/React.createElement(SimpleForm, {
-    formProps: {
-      labelCol: {
-        span: 4
-      },
-      wrapperCol: {
-        span: 14
-      },
-      layout: 'vertical'
-    },
-    form: modalForm,
-    formItems: [hierarchical ? {
-      outerOptions: {
-        name: 'pid',
-        label: '上级'
-      },
-      customNode: /*#__PURE__*/React.createElement(TemplateSelect, {
-        templateType: curType,
-        depid: depid
-      }),
-      id: ''
-    } : null].concat(_toConsumableArray(editFormItems))
-  }))));
-}
-export { DEFAULT_URL, TemplateModal2 as default };
-//# sourceMappingURL=.root57.js.map
+    return _this;
+  }
+  _inherits(MyTable1, _Component);
+  return _createClass(MyTable1, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var value = this.props.value;
+      if (!isEqual(prevProps.value, value)) {
+        this.setState({
+          dataSource: map(value, function (item) {
+            return _objectSpread(_objectSpread({}, item), {}, {
+              key: get(item, 'key') || get(item, 'id')
+            });
+          })
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state3 = this.state,
+        dataSource = _this$state3.dataSource,
+        selectedRowKeys = _this$state3.selectedRowKeys;
+      var disabled = this.props.disabled;
+      var columns = this.formatColumns(get(this.props, 'input_props.tableColumns'));
+      var scroll = get(this.props, 'input_props.scroll');
+      return /*#__PURE__*/React.createElement("div", {
+        className: css_248z["pd-procedure-table"]
+      }, /*#__PURE__*/React.createElement("div", {
+        className: css_248z["pd-procedure-table__header"]
+      }, /*#__PURE__*/React.createElement(Button, {
+        type: "primary",
+        disabled: disabled,
+        ghost: true,
+        onClick: this.handleAdd
+      }, "\u65B0\u589E"), /*#__PURE__*/React.createElement(Button, {
+        disabled: isEmpty(selectedRowKeys) || disabled,
+        onClick: this.handlePatchDelete
+      }, "\u5220\u9664")), /*#__PURE__*/React.createElement(Table, {
+        className: css_248z["my-table"],
+        rowSelection: {
+          selectedRowKeys: selectedRowKeys,
+          onChange: this.handleRowSelectChange
+        },
+        size: "small",
+        bordered: true,
+        columns: columns,
+        dataSource: dataSource,
+        pagination: false,
+        scroll: scroll
+      }));
+    }
+  }]);
+}(Component);
+export { MyTable1 as default };