@ucloud-fe/react-components 1.3.12 → 1.3.13

package/lib/components/Table/TableRow.js

@@ -11,12 +11,12 @@ exports.default = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _newArrowCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/newArrowCheck"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -25,18 +25,17 @@ var _Popover = _interopRequireDefault(require("../../components/Popover"));
 
 var _DragWrap = require("./DragWrap");
 
-var _excluded = ["record", "contextMenu"];
+var _this2 = void 0;
 
-var _this = void 0;
+var _excluded = ["record", "contextMenu"];
 
 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; }
 
-var TableRowWithContextMenu = function TableRowWithContextMenu(_ref) {
-  var _this2 = this;
+var TableRowWithContextMenu = /*#__PURE__*/_react.default.memo(function TableRowWithContextMenu(_ref) {
+  var _this = this;
 
-  (0, _newArrowCheck2.default)(this, _this);
   var record = _ref.record,
       contextMenu = _ref.contextMenu,
       rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
@@ -47,7 +46,7 @@ var TableRowWithContextMenu = function TableRowWithContextMenu(_ref) {
       setContextMenuVisible = _useState2[1];
 
   var hideContextMenu = (0, _react.useCallback)(function () {
-    (0, _newArrowCheck2.default)(this, _this2);
+    (0, _newArrowCheck2.default)(this, _this);
     setContextMenuVisible(false);
   }.bind(this), []);
 
@@ -64,11 +63,9 @@ var TableRowWithContextMenu = function TableRowWithContextMenu(_ref) {
   }
 
   return /*#__PURE__*/_react.default.createElement("tr", rest);
-}.bind(void 0);
-
-var TableRowWithDrag = function TableRowWithDrag(props) {
-  (0, _newArrowCheck2.default)(this, _this);
+});
 
+var TableRowWithDrag = /*#__PURE__*/_react.default.memo(function TableRowWithDrag(props) {
   var _useContext = (0, _react.useContext)(_DragWrap.DragContext),
       dragProps = _useContext.dragProps,
       dropProps = _useContext.dropProps;
@@ -76,10 +73,10 @@ var TableRowWithDrag = function TableRowWithDrag(props) {
   return /*#__PURE__*/_react.default.createElement(TableRowWithContextMenu, (0, _extends2.default)({}, props, dragProps, dropProps, {
     draggable: false
   }));
-}.bind(void 0);
+});
 
 var TableRow = function TableRow(_ref2) {
-  (0, _newArrowCheck2.default)(this, _this);
+  (0, _newArrowCheck2.default)(this, _this2);
   var restProps = (0, _extends2.default)({}, _ref2);
 
   var _useContext2 = (0, _react.useContext)(_DragWrap.DragContext),

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

@@ -233,6 +233,7 @@ var ExpandableTable = /*#__PURE__*/function (_React$Component) {
         prefixCls: "".concat(prefixCls, "-expanded-row"),
         indentSize: indentSize,
         indent: indent,
+        index: index,
         fixed: fixed,
         components: components,
         expandedRow: true

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

@@ -37,7 +37,19 @@ declare class Table extends React.Component<any, any, any> {
             }>;
             columnManager: ColumnManager;
             saveRef: (name: any) => (node: any) => void;
-            components: any;
+            components: {
+                table: any;
+                header: {
+                    wrapper: any;
+                    row: any;
+                    cell: any;
+                };
+                body: {
+                    wrapper: any;
+                    row: any;
+                    cell: any;
+                };
+            };
         };
     };
     getRowKey: (record: any, index: any) => any;

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

@@ -31,8 +31,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _miniStore = require("mini-store");
 
-var _merge = _interopRequireDefault(require("lodash/merge"));
-
 var _componentClasses = _interopRequireDefault(require("component-classes"));
 
 var _reactLifecyclesCompat = require("react-lifecycles-compat");
@@ -151,24 +149,27 @@ var Table = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2.default)(Table, [{
     key: "getChildContext",
     value: function getChildContext() {
+      var _components$header, _components$header2, _components$header3, _components$body, _components$body2, _components$body3;
+
+      var components = this.props.components || {};
       return {
         table: {
           props: this.props,
           columnManager: this.columnManager,
           saveRef: this.saveRef,
-          components: (0, _merge.default)({
-            table: 'table',
+          components: {
+            table: components.table || 'table',
             header: {
-              wrapper: 'thead',
-              row: 'tr',
-              cell: 'th'
+              wrapper: ((_components$header = components.header) === null || _components$header === void 0 ? void 0 : _components$header.wrapper) || 'thead',
+              row: ((_components$header2 = components.header) === null || _components$header2 === void 0 ? void 0 : _components$header2.row) || 'tr',
+              cell: ((_components$header3 = components.header) === null || _components$header3 === void 0 ? void 0 : _components$header3.cell) || 'th'
             },
             body: {
-              wrapper: 'tbody',
-              row: 'tr',
-              cell: 'td'
+              wrapper: ((_components$body = components.body) === null || _components$body === void 0 ? void 0 : _components$body.wrapper) || 'tbody',
+              row: ((_components$body2 = components.body) === null || _components$body2 === void 0 ? void 0 : _components$body2.row) || 'tr',
+              cell: ((_components$body3 = components.body) === null || _components$body3 === void 0 ? void 0 : _components$body3.cell) || 'td'
             }
-          }, this.props.components)
+          }
         }
       };
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ucloud-fe/react-components",
-  "version": "1.3.12",
+  "version": "1.3.13",
   "title": "UCloud react components",
   "description": "UCloud react components",
   "keywords": [