@autobest-ui/components 2.2.1 → 2.4.0

package/lib/table/body/BodyRow.js

@@ -1,39 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("@autobest-ui/utils");
-
 var __assign = void 0 && (void 0).__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);
 };
-
 var getIndentCol = function getIndentCol(prefixCls, number) {
   if (number === 0) {
     return null;
   }
-
   return new Array(number).fill(false).map(function (_item, index) {
     return /*#__PURE__*/_react.default.createElement("td", {
       key: index,
@@ -41,52 +31,44 @@ 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.default.useMemo(function () {
     return getIndentCol(cls, indent);
   }, [cls, indent]);
-
   var contentCells = [];
   columns.forEach(function (col, colIndex) {
     var renderer = (columns[colIndex] || {}).onRender;
     var renderInfo = renderer ? renderer(rowData, index, colIndex) : rowData[col.dataIndex];
     var cellProps = {};
     var content;
-
     if (renderInfo && (0, _typeof2.default)(renderInfo) === 'object' && !Array.isArray(renderInfo) && ! /*#__PURE__*/_react.default.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.default.createElement("td", {
       className: tdClassName,
       key: cellInfo.key,
@@ -94,23 +76,19 @@ function BodyRow(_a) {
       rowSpan: cellInfo.rowSpan
     }, cellInfo.content));
   });
-
   var onTrClick = function onTrClick() {
     if (onRowClick) {
       onRowClick(rowData, index);
     }
   };
-
   if (!(0, _utils.isEmptyArray)(contentCells)) {
     return /*#__PURE__*/_react.default.createElement("tr", {
       className: className,
       onClick: onTrClick
     }, indentCell, CheckCell, contentCells);
   }
-
   return null;
 }
-
 BodyRow.defaultProps = {
   isExpand: false
 };

package/lib/table/body/CheckIcon.js

@@ -1,47 +1,37 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _checkbox = _interopRequireDefault(require("../../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.default.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.default.createElement("td", {
     className: "".concat(cls, "-checkbox"),
     onClick: onClickCell
@@ -51,7 +41,5 @@ function BodyCheckIcon(_a) {
     onChange: onCheckBoxChange
   }));
 }
-
 var _default = /*#__PURE__*/_react.default.memo(BodyCheckIcon);
-
 exports.default = _default;

package/lib/table/body/index.js

@@ -1,34 +1,27 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _utils = require("@autobest-ui/utils");
-
 var _BodyRow = _interopRequireDefault(require("./BodyRow"));
-
 var _CheckIcon = _interopRequireDefault(require("./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) {
@@ -52,7 +45,6 @@ function Body(_a) {
       onRowClick: onRowClick,
       className: getRowClassName(row, rowIndex)
     }));
-
     if (expandable) {
       var expandedRowKey = "".concat(rowKey, " expanded");
       var expandedColumns = [{
@@ -76,6 +68,5 @@ function Body(_a) {
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, rows);
 }
-
 var _default = Body;
 exports.default = _default;

package/lib/table/header/CheckIcon.js

@@ -1,41 +1,31 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _checkbox = _interopRequireDefault(require("../../checkbox"));
-
 function HeaderCheckIcon(_a) {
   var cls = _a.prefixCls,
-      rowSelection = _a.rowSelection;
-
+    rowSelection = _a.rowSelection;
   if (!rowSelection) {
     return null;
   }
-
   if (!rowSelection.selectAllVisible) {
     // 有勾选功能，但是没有全选功能，需有占位元素
     return /*#__PURE__*/_react.default.createElement("th", null, " ");
   }
-
   var checkIcon = rowSelection.checkIcon,
-      selectAllChecked = rowSelection.selectAllChecked,
-      onSelectAll = rowSelection.onSelectAll;
-
+    selectAllChecked = rowSelection.selectAllChecked,
+    onSelectAll = rowSelection.onSelectAll;
   if (checkIcon) {
     return /*#__PURE__*/_react.default.createElement("th", null, checkIcon(selectAllChecked, null, -1));
   }
-
   var onCheckBoxChange = function onCheckBoxChange() {
     onSelectAll(!selectAllChecked);
   };
-
   return /*#__PURE__*/_react.default.createElement("th", {
     className: "".concat(cls, "-checkbox")
   }, /*#__PURE__*/_react.default.createElement(_checkbox.default, {
@@ -43,7 +33,5 @@ function HeaderCheckIcon(_a) {
     onChange: onCheckBoxChange
   }));
 }
-
 var _default = /*#__PURE__*/_react.default.memo(HeaderCheckIcon);
-
 exports.default = _default;

package/lib/table/header/HeaderCell.js

@@ -1,16 +1,12 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -22,60 +18,44 @@ var __extends = void 0 && (void 0).__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 __());
   };
 }();
-
 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.default.createElement("span", {
         className: "".concat(prefixCls, "-arrow")
       }, /*#__PURE__*/_react.default.createElement("svg", {
@@ -90,19 +70,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.default.createElement("th", {
       className: (0, _classnames.default)(className, (_a = {}, _a["".concat(prefixCls, "-point")] = sortName, _a)),
       colSpan: colSpan,
@@ -111,9 +88,7 @@ function (_super) {
       className: "".concat(prefixCls, "-title")
     }, title, this.renderArrow()));
   };
-
   return HeaderCell;
 }(_react.default.PureComponent);
-
 var _default = HeaderCell;
 exports.default = _default;

package/lib/table/header/HeaderRow.js

@@ -1,74 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
-
 var _CheckIcon = _interopRequireDefault(require("./CheckIcon"));
-
 var __assign = void 0 && (void 0).__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);
 };
-
 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.default.useMemo(function () {
     return parseHeaderRows(columns);
   }, [columns]);
-
   return /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_CheckIcon.default, {
     prefixCls: cls,
     rowSelection: rowSelection
@@ -84,6 +69,5 @@ function HeaderRow(_a) {
     }));
   }));
 }
-
 var _default = HeaderRow;
 exports.default = _default;