@kdcloudjs/table 1.2.1-canary.6 → 1.2.1-canary.7

package/lib/table/pipeline/features/sort.js

@@ -1,64 +1,39 @@
 "use strict";
 
 var _sliceInstanceProperty2 = require("@babel/runtime-corejs3/core-js-stable/instance/slice");
-
 var _Array$from = require("@babel/runtime-corejs3/core-js-stable/array/from");
-
 var _Symbol = require("@babel/runtime-corejs3/core-js-stable/symbol");
-
 var _getIteratorMethod = require("@babel/runtime-corejs3/core-js/get-iterator-method");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.sort = sort;
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _slice = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/slice"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/map"));
-
 var _map2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _findIndex = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find-index"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _internals = require("../../internals");
-
 var _utils = require("../../utils");
-
 var _styles = require("../../base/styles");
-
 var _templateObject;
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { var _context4; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty2(_context4 = Object.prototype.toString.call(o)).call(_context4, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof _Symbol && _getIteratorMethod(r) || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t.return || t.return(); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { var _context4; if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = _sliceInstanceProperty2(_context4 = {}.toString.call(r)).call(_context4, 8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? _Array$from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function SortIcon(_ref) {
   var _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 32 : _ref$size,
-      style = _ref.style,
-      className = _ref.className,
-      order = _ref.order;
+    size = _ref$size === void 0 ? 32 : _ref$size,
+    style = _ref.style,
+    className = _ref.className,
+    order = _ref.order;
   return /*#__PURE__*/_react.default.createElement("svg", {
     style: style,
     className: className,
@@ -79,16 +54,13 @@ function SortIcon(_ref) {
     d: "M24 24L16 32 8 24z "
   }));
 }
-
 function DefaultSortHeaderCell(_ref2) {
-  var _cx;
-
   var children = _ref2.children,
-      column = _ref2.column,
-      onToggle = _ref2.onToggle,
-      sortOrder = _ref2.sortOrder,
-      sortIndex = _ref2.sortIndex,
-      sortOptions = _ref2.sortOptions;
+    column = _ref2.column,
+    onToggle = _ref2.onToggle,
+    sortOrder = _ref2.sortOrder,
+    sortIndex = _ref2.sortIndex,
+    sortOptions = _ref2.sortOptions;
   // 通过 justify-content 来与 col.align 保持对齐方向一致
   var justifyContent = column.align === 'right' ? 'flex-end' : column.align === 'center' ? 'center' : 'flex-start';
   return /*#__PURE__*/_react.default.createElement(TableHeaderCell, {
@@ -102,10 +74,10 @@ function DefaultSortHeaderCell(_ref2) {
       marginLeft: 2,
       flexShrink: 0
     },
-    className: (0, _classnames.default)((_cx = {}, (0, _defineProperty2.default)(_cx, _styles.Classes.tableSortIcon, true), (0, _defineProperty2.default)(_cx, "active", sortOrder === 'desc' || sortOrder === 'asc'), _cx)),
+    className: (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _styles.Classes.tableSortIcon, true), "active", sortOrder === 'desc' || sortOrder === 'asc')),
     size: 16,
     order: sortOrder
-  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && /*#__PURE__*/_react.default.createElement("div", {
+  }), sortOptions.mode === 'multiple' && sortIndex !== -1 && ( /*#__PURE__*/_react.default.createElement("div", {
     style: {
       userSelect: 'none',
       marginLeft: 2,
@@ -114,50 +86,41 @@ function DefaultSortHeaderCell(_ref2) {
       fontSize: 10,
       fontFamily: 'monospace'
     }
-  }, sortIndex + 1));
+  }, sortIndex + 1)));
 }
-
 function hasAnySortableColumns(cols) {
   return cols.some(function (col) {
     var _a;
-
     return Boolean((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) || !(0, _utils.isLeafNode)(col) && hasAnySortableColumns(col.children);
   });
 }
-
 var TableHeaderCell = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  // flex: auto;\n"])));
-
 var stateKey = 'sort';
-
 function sort() {
   var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return function sortStep(pipeline) {
     var _a, _b, _c;
-
     var _opts$orders = opts.orders,
-        orders = _opts$orders === void 0 ? ['desc', 'asc', 'none'] : _opts$orders,
-        _opts$mode = opts.mode,
-        mode = _opts$mode === void 0 ? 'multiple' : _opts$mode,
-        _opts$SortHeaderCell = opts.SortHeaderCell,
-        SortHeaderCell = _opts$SortHeaderCell === void 0 ? DefaultSortHeaderCell : _opts$SortHeaderCell,
-        keepDataSource = opts.keepDataSource,
-        highlightColumnWhenActive = opts.highlightColumnWhenActive,
-        stopClickEventPropagation = opts.stopClickEventPropagation,
-        sortIconHoverShow = opts.sortIconHoverShow;
+      orders = _opts$orders === void 0 ? ['desc', 'asc', 'none'] : _opts$orders,
+      _opts$mode = opts.mode,
+      mode = _opts$mode === void 0 ? 'multiple' : _opts$mode,
+      _opts$SortHeaderCell = opts.SortHeaderCell,
+      SortHeaderCell = _opts$SortHeaderCell === void 0 ? DefaultSortHeaderCell : _opts$SortHeaderCell,
+      keepDataSource = opts.keepDataSource,
+      highlightColumnWhenActive = opts.highlightColumnWhenActive,
+      stopClickEventPropagation = opts.stopClickEventPropagation,
+      sortIconHoverShow = opts.sortIconHoverShow;
     var inputSorts = (_c = (_b = (_a = opts.sorts) !== null && _a !== void 0 ? _a : pipeline.getStateAtKey(stateKey)) !== null && _b !== void 0 ? _b : opts.defaultSorts) !== null && _c !== void 0 ? _c : [];
     var activeSorts = (0, _filter.default)(inputSorts).call(inputSorts, function (s) {
       return s.order !== 'none';
-    }); // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
-
+    });
+    // 单字段排序的情况下 sorts 中只有第一个排序字段才会生效
     var sorts = mode === 'multiple' ? activeSorts : (0, _slice.default)(activeSorts).call(activeSorts, 0, 1);
-
     var onChangeSortsInMultipleMode = function onChangeSortsInMultipleMode(nextSorts, currentSort) {
       var _a;
-
       (_a = opts.onChangeSorts) === null || _a === void 0 ? void 0 : _a.call(opts, nextSorts, currentSort);
       pipeline.setStateAtKey(stateKey, nextSorts);
     };
-
     var onChangeSorts = mode === 'multiple' ? onChangeSortsInMultipleMode : function (nextSorts, currentSort) {
       // 单字段排序的情况下，nextSorts 中只有最后一个排序字段才会生效
       var len = nextSorts.length;
@@ -180,59 +143,41 @@ function sort() {
     }));
     var dataSource = pipeline.getDataSource();
     var columns = pipeline.getColumns();
-
-    if (process.env.NODE_ENV !== 'production') {
-      if (!hasAnySortableColumns(columns)) {
-        _utils.console.warn('commonTransform.sort 缺少可排序的列，请通过 column.features.sortable 来指定哪些列可排序', columns);
-      }
-    }
-
     pipeline.dataSource(processDataSource(dataSource));
     pipeline.columns(processColumns(columns));
     return pipeline;
-
     function processDataSource(dataSource) {
       var _context, _context2;
-
       if (keepDataSource) {
         return dataSource;
       }
-
       if (sortMap.size === 0) {
         return dataSource;
       }
-
       var sortColumnsMap = new _map.default((0, _map2.default)(_context = (0, _filter.default)(_context2 = (0, _utils.collectNodes)(columns, 'leaf-only')).call(_context2, function (col) {
         var _a, _b;
-
         return ((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) !== false && ((_b = col.features) === null || _b === void 0 ? void 0 : _b.sortable) != null;
       })).call(_context, function (col) {
         return [col.code, col];
       }));
       return (0, _utils.layeredSort)(dataSource, function (x, y) {
         var _iterator = _createForOfIteratorHelper(sorts),
-            _step;
-
+          _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var _step$value = _step.value,
-                code = _step$value.code,
-                order = _step$value.order;
-            var column = sortColumnsMap.get(code); // 如果 code 对应的 column 不可排序，我们跳过该 code
-
+              code = _step$value.code,
+              order = _step$value.order;
+            var column = sortColumnsMap.get(code);
+            // 如果 code 对应的 column 不可排序，我们跳过该 code
             if (column == null) {
               continue;
             }
-
             var sortable = column.features.sortable;
             var compareFn = typeof sortable === 'function' ? sortable : _utils.smartCompare;
-
             var xValue = _internals.internals.safeGetValue(column, x, -1);
-
             var yValue = _internals.internals.safeGetValue(column, y, -1);
-
             var cmp = compareFn(xValue, yValue, x, y);
-
             if (cmp !== 0) {
               return cmp * (order === 'asc' ? 1 : -1);
             }
@@ -242,16 +187,13 @@ function sort() {
         } finally {
           _iterator.f();
         }
-
         return 0;
       });
-    } // 在「升序 - 降序 - 不排序」之间不断切换
-
-
+    }
+    // 在「升序 - 降序 - 不排序」之间不断切换
     function toggle(code) {
       var sort = sortMap.get(code);
       var currentSort;
-
       if (sort == null) {
         currentSort = {
           code: code,
@@ -268,7 +210,6 @@ function sort() {
           code: code,
           order: nextOrder
         };
-
         if (nextOrder === 'none') {
           nextSorts.pop();
         } else {
@@ -276,43 +217,33 @@ function sort() {
             order: nextOrder
           });
         }
-
         onChangeSorts(nextSorts, currentSort);
       }
     }
-
     function processColumns(columns) {
       return (0, _map2.default)(columns).call(columns, dfs);
-
       function dfs(col) {
         var _a;
-
         var result = (0, _extends2.default)({}, col);
         var sortable = col.code && (((_a = col.features) === null || _a === void 0 ? void 0 : _a.sortable) || sortMap.has(col.code));
         var active = sortable && sortMap.has(col.code);
-
         if (sortable) {
           var sortIndex = -1;
           var sortOrder = 'none';
-
           if (active) {
             var _sortMap$get = sortMap.get(col.code),
-                order = _sortMap$get.order,
-                index = _sortMap$get.index;
-
+              order = _sortMap$get.order,
+              index = _sortMap$get.index;
             sortOrder = order;
             sortIndex = index;
-
             if (highlightColumnWhenActive) {
               result.headerCellProps = (0, _utils.mergeCellProps)(col.headerCellProps, {
                 style: {
                   background: 'var(--header-highlight-bgcolor)'
                 }
               });
-
               result.getCellProps = function (value, row, rowIndex) {
                 var prevCellProps = _internals.internals.safeGetCellProps(col, row, rowIndex);
-
                 return (0, _utils.mergeCellProps)(prevCellProps, {
                   style: {
                     background: 'var(--highlight-bgcolor)'
@@ -321,13 +252,11 @@ function sort() {
               };
             }
           }
-
           var sortNode = /*#__PURE__*/_react.default.createElement(SortHeaderCell, {
             onToggle: function onToggle(e) {
               if (stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               toggle(col.code);
             },
             sortOrder: sortOrder,
@@ -337,22 +266,19 @@ function sort() {
           }, _internals.internals.safeRenderHeader((0, _extends2.default)((0, _extends2.default)({}, col), {
             title: col.title && col.title[0] ? col.title[0] : col.title
           })));
-
           var _sortNodeWithoutTitle = /*#__PURE__*/_react.default.createElement(SortHeaderCell, {
             onToggle: function onToggle(e) {
               if (stopClickEventPropagation) {
                 e.stopPropagation();
               }
-
               toggle(col.code);
             },
             sortOrder: sortOrder,
             column: col,
             sortIndex: sortIndex,
             sortOptions: sortOptions
-          }); // 开启标题行高自适应后，修改表头的渲染结构
-
-
+          });
+          // 开启标题行高自适应后，修改表头的渲染结构
           if (col.renderHeader) {
             result.title = col.renderHeader(result.title, _sortNodeWithoutTitle);
           } else {
@@ -363,17 +289,13 @@ function sort() {
             }
           }
         }
-
         if (!(0, _utils.isLeafNode)(col)) {
           var _context3;
-
           result.children = (0, _map2.default)(_context3 = col.children).call(_context3, dfs);
         }
-
         return result;
       }
     }
-
     function getNextOrder(order) {
       var idx = orders.indexOf(order);
       return orders[idx === orders.length - 1 ? 0 : idx + 1];

package/lib/table/pipeline/features/tips.js

@@ -1,53 +1,38 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.tips = tips;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/taggedTemplateLiteral"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _commonViews = require("../../common-views");
-
 var _internals = require("../../internals");
-
 var _utils = require("../../utils");
-
 var _templateObject;
-
 var HeaderCellWithTips = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  .tip-icon-wrapper {\n    margin-left: 2px;\n  }\n\n  .tip-icon {\n    display: flex;\n    fill: currentColor;\n  }\n"])));
-
 function tips() {
   return function tipsSteap(pipeline) {
     var Balloon = pipeline.ctx.components.Balloon;
     var Tooltip = pipeline.ctx.components.Tooltip;
-
     if (Balloon == null && Tooltip == null) {
       throw new Error('使用 tips 之前需要通过 pipeline context 设置 components.Balloon / components.Tooltip');
     }
-
     return pipeline.mapColumns((0, _utils.makeRecursiveMapper)(function (col) {
       var _a;
-
       if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.tips)) {
         return col;
       }
-
       var justifyContent = col.align === 'right' ? 'flex-end' : col.align === 'center' ? 'center' : 'flex-start';
       return (0, _extends2.default)((0, _extends2.default)({}, col), {
-        title: /*#__PURE__*/_react.default.createElement(HeaderCellWithTips, {
+        title: ( /*#__PURE__*/_react.default.createElement(HeaderCellWithTips, {
           style: {
             justifyContent: justifyContent
           }
-        }, _internals.internals.safeRenderHeader(col), Balloon ?
+        }, _internals.internals.safeRenderHeader(col), Balloon ? (
         /*#__PURE__*/
         // fusion/hippo
         _react.default.createElement(Balloon, {
@@ -57,7 +42,7 @@ function tips() {
           }, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
             className: "tip-icon"
           }))
-        }, col.features.tips) :
+        }, col.features.tips)) : (
         /*#__PURE__*/
         // antd
         _react.default.createElement(Tooltip, {
@@ -66,7 +51,7 @@ function tips() {
           className: "tip-icon-wrapper"
         }, /*#__PURE__*/_react.default.createElement(_commonViews.icons.Info, {
           className: "tip-icon"
-        }))))
+        }))))))
       });
     }));
   };