@ucloud-fe/react-components 1.5.17 → 1.5.19

package/lib/libs/rc-table/TableHeader.js

@@ -0,0 +1,109 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TableHeader;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _TableHeaderRow = _interopRequireDefault(require("./TableHeaderRow"));
+
+function getHeaderRows(columns) {
+  var _this = this;
+
+  var currentRow = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  var rows = arguments.length > 2 ? arguments[2] : undefined;
+  rows = rows || [];
+  rows[currentRow] = rows[currentRow] || [];
+  columns.forEach(function (column) {
+    (0, _newArrowCheck2.default)(this, _this);
+
+    if (column.rowSpan && rows.length < column.rowSpan) {
+      while (rows.length < column.rowSpan) {
+        rows.push([]);
+      }
+    }
+
+    var cell = {
+      key: column.key,
+      className: column.className || '',
+      children: column.title,
+      column: column
+    };
+
+    if (column.children) {
+      getHeaderRows(column.children, currentRow + 1, rows);
+    }
+
+    if ('colSpan' in column) {
+      cell.colSpan = column.colSpan;
+    }
+
+    if ('rowSpan' in column) {
+      cell.rowSpan = column.rowSpan;
+    }
+
+    if (cell.colSpan !== 0) {
+      rows[currentRow].push(cell);
+    }
+  }.bind(this));
+  return rows.filter(function (row) {
+    (0, _newArrowCheck2.default)(this, _this);
+    return row.length > 0;
+  }.bind(this));
+}
+
+function TableHeader(props, _ref) {
+  var _this2 = this;
+
+  var table = _ref.table;
+  var components = table.components;
+  var _table$props = table.props,
+      prefixCls = _table$props.prefixCls,
+      showHeader = _table$props.showHeader,
+      onHeaderRow = _table$props.onHeaderRow;
+  var expander = props.expander,
+      columns = props.columns,
+      fixed = props.fixed;
+
+  if (!showHeader) {
+    return null;
+  }
+
+  var rows = getHeaderRows(columns);
+  expander.renderExpandIndentCell(rows, fixed);
+  var HeaderWrapper = components.header.wrapper;
+  return /*#__PURE__*/_react.default.createElement(HeaderWrapper, {
+    className: "".concat(prefixCls, "-thead")
+  }, rows.map(function (row, index) {
+    (0, _newArrowCheck2.default)(this, _this2);
+    return /*#__PURE__*/_react.default.createElement(_TableHeaderRow.default, {
+      prefixCls: prefixCls,
+      key: index,
+      index: index,
+      fixed: fixed,
+      columns: columns,
+      rows: rows,
+      row: row,
+      components: components,
+      onHeaderRow: onHeaderRow
+    });
+  }.bind(this)));
+}
+
+TableHeader.propTypes = {
+  fixed: _propTypes.default.string,
+  columns: _propTypes.default.array.isRequired,
+  expander: _propTypes.default.object.isRequired,
+  onHeaderRow: _propTypes.default.func
+};
+TableHeader.contextTypes = {
+  table: _propTypes.default.any
+};

package/lib/libs/rc-table/TableHeaderRow.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/lib/libs/rc-table/TableHeaderRow.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _miniStore = require("mini-store");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _this2 = void 0;
+
+var _excluded = ["column", "style", "className"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function TableHeaderRow(_ref) {
+  var _this = this;
+
+  var row = _ref.row,
+      index = _ref.index,
+      height = _ref.height,
+      components = _ref.components,
+      onHeaderRow = _ref.onHeaderRow,
+      prefixCls = _ref.prefixCls;
+  var HeaderRow = components.header.row;
+  var HeaderCell = components.header.cell;
+  var rowProps = onHeaderRow(row.map(function (cell) {
+    (0, _newArrowCheck2.default)(this, _this);
+    return cell.column;
+  }.bind(this)), index);
+  var customStyle = rowProps ? rowProps.style : {};
+
+  var style = _objectSpread({
+    height: height
+  }, customStyle);
+
+  return /*#__PURE__*/_react.default.createElement(HeaderRow, (0, _extends2.default)({}, rowProps, {
+    style: style
+  }), row.map(function (cell, i) {
+    (0, _newArrowCheck2.default)(this, _this);
+    var column = cell.column,
+        _cell$style = cell.style,
+        style = _cell$style === void 0 ? {} : _cell$style,
+        className = cell.className,
+        cellProps = (0, _objectWithoutProperties2.default)(cell, _excluded);
+    var offset = column.offset,
+        fixed = column.fixed;
+    var customProps = column.onHeaderCell ? column.onHeaderCell(column) : {};
+
+    var _customProps$_style = customProps._style,
+        _style = _customProps$_style === void 0 ? {} : _customProps$_style,
+        _className = customProps.className;
+
+    style = _objectSpread(_objectSpread({}, style), _style);
+    className = (0, _classnames.default)(className, _className);
+
+    if (column.align) {
+      style.textAlign = column.align;
+    }
+
+    if (fixed && offset != null) {
+      style.position = 'sticky';
+      style.zIndex = 2;
+
+      if (column.fixed === 'left') {
+        style.left = offset;
+
+        if (column.latestLeftFixed) {
+          className = (0, _classnames.default)(className, "".concat(prefixCls, "-th-fixed-left-latest"));
+        }
+      } else if (column.fixed === 'right') {
+        style.right = offset;
+
+        if (column.firstRightFixed) {
+          className = (0, _classnames.default)(className, "".concat(prefixCls, "-th-fixed-right-first"));
+        }
+      }
+    }
+
+    return /*#__PURE__*/_react.default.createElement(HeaderCell, (0, _extends2.default)({}, cellProps, customProps, typeof HeaderCell === 'string' ? {} : {
+      column: column
+    }, {
+      style: style,
+      className: className,
+      key: column.key || column.dataIndex || i
+    }));
+  }.bind(this)));
+}
+
+TableHeaderRow.propTypes = {
+  row: _propTypes.default.array,
+  index: _propTypes.default.number,
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  components: _propTypes.default.any,
+  onHeaderRow: _propTypes.default.func,
+  prefixCls: _propTypes.default.string
+};
+
+function getRowHeight(state, props) {
+  var fixedColumnsHeadRowsHeight = state.fixedColumnsHeadRowsHeight;
+  var columns = props.columns,
+      rows = props.rows,
+      fixed = props.fixed;
+  var headerHeight = fixedColumnsHeadRowsHeight[0];
+
+  if (!fixed) {
+    return null;
+  }
+
+  if (headerHeight && columns) {
+    if (headerHeight === 'auto') {
+      return 'auto';
+    }
+
+    return headerHeight / rows.length;
+  }
+
+  return null;
+}
+
+var _default = (0, _miniStore.connect)(function (state, props) {
+  (0, _newArrowCheck2.default)(this, _this2);
+  return {
+    height: getRowHeight(state, props)
+  };
+}.bind(void 0))(TableHeaderRow);
+
+exports.default = _default;

package/lib/libs/rc-table/TableRow.d.ts

@@ -0,0 +1,2 @@
+declare var _default: any;
+export default _default;

package/lib/libs/rc-table/TableRow.js

@@ -0,0 +1,301 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _miniStore = require("mini-store");
+
+var _reactLifecyclesCompat = require("react-lifecycles-compat");
+
+var _TableCell = _interopRequireDefault(require("./TableCell"));
+
+var _this2 = void 0;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 TableRow = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(TableRow, _React$Component);
+
+  var _super = _createSuper(TableRow);
+
+  function TableRow(props) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, TableRow);
+    _this = _super.call(this, props);
+    _this.shouldRender = props.visible;
+    _this.state = {};
+    return _this;
+  }
+
+  (0, _createClass2.default)(TableRow, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.state.shouldRender) {
+        this.saveRowRef();
+      }
+    }
+  }, {
+    key: "shouldComponentUpdate",
+    value: function shouldComponentUpdate(nextProps) {
+      return !!(this.props.visible || nextProps.visible);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.state.shouldRender && !this.rowRef) {
+        this.saveRowRef();
+      }
+    }
+  }, {
+    key: "setExpanedRowHeight",
+    value: function setExpanedRowHeight() {
+      var _this$props = this.props,
+          store = _this$props.store,
+          rowKey = _this$props.rowKey;
+
+      var _store$getState = store.getState(),
+          expandedRowsHeight = _store$getState.expandedRowsHeight;
+
+      var height = this.rowRef.getBoundingClientRect().height;
+      expandedRowsHeight = _objectSpread(_objectSpread({}, expandedRowsHeight), {}, (0, _defineProperty2.default)({}, rowKey, height));
+      store.setState({
+        expandedRowsHeight: expandedRowsHeight
+      });
+    }
+  }, {
+    key: "setRowHeight",
+    value: function setRowHeight() {
+      var _this$props2 = this.props,
+          store = _this$props2.store,
+          rowKey = _this$props2.rowKey;
+
+      var _store$getState2 = store.getState(),
+          fixedColumnsBodyRowsHeight = _store$getState2.fixedColumnsBodyRowsHeight;
+
+      var height = this.rowRef.getBoundingClientRect().height;
+      store.setState({
+        fixedColumnsBodyRowsHeight: _objectSpread(_objectSpread({}, fixedColumnsBodyRowsHeight), {}, (0, _defineProperty2.default)({}, rowKey, height))
+      });
+    }
+  }, {
+    key: "getStyle",
+    value: function getStyle() {
+      var _this$props3 = this.props,
+          height = _this$props3.height,
+          visible = _this$props3.visible;
+
+      if (height && height !== this.style.height) {
+        this.style = _objectSpread(_objectSpread({}, this.style), {}, {
+          height: height
+        });
+      }
+
+      if (!visible && !this.style.display) {
+        this.style = _objectSpread(_objectSpread({}, this.style), {}, {
+          display: 'none'
+        });
+      }
+
+      return this.style;
+    }
+  }, {
+    key: "saveRowRef",
+    value: function saveRowRef() {
+      // eslint-disable-next-line react/no-find-dom-node
+      this.rowRef = _reactDom.default.findDOMNode(this);
+      var _this$props4 = this.props,
+          fixed = _this$props4.fixed,
+          expandedRow = _this$props4.expandedRow,
+          ancestorKeys = _this$props4.ancestorKeys;
+
+      if (!fixed && expandedRow) {
+        this.setExpanedRowHeight();
+      }
+
+      if (!fixed && ancestorKeys.length >= 0) {
+        this.setRowHeight();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      if (!this.state.shouldRender) {
+        return null;
+      }
+
+      var _this$props5 = this.props,
+          prefixCls = _this$props5.prefixCls,
+          columns = _this$props5.columns,
+          record = _this$props5.record,
+          rowKey = _this$props5.rowKey,
+          index = _this$props5.index,
+          onRow = _this$props5.onRow,
+          indent = _this$props5.indent,
+          indentSize = _this$props5.indentSize,
+          height = _this$props5.height,
+          visible = _this$props5.visible,
+          components = _this$props5.components,
+          hasExpandIcon = _this$props5.hasExpandIcon,
+          renderExpandIcon = _this$props5.renderExpandIcon,
+          renderExpandIconCell = _this$props5.renderExpandIconCell;
+      var BodyRow = components.body.row;
+      var BodyCell = components.body.cell;
+      var className = this.props.className;
+      var cells = [];
+      renderExpandIconCell(cells);
+
+      for (var i = 0; i < columns.length; i++) {
+        var column = columns[i];
+        cells.push( /*#__PURE__*/_react.default.createElement(_TableCell.default, {
+          prefixCls: prefixCls,
+          record: record,
+          indentSize: indentSize,
+          indent: indent,
+          index: index,
+          column: column,
+          key: column.key || column.dataIndex,
+          expandIcon: hasExpandIcon(i) && renderExpandIcon(),
+          component: BodyCell
+        }));
+      }
+
+      var rowClassName = "".concat(prefixCls, " ").concat(className, " ").concat(prefixCls, "-level-").concat(indent).trim();
+      var rowProps = onRow(record, index);
+      var customStyle = rowProps ? rowProps.style : {};
+      var style = {
+        height: height
+      };
+
+      if (!visible) {
+        style.display = 'none';
+      }
+
+      style = _objectSpread(_objectSpread({}, style), customStyle);
+      return /*#__PURE__*/_react.default.createElement(BodyRow, (0, _extends2.default)({
+        className: rowClassName
+      }, rowProps, {
+        style: style,
+        "data-row-key": rowKey,
+        "data-row-index": index
+      }), cells);
+    }
+  }], [{
+    key: "getDerivedStateFromProps",
+    value: function getDerivedStateFromProps(nextProps, prevState) {
+      if (prevState.visible || !prevState.visible && nextProps.visible) {
+        return {
+          shouldRender: true,
+          visible: nextProps.visible
+        };
+      }
+
+      return {
+        visible: nextProps.visible
+      };
+    }
+  }]);
+  return TableRow;
+}(_react.default.Component);
+
+TableRow.propTypes = {
+  onRow: _propTypes.default.func,
+  record: _propTypes.default.object,
+  prefixCls: _propTypes.default.string,
+  columns: _propTypes.default.array,
+  height: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  index: _propTypes.default.number,
+  rowKey: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,
+  className: _propTypes.default.string,
+  indent: _propTypes.default.number,
+  indentSize: _propTypes.default.number,
+  hasExpandIcon: _propTypes.default.func,
+  visible: _propTypes.default.bool.isRequired,
+  store: _propTypes.default.object.isRequired,
+  fixed: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  renderExpandIcon: _propTypes.default.func,
+  renderExpandIconCell: _propTypes.default.func,
+  components: _propTypes.default.any,
+  expandedRow: _propTypes.default.bool,
+  ancestorKeys: _propTypes.default.array.isRequired
+};
+TableRow.defaultProps = {
+  onRow: function onRow() {},
+  onHover: function onHover() {},
+  hasExpandIcon: function hasExpandIcon() {},
+  renderExpandIcon: function renderExpandIcon() {},
+  renderExpandIconCell: function renderExpandIconCell() {}
+};
+
+function getRowHeight(state, props) {
+  var expandedRowsHeight = state.expandedRowsHeight,
+      fixedColumnsBodyRowsHeight = state.fixedColumnsBodyRowsHeight;
+  var fixed = props.fixed,
+      rowKey = props.rowKey;
+
+  if (!fixed) {
+    return null;
+  }
+
+  if (expandedRowsHeight[rowKey]) {
+    return expandedRowsHeight[rowKey];
+  }
+
+  if (fixedColumnsBodyRowsHeight[rowKey]) {
+    return fixedColumnsBodyRowsHeight[rowKey];
+  }
+
+  return null;
+}
+
+(0, _reactLifecyclesCompat.polyfill)(TableRow);
+
+var _default = (0, _miniStore.connect)(function (state, props) {
+  var _this3 = this;
+
+  (0, _newArrowCheck2.default)(this, _this2);
+  var expandedRowKeys = state.expandedRowKeys;
+  var ancestorKeys = props.ancestorKeys;
+  var visible = ancestorKeys.length === 0 || ancestorKeys.every(function (k) {
+    (0, _newArrowCheck2.default)(this, _this3);
+    return ~expandedRowKeys.indexOf(k);
+  }.bind(this));
+  return {
+    visible: visible,
+    height: getRowHeight(state, props)
+  };
+}.bind(void 0))(TableRow);
+
+exports.default = _default;

package/lib/libs/rc-table/index.d.ts

@@ -0,0 +1,2 @@
+import Table from './Table';
+export default Table;

package/lib/libs/rc-table/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 _Table = _interopRequireDefault(require("./Table"));
+
+var _default = _Table.default;
+exports.default = _default;

package/lib/libs/rc-table/utils.d.ts

@@ -0,0 +1,7 @@
+export function measureScrollbar(direction?: string): any;
+export function debounce(func: any, wait: any, immediate: any): {
+    (...args: any[]): void;
+    cancel(): void;
+};
+export function warningOnce(condition: any, format: any, args: any): void;
+export function remove(array: any, item: any): any;