@autobest-ui/components 2.2.1 → 2.4.0

package/esm/table/body/BodyRow.js

@@ -1,29 +1,22 @@
 import _typeof from "@babel/runtime/helpers/esm/typeof";
-
 var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React from 'react';
 import { isEmptyArray } from '@autobest-ui/utils';
-
 var getIndentCol = function getIndentCol(prefixCls, number) {
   if (number === 0) {
     return null;
   }
-
   return new Array(number).fill(false).map(function (_item, index) {
     return /*#__PURE__*/React.createElement("td", {
       key: index,
@@ -31,17 +24,16 @@ var getIndentCol = function getIndentCol(prefixCls, number) {
     });
   });
 };
-
 function BodyRow(_a) {
   var className = _a.className,
-      cls = _a.prefixCls,
-      rowData = _a.rowData,
-      index = _a.index,
-      columns = _a.columns,
-      indent = _a.indent,
-      CheckCell = _a.CheckCell,
-      isExpand = _a.isExpand,
-      onRowClick = _a.onRowClick;
+    cls = _a.prefixCls,
+    rowData = _a.rowData,
+    index = _a.index,
+    columns = _a.columns,
+    indent = _a.indent,
+    CheckCell = _a.CheckCell,
+    isExpand = _a.isExpand,
+    onRowClick = _a.onRowClick;
   var indentCell = React.useMemo(function () {
     return getIndentCol(cls, indent);
   }, [cls, indent]);
@@ -51,30 +43,25 @@ function BodyRow(_a) {
     var renderInfo = renderer ? renderer(rowData, index, colIndex) : rowData[col.dataIndex];
     var cellProps = {};
     var content;
-
     if (renderInfo && _typeof(renderInfo) === 'object' && !Array.isArray(renderInfo) && ! /*#__PURE__*/React.isValidElement(renderInfo)) {
       var children = renderInfo.children,
-          props = renderInfo.props;
+        props = renderInfo.props;
       content = children;
       cellProps = props;
     } else {
       content = renderInfo;
     }
-
     var colSpan = cellProps.colSpan,
-        rowSpan = cellProps.rowSpan,
-        tdClassName = cellProps.className;
-
+      rowSpan = cellProps.rowSpan,
+      tdClassName = cellProps.className;
     var cellInfo = __assign(__assign({}, col), {
       content: content,
       colSpan: colSpan === undefined ? 1 : colSpan,
       rowSpan: rowSpan === undefined ? 1 : rowSpan
     });
-
     if (cellInfo.colSpan === 0 || cellInfo.rowSpan === 0 || isExpand && !cellInfo.content) {
       return;
     }
-
     contentCells.push( /*#__PURE__*/React.createElement("td", {
       className: tdClassName,
       key: cellInfo.key,
@@ -82,23 +69,19 @@ function BodyRow(_a) {
       rowSpan: cellInfo.rowSpan
     }, cellInfo.content));
   });
-
   var onTrClick = function onTrClick() {
     if (onRowClick) {
       onRowClick(rowData, index);
     }
   };
-
   if (!isEmptyArray(contentCells)) {
     return /*#__PURE__*/React.createElement("tr", {
       className: className,
       onClick: onTrClick
     }, indentCell, CheckCell, contentCells);
   }
-
   return null;
 }
-
 BodyRow.defaultProps = {
   isExpand: false
 };

package/esm/table/body/CheckIcon.js

@@ -1,37 +1,30 @@
 import React from 'react';
 import Checkbox from '../../checkbox';
-
 function BodyCheckIcon(_a) {
   var cls = _a.prefixCls,
-      rowData = _a.rowData,
-      rowKey = _a.rowKey,
-      rowIndex = _a.rowIndex,
-      selectedRowKeys = _a.selectedRowKeys,
-      _b = _a.rowSelection,
-      checkIcon = _b.checkIcon,
-      getDisabled = _b.getDisabled,
-      onSelect = _b.onSelect;
+    rowData = _a.rowData,
+    rowKey = _a.rowKey,
+    rowIndex = _a.rowIndex,
+    selectedRowKeys = _a.selectedRowKeys,
+    _b = _a.rowSelection,
+    checkIcon = _b.checkIcon,
+    getDisabled = _b.getDisabled,
+    onSelect = _b.onSelect;
   var checked = selectedRowKeys.includes(rowKey);
-
   if (checkIcon) {
     return /*#__PURE__*/React.createElement("td", null, checkIcon(checked, rowData, rowIndex));
   }
-
   var disabled = getDisabled(rowData);
-
   var onCheckBoxChange = function onCheckBoxChange(currentChecked) {
     onSelect(currentChecked, rowData, rowIndex);
   };
-
   var onClickCell = function onClickCell(ev) {
     if (!ev) {
       return;
-    } // 阻止触发onRowClick
-
-
+    }
+    // 阻止触发onRowClick
     ev.stopPropagation();
   };
-
   return /*#__PURE__*/React.createElement("td", {
     className: "".concat(cls, "-checkbox"),
     onClick: onClickCell
@@ -41,5 +34,4 @@ function BodyCheckIcon(_a) {
     onChange: onCheckBoxChange
   }));
 }
-
 export default /*#__PURE__*/React.memo(BodyCheckIcon);

package/esm/table/body/index.js

@@ -2,21 +2,19 @@ import React from 'react';
 import { isBlank } from '@autobest-ui/utils';
 import BodyRow from './BodyRow';
 import CheckIcon from './CheckIcon';
-
 var noop = function noop() {
   return null;
 };
-
 function Body(_a) {
   var prefixCls = _a.prefixCls,
-      columns = _a.columns,
-      dataSource = _a.dataSource,
-      getRowKey = _a.getRowKey,
-      rowSelection = _a.rowSelection,
-      selectedRowKeys = _a.selectedRowKeys,
-      expandable = _a.expandable,
-      onRowClick = _a.onRowClick,
-      getRowClassName = _a.getRowClassName;
+    columns = _a.columns,
+    dataSource = _a.dataSource,
+    getRowKey = _a.getRowKey,
+    rowSelection = _a.rowSelection,
+    selectedRowKeys = _a.selectedRowKeys,
+    expandable = _a.expandable,
+    onRowClick = _a.onRowClick,
+    getRowClassName = _a.getRowClassName;
   var rows = [];
   var expandedRowRenderer = expandable ? expandable.expandedRowRender : noop;
   dataSource.forEach(function (row, rowIndex) {
@@ -40,7 +38,6 @@ function Body(_a) {
       onRowClick: onRowClick,
       className: getRowClassName(row, rowIndex)
     }));
-
     if (expandable) {
       var expandedRowKey = "".concat(rowKey, " expanded");
       var expandedColumns = [{
@@ -64,5 +61,4 @@ function Body(_a) {
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, rows);
 }
-
 export default Body;

package/esm/table/header/CheckIcon.js

@@ -1,31 +1,24 @@
 import React from 'react';
 import Checkbox from '../../checkbox';
-
 function HeaderCheckIcon(_a) {
   var cls = _a.prefixCls,
-      rowSelection = _a.rowSelection;
-
+    rowSelection = _a.rowSelection;
   if (!rowSelection) {
     return null;
   }
-
   if (!rowSelection.selectAllVisible) {
     // 有勾选功能，但是没有全选功能，需有占位元素
     return /*#__PURE__*/React.createElement("th", null, " ");
   }
-
   var checkIcon = rowSelection.checkIcon,
-      selectAllChecked = rowSelection.selectAllChecked,
-      onSelectAll = rowSelection.onSelectAll;
-
+    selectAllChecked = rowSelection.selectAllChecked,
+    onSelectAll = rowSelection.onSelectAll;
   if (checkIcon) {
     return /*#__PURE__*/React.createElement("th", null, checkIcon(selectAllChecked, null, -1));
   }
-
   var onCheckBoxChange = function onCheckBoxChange() {
     onSelectAll(!selectAllChecked);
   };
-
   return /*#__PURE__*/React.createElement("th", {
     className: "".concat(cls, "-checkbox")
   }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -33,5 +26,4 @@ function HeaderCheckIcon(_a) {
     onChange: onCheckBoxChange
   }));
 }
-
 export default /*#__PURE__*/React.memo(HeaderCheckIcon);

package/esm/table/header/HeaderCell.js

@@ -9,62 +9,46 @@ var __extends = this && this.__extends || function () {
         if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
       }
     };
-
     return _extendStatics(d, b);
   };
-
   return function (d, b) {
     if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-
     _extendStatics(d, b);
-
     function __() {
       this.constructor = d;
     }
-
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
   };
 }();
-
 import React from 'react';
 import classNames from 'classnames';
 var rotate180Style = {
   transform: 'rotate(180deg)'
 };
-
-var HeaderCell =
-/** @class */
-function (_super) {
+var HeaderCell = /** @class */function (_super) {
   __extends(HeaderCell, _super);
-
   function HeaderCell() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
-
     _this.onClick = function () {
       var _a = _this.props,
-          onSort = _a.onSort,
-          sortName = _a.sortName;
-
+        onSort = _a.onSort,
+        sortName = _a.sortName;
       if (sortName && onSort) {
         onSort(sortName);
       }
     };
-
     _this.renderArrow = function () {
       var _a = _this.props,
-          prefixCls = _a.prefixCls,
-          isSort = _a.isSort,
-          isSortedDescending = _a.isSortedDescending,
-          sortIcon = _a.sortIcon;
-
+        prefixCls = _a.prefixCls,
+        isSort = _a.isSort,
+        isSortedDescending = _a.isSortedDescending,
+        sortIcon = _a.sortIcon;
       if (!isSort) {
         return null;
       }
-
       if (sortIcon) {
         return sortIcon(isSortedDescending);
       }
-
       return /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-arrow")
       }, /*#__PURE__*/React.createElement("svg", {
@@ -79,19 +63,16 @@ function (_super) {
         d: "M525.339326 186.172452L801.789086 462.622212c12.496698 12.496698 32.758136 12.496698 45.254834 0 12.497405-12.497405 12.496698-32.758136 0-45.254834l-331.014362-331.014362c-12.496698-12.496698-32.757429-12.497405-45.254834 0l-341.795619 339.143969c-12.496698 12.496698-12.496698 32.758136 0 45.254834 12.496698 12.496698 32.758136 12.496698 45.254834 0l287.10586-284.454209L461.372325 925.726242c0 17.673427 14.32669 32.000117 32.000118 32.000117 17.67272-0.000707 31.99941-14.327398 32.000117-32.000117l-0.032527-739.553083z"
       })));
     };
-
     return _this;
   }
-
   HeaderCell.prototype.render = function () {
     var _a;
-
     var _b = this.props,
-        prefixCls = _b.prefixCls,
-        className = _b.className,
-        title = _b.title,
-        sortName = _b.sortName,
-        colSpan = _b.colSpan;
+      prefixCls = _b.prefixCls,
+      className = _b.className,
+      title = _b.title,
+      sortName = _b.sortName,
+      colSpan = _b.colSpan;
     return /*#__PURE__*/React.createElement("th", {
       className: classNames(className, (_a = {}, _a["".concat(prefixCls, "-point")] = sortName, _a)),
       colSpan: colSpan,
@@ -100,8 +81,6 @@ function (_super) {
       className: "".concat(prefixCls, "-title")
     }, title, this.renderArrow()));
   };
-
   return HeaderCell;
 }(React.PureComponent);
-
 export default HeaderCell;

package/esm/table/header/HeaderRow.js

@@ -2,58 +2,48 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 import React from 'react';
 import HeaderCell from './HeaderCell';
 import HeaderCheckIcon from './CheckIcon';
-
 function parseHeaderRows(columns) {
   var rows = [];
   columns.forEach(function (col) {
     if ('colSpan' in col && col.colSpan === 0) {
       return;
     }
-
     rows.push(__assign(__assign({}, col), {
       colSpan: col.colSpan ? col.colSpan : 1
     }));
   });
   return rows;
 }
-
 function HeaderRow(_a) {
   var cls = _a.prefixCls,
-      columns = _a.columns,
-      rowSelection = _a.rowSelection,
-      sortName = _a.sortName,
-      isSortedDescending = _a.isSortedDescending,
-      onSortChange = _a.onSortChange,
-      sortIcon = _a.sortIcon;
+    columns = _a.columns,
+    rowSelection = _a.rowSelection,
+    sortName = _a.sortName,
+    isSortedDescending = _a.isSortedDescending,
+    onSortChange = _a.onSortChange,
+    sortIcon = _a.sortIcon;
   /**
    * 点击某一列的表头，触发排序
    * @param name
    */
-
   var onSort = function onSort(name) {
     if (!onSortChange) {
       return;
     }
-
     var isSortedDesc = sortName === name ? !isSortedDescending : true;
     onSortChange(isSortedDesc, name);
   };
-
   var rows = React.useMemo(function () {
     return parseHeaderRows(columns);
   }, [columns]);
@@ -72,5 +62,4 @@ function HeaderRow(_a) {
     }));
   }));
 }
-
 export default HeaderRow;