@ucloud-fe/react-components 1.5.17 → 1.5.19

package/lib/components/EditableList/EditableList.js

@@ -0,0 +1,277 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _localeConsumerDecorator = _interopRequireDefault(require("../../components/LocaleProvider/localeConsumerDecorator"));
+
+var _Grid = require("../../components/Grid");
+
+var _Button = _interopRequireDefault(require("../../components/Button"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _Combine = _interopRequireDefault(require("../../components/Combine"));
+
+var _Size = _interopRequireDefault(require("../../interfaces/Size"));
+
+var _zh_CN = _interopRequireDefault(require("./locale/zh_CN"));
+
+var _style = require("./style");
+
+var _this = void 0,
+    _dec,
+    _class,
+    _class2,
+    _temp;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var noop = function noop() {
+  (0, _newArrowCheck2.default)(this, _this);
+}.bind(void 0);
+
+var colShape = {
+  /** 栅格占位格数 */
+  span: _propTypes.default.number,
+
+  /** 栅格向右偏移格数，偏移占位 */
+  offset: _propTypes.default.number,
+
+  /** 栅格向左偏移格数，偏移不占位 */
+  pull: _propTypes.default.number,
+
+  /** 栅格向右偏移格数，偏移不占位 */
+  push: _propTypes.default.number
+};
+var EditableList = (_dec = (0, _localeConsumerDecorator.default)({
+  defaultLocale: _zh_CN.default,
+  localeName: 'EditableList'
+}), _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(EditableList, _PureComponent);
+
+  var _super = _createSuper(EditableList);
+
+  function EditableList() {
+    var _this3 = this;
+
+    var _this2;
+
+    (0, _classCallCheck2.default)(this, EditableList);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this2 = _super.call.apply(_super, [this].concat(args));
+
+    _this2.onAdd = function () {
+      (0, _newArrowCheck2.default)(this, _this3);
+      var addition = _this2.props.addition;
+      var _addition$onAdd = addition.onAdd,
+          onAdd = _addition$onAdd === void 0 ? noop : _addition$onAdd;
+      onAdd();
+    }.bind(this);
+
+    _this2.onDelete = function (item) {
+      (0, _newArrowCheck2.default)(this, _this3);
+      var itemDeletion = _this2.props.itemDeletion;
+      var _itemDeletion$onDelet = itemDeletion.onDelete,
+          onDelete = _itemDeletion$onDelet === void 0 ? noop : _itemDeletion$onDelet;
+      onDelete(item);
+    }.bind(this);
+
+    _this2.renderItem = function (item, latest) {
+      var _this4 = this;
+
+      (0, _newArrowCheck2.default)(this, _this3);
+      var _this2$props = _this2.props,
+          _this2$props$renderIt = _this2$props.renderItem,
+          renderItem = _this2$props$renderIt === void 0 ? noop : _this2$props$renderIt,
+          itemDeletion = _this2$props.itemDeletion,
+          addition = _this2$props.addition,
+          grid = _this2$props.grid,
+          size = _this2$props.size;
+      var getDisabledOfItem = itemDeletion.getDisabledOfItem;
+
+      var _item = renderItem(item);
+
+      var _action = /*#__PURE__*/_react.default.createElement(_Combine.default, {
+        sharedProps: {
+          size: size
+        }
+      }, !itemDeletion || getDisabledOfItem && getDisabledOfItem(item) ? null : /*#__PURE__*/_react.default.createElement(_Button.default, {
+        onClick: function () {
+          (0, _newArrowCheck2.default)(this, _this4);
+          return _this2.onDelete(item);
+        }.bind(this),
+        shape: "square"
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        type: "minus"
+      })), latest && addition && !addition.disabled && /*#__PURE__*/_react.default.createElement(_Button.default, {
+        onClick: _this2.onAdd,
+        shape: "square"
+      }, /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        type: "plus"
+      })));
+
+      if (grid) {
+        var _ref = grid || {},
+            _ref$itemCol = _ref.itemCol,
+            itemCol = _ref$itemCol === void 0 ? {
+          span: 8
+        } : _ref$itemCol,
+            _ref$actionCol = _ref.actionCol,
+            actionCol = _ref$actionCol === void 0 ? {
+          span: 4
+        } : _ref$actionCol;
+
+        return /*#__PURE__*/_react.default.createElement(_Grid.Row, {
+          key: item.key,
+          className: _style.liGridCls
+        }, /*#__PURE__*/_react.default.createElement(_Grid.Col, (0, _extends2.default)({}, itemCol, {
+          className: _style.itemCls
+        }), _item), /*#__PURE__*/_react.default.createElement(_Grid.Col, (0, _extends2.default)({}, actionCol, {
+          className: _style.actionCls
+        }), _action));
+      }
+
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: item.key,
+        className: _style.liCls
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.itemCls
+      }, _item), /*#__PURE__*/_react.default.createElement("div", {
+        className: _style.actionCls
+      }, _action));
+    }.bind(this);
+
+    _this2.renderList = function () {
+      var _this5 = this;
+
+      (0, _newArrowCheck2.default)(this, _this3);
+      var _this2$props2 = _this2.props,
+          _this2$props2$dataSou = _this2$props2.dataSource,
+          dataSource = _this2$props2$dataSou === void 0 ? [] : _this2$props2$dataSou,
+          addition = _this2$props2.addition,
+          size = _this2$props2.size,
+          locale = _this2$props2.locale;
+      return !dataSource.length ? /*#__PURE__*/_react.default.createElement(_Button.default, {
+        onClick: _this2.onAdd,
+        disabled: !addition || addition.disabled,
+        size: size
+      }, locale.add) : dataSource.map(function (item, i) {
+        (0, _newArrowCheck2.default)(this, _this5);
+        return _this2.renderItem(item, i === dataSource.length - 1);
+      }.bind(this));
+    }.bind(this);
+
+    return _this2;
+  }
+
+  (0, _createClass2.default)(EditableList, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react.default.createElement(_style.ListWrap, null, this.renderList());
+    }
+  }]);
+  return EditableList;
+}(_react.PureComponent), _class2.propTypes = {
+  /**
+   * 数据列表
+   */
+  dataSource: _propTypes.default.array,
+
+  /**
+   * 数据渲染
+   * @param item 数据
+   */
+  renderItem: _propTypes.default.func,
+
+  /**
+   * 使用 grid 布局
+   */
+  grid: _propTypes.default.shape({
+    /**
+     * item 的 col 配置
+     */
+    itemCol: _propTypes.default.shape(colShape),
+    actionCol: _propTypes.default.shape(colShape)
+  }),
+
+  /**
+   * 自带控件尺寸
+   */
+  size: _propTypes.default.oneOf(_Size.default),
+
+  /**
+   * 是否可添加（false 时禁用添加栏）
+   */
+  addition: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    /**
+     * 添加回调
+     */
+    onAdd: _propTypes.default.func,
+
+    /**
+     * 是否禁用
+     */
+    disabled: _propTypes.default.bool
+  })]),
+
+  /**
+   * 是否可删除（false 隐藏删除按钮）
+   */
+  itemDeletion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    /**
+     * 列删除回调
+     * @param record 删除列数据
+     */
+    onDelete: _propTypes.default.func,
+
+    /**
+     * 获取当前列的是否禁用删除
+     * @param record 当前列数据
+     */
+    getDisabledOfItem: _propTypes.default.func
+  })]),
+
+  /** @ignore */
+  locale: _propTypes.default.object
+}, _class2.defaultProps = {
+  addition: true,
+  itemDeletion: true,
+  size: 'md'
+}, _temp)) || _class);
+var _default = EditableList;
+exports.default = _default;

package/lib/components/EditableList/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _EditableList = _interopRequireDefault(require("./EditableList"));
+
+var _default = _EditableList.default;
+exports.default = _default;

package/lib/components/EditableList/locale/en_US.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  add: 'Add item'
+};
+exports.default = _default;

package/lib/components/EditableList/locale/zh_CN.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  add: '添加数据'
+};
+exports.default = _default;

package/lib/components/EditableList/style/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListWrap = exports.actionCls = exports.itemCls = exports.liCls = exports.liGridCls = void 0;
+
+var _styledBase = _interopRequireDefault(require("@emotion/styled-base"));
+
+var _config = _interopRequireDefault(require("../../../config"));
+
+var _prefixCls = _config.default.prefixCls;
+var prefixCls = _prefixCls + '-editable-list';
+var liGridCls = prefixCls + '-li-grid';
+exports.liGridCls = liGridCls;
+var liCls = prefixCls + '-li';
+exports.liCls = liCls;
+var itemCls = prefixCls + '-item';
+exports.itemCls = itemCls;
+var actionCls = prefixCls + '-action';
+exports.actionCls = actionCls;
+var ListWrap = ( /*#__PURE__*/0, _styledBase.default)('div', {
+  target: "epa9a4c0",
+  label: "ListWrap"
+})("> .", liCls, "+.", liCls, "{margin-top:16px;}> .", liGridCls, "+.", liGridCls, "{margin-top:16px;}.", liCls, "{.", itemCls, ",.", actionCls, "{display:inline-block;vertical-align:top;}.", actionCls, "{margin-left:24px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0VkaXRhYmxlTGlzdC9zdHlsZS9pbmRleC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZcUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRWRpdGFibGVMaXN0L3N0eWxlL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgY29uZmlnIGZyb20gJ3NyYy9jb25maWcnO1xuXG5jb25zdCB7IHByZWZpeENsczogX3ByZWZpeENscyB9ID0gY29uZmlnO1xuY29uc3QgcHJlZml4Q2xzID0gX3ByZWZpeENscyArICctZWRpdGFibGUtbGlzdCc7XG5cbmV4cG9ydCBjb25zdCBsaUdyaWRDbHMgPSBwcmVmaXhDbHMgKyAnLWxpLWdyaWQnO1xuZXhwb3J0IGNvbnN0IGxpQ2xzID0gcHJlZml4Q2xzICsgJy1saSc7XG5leHBvcnQgY29uc3QgaXRlbUNscyA9IHByZWZpeENscyArICctaXRlbSc7XG5leHBvcnQgY29uc3QgYWN0aW9uQ2xzID0gcHJlZml4Q2xzICsgJy1hY3Rpb24nO1xuXG5leHBvcnQgY29uc3QgTGlzdFdyYXAgPSBzdHlsZWQoJ2RpdicpYFxuICAgID4gLiR7bGlDbHN9Ky4ke2xpQ2xzfSB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgfVxuICAgID4gLiR7bGlHcmlkQ2xzfSsuJHtsaUdyaWRDbHN9IHtcbiAgICAgICAgbWFyZ2luLXRvcDogMTZweDtcbiAgICB9XG4gICAgLiR7bGlDbHN9IHtcbiAgICAgICAgLiR7aXRlbUNsc30sIC4ke2FjdGlvbkNsc30ge1xuICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgICAgdmVydGljYWwtYWxpZ246IHRvcDtcbiAgICAgICAgfVxuICAgICAgICAuJHthY3Rpb25DbHN9IHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4O1xuICAgICAgICB9XG4gICAgfVxuYDtcbiJdfQ== */"));
+exports.ListWrap = ListWrap;

package/lib/components/EditableTable/EditableTable.js

@@ -0,0 +1,227 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Table = _interopRequireDefault(require("../../components/Table"));
+
+var _SvgIcon = _interopRequireDefault(require("../../components/SvgIcon"));
+
+var _style = require("./style");
+
+var _this = void 0;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var noop = function noop() {
+  (0, _newArrowCheck2.default)(this, _this);
+}.bind(void 0);
+
+var EditableTable = /*#__PURE__*/function (_PureComponent) {
+  (0, _inherits2.default)(EditableTable, _PureComponent);
+
+  var _super = _createSuper(EditableTable);
+
+  function EditableTable() {
+    var _this3 = this;
+
+    var _this2;
+
+    (0, _classCallCheck2.default)(this, EditableTable);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this2 = _super.call.apply(_super, [this].concat(args));
+
+    _this2.onRemove = function (record) {
+      (0, _newArrowCheck2.default)(this, _this3);
+      var rowDeletion = _this2.props.rowDeletion;
+      var _rowDeletion$onDelete = rowDeletion.onDelete,
+          onDelete = _rowDeletion$onDelete === void 0 ? noop : _rowDeletion$onDelete;
+      onDelete(record);
+    }.bind(this);
+
+    _this2.onAdd = function () {
+      (0, _newArrowCheck2.default)(this, _this3);
+      var addition = _this2.props.addition;
+      var _addition$onAdd = addition.onAdd,
+          onAdd = _addition$onAdd === void 0 ? noop : _addition$onAdd;
+      onAdd();
+    }.bind(this);
+
+    _this2.renderFooter = function () {
+      (0, _newArrowCheck2.default)(this, _this3);
+      var _this2$props = _this2.props,
+          footer = _this2$props.footer,
+          addition = _this2$props.addition;
+      var tip = addition.tip,
+          disabled = addition.disabled,
+          hidden = addition.hidden;
+
+      var _disabled = !addition || disabled;
+
+      return [hidden ? null : /*#__PURE__*/_react.default.createElement(_style.AddBar, {
+        key: "add",
+        onClick: _disabled ? null : _this2.onAdd,
+        disabled: _disabled
+      }, tip ? [/*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        className: _style.btnCls,
+        type: "plus",
+        key: "add_btn",
+        size: "16px"
+      }), /*#__PURE__*/_react.default.createElement(_style.AddTip, {
+        key: "add_tip"
+      }, tip)] : /*#__PURE__*/_react.default.createElement(_SvgIcon.default, {
+        className: _style.btnCls,
+        type: "plus",
+        size: "20px"
+      })), footer()];
+    }.bind(this);
+
+    _this2.getColumns = function () {
+      var _this4 = this;
+
+      (0, _newArrowCheck2.default)(this, _this3);
+      var _this2$props2 = _this2.props,
+          columns = _this2$props2.columns,
+          rowDeletion = _this2$props2.rowDeletion;
+      if (!rowDeletion) return columns;
+      var getDisabledOfRow = rowDeletion.getDisabledOfRow,
+          fixed = rowDeletion.fixed;
+      var removeColumn = {
+        title: null,
+        key: '__editable_table_remove',
+        width: 40,
+        fixed: fixed,
+        render: function render(v, record) {
+          var _this5 = this;
+
+          (0, _newArrowCheck2.default)(this, _this4);
+          return getDisabledOfRow && getDisabledOfRow(record) ? null : /*#__PURE__*/_react.default.createElement(_style.RemoveBtn, {
+            type: "cross",
+            onClick: function () {
+              (0, _newArrowCheck2.default)(this, _this5);
+              return _this2.onRemove(record);
+            }.bind(this),
+            size: "16px"
+          });
+        }.bind(this)
+      };
+      return [].concat((0, _toConsumableArray2.default)(columns), [removeColumn]);
+    }.bind(this);
+
+    return _this2;
+  }
+
+  (0, _createClass2.default)(EditableTable, [{
+    key: "render",
+    value: function render() {
+      var rest = (0, _extends2.default)({}, this.props);
+      return /*#__PURE__*/_react.default.createElement(_Table.default, (0, _extends2.default)({}, rest, {
+        pagination: null,
+        footer: this.renderFooter,
+        columns: this.getColumns(),
+        emptyContent: null
+      }));
+    }
+  }]);
+  return EditableTable;
+}(_react.PureComponent);
+
+EditableTable.propTypes = {
+  /**
+   * @ignore
+   */
+  footer: _propTypes.default.func,
+
+  /**
+   * @ignore
+   */
+  columns: _propTypes.default.array.isRequired,
+
+  /**
+   * 是否可添加（false 时禁用添加栏）
+   */
+  addition: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    /**
+     * 添加回调
+     */
+    onAdd: _propTypes.default.func,
+
+    /**
+     * 添加区域的自定义提示信息
+     */
+    tip: _propTypes.default.node,
+
+    /**
+     * 是否禁用
+     */
+    disabled: _propTypes.default.bool,
+
+    /**
+     * 是否隐藏
+     */
+    hidden: _propTypes.default.bool
+  })]),
+
+  /**
+   * 是否可删除（false 隐藏删除按钮）
+   */
+  rowDeletion: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.shape({
+    /**
+     * 列删除回调
+     * @param record 删除列数据
+     */
+    onDelete: _propTypes.default.func,
+
+    /**
+     * 获取当前列的是否禁用删除
+     * @param record 当前列数据
+     */
+    getDisabledOfRow: _propTypes.default.func,
+
+    /** 是否固定列 */
+    fixed: _propTypes.default.bool
+  })])
+};
+EditableTable.defaultProps = {
+  footer: noop,
+  addition: true,
+  rowDeletion: true
+};
+var _default = EditableTable;
+exports.default = _default;

package/lib/components/EditableTable/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _EditableTable = _interopRequireDefault(require("./EditableTable"));
+
+var _default = _EditableTable.default;
+exports.default = _default;