@kdcloudjs/table 1.2.0-canary.6 → 1.2.0-canary.6-hotfix.2

package/es/table/transforms/autoWidth.js

@@ -4,15 +4,10 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
-
 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 _context; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context = Object.prototype.toString.call(o)).call(_context, 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; }
-
 import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
 import React, { useEffect, useState } from 'react';
@@ -24,7 +19,6 @@ import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 var AUTO_WIDTH_WRAPPER_CLS = 'auto-width-wrapper';
 var AUTO_WIDTH_EXPANDER_CLS = 'auto-width-expander';
 var AutoWidthWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  height: 100%;\n  display: inline-flex;\n  align-items: center;\n  white-space: nowrap;\n  padding: 8px 12px;\n"])));
-
 function isSameArray(arr1, arr2) {
   return arr1.length === arr2.length && arr1.every(function (x, i) {
     return x === arr2[i];
@@ -46,37 +40,27 @@ function isSameArray(arr1, arr2) {
  *
  * 注意 useAutoWidthTransform 是一个 React hooks，要遵循 hooks 的用法规范
  * */
-
-
 export function useAutoWidthTransform(tableRef, options, deps) {
   warnTransformsDeprecated('useAutoWidthTransform');
-
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      widthList = _useState2[0],
-      setWidthList = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    widthList = _useState2[0],
+    setWidthList = _useState2[1];
   useEffect(function () {
     var artTable = tableRef.current.getDoms().artTable;
-
     var rows = _Array$from(artTable.querySelectorAll(".".concat(Classes.tableRow)));
-
     if (rows.length === 0) {
       return;
     }
-
     var preferredWidthList = [];
-
     var _iterator = _createForOfIteratorHelper(rows),
-        _step;
-
+      _step;
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var row = _step.value;
         var autoWidthDivList = row.querySelectorAll(".".concat(AUTO_WIDTH_WRAPPER_CLS));
         autoWidthDivList.forEach(function (div, i) {
           var _a;
-
           preferredWidthList[i] = Math.max((_a = preferredWidthList[i]) !== null && _a !== void 0 ? _a : 0, div.scrollWidth);
         });
       }
@@ -85,7 +69,6 @@ export function useAutoWidthTransform(tableRef, options, deps) {
     } finally {
       _iterator.f();
     }
-
     if (!isSameArray(preferredWidthList, widthList)) {
       setWidthList(preferredWidthList);
     }
@@ -93,20 +76,17 @@ export function useAutoWidthTransform(tableRef, options, deps) {
   var i = 0;
   var innerTransform = traverseColumn(function (col) {
     var _a, _b, _c;
-
     if (!isLeafNode(col)) {
       return col;
     }
-
     if (!((_a = col.features) === null || _a === void 0 ? void 0 : _a.autoWidth)) {
       return col;
     }
-
     var _col$features$autoWid = col.features.autoWidth,
-        _col$features$autoWid2 = _col$features$autoWid.max,
-        max = _col$features$autoWid2 === void 0 ? Infinity : _col$features$autoWid2,
-        _col$features$autoWid3 = _col$features$autoWid.min,
-        min = _col$features$autoWid3 === void 0 ? -Infinity : _col$features$autoWid3;
+      _col$features$autoWid2 = _col$features$autoWid.max,
+      max = _col$features$autoWid2 === void 0 ? Infinity : _col$features$autoWid2,
+      _col$features$autoWid3 = _col$features$autoWid.min,
+      min = _col$features$autoWid3 === void 0 ? -Infinity : _col$features$autoWid3;
     var width = (_c = (_b = widthList[i++]) !== null && _b !== void 0 ? _b : col.width) !== null && _c !== void 0 ? _c : options === null || options === void 0 ? void 0 : options.initColumnWidth;
     var clampedWidth = Math.max(min, Math.min(max, width));
     return _extends(_extends({}, col), {
@@ -128,11 +108,9 @@ export function useAutoWidthTransform(tableRef, options, deps) {
   });
   return function (input) {
     var _a;
-
     var _innerTransform = innerTransform(input),
-        columns = _innerTransform.columns,
-        dataSource = _innerTransform.dataSource;
-
+      columns = _innerTransform.columns,
+      dataSource = _innerTransform.dataSource;
     var expanderVisibility = (_a = options === null || options === void 0 ? void 0 : options.expanderVisibility) !== null && _a !== void 0 ? _a : 'visible';
     return {
       columns: (options === null || options === void 0 ? void 0 : options.appendExpander) ? _concatInstanceProperty(columns).call(columns, [{

package/es/table/transforms/buildTree.js

@@ -1,12 +1,11 @@
 import { buildTree as _buildTree } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeBuildTreeTransform(idProp, parentIdProp) {
   warnTransformsDeprecated('makeBuildTreeTransform');
   return function (_ref) {
     var columns = _ref.columns,
-        dataSource = _ref.dataSource;
+      dataSource = _ref.dataSource;
     return {
       columns: columns,
       dataSource: _buildTree(idProp, parentIdProp, dataSource)

package/es/table/transforms/columnHover.js

@@ -4,20 +4,17 @@ import { useState } from 'react';
 import { isLeafNode, mergeCellProps, traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeColumnHoverTransform(_ref) {
   var _ref$hoverColor = _ref.hoverColor,
-      hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
-      hoverColIndex = _ref.hoverColIndex,
-      onChangeHoverColIndex = _ref.onChangeHoverColIndex;
+    hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
+    hoverColIndex = _ref.hoverColIndex,
+    onChangeHoverColIndex = _ref.onChangeHoverColIndex;
   warnTransformsDeprecated('makeColumnHoverTransform');
   return traverseColumn(function (col, _ref2) {
     var range = _ref2.range;
-
     if (!isLeafNode(col)) {
       return col;
     }
-
     var colIndexMatched = range.start <= hoverColIndex && hoverColIndex < range.end;
     var prevGetCellProps = col.getCellProps;
     return _extends(_extends({}, col), {
@@ -39,18 +36,15 @@ export function makeColumnHoverTransform(_ref) {
   });
 }
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function useColumnHoverTransform() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      hoverColor = _ref3.hoverColor,
-      _ref3$defaultHoverCol = _ref3.defaultHoverColIndex,
-      defaultHoverColIndex = _ref3$defaultHoverCol === void 0 ? -1 : _ref3$defaultHoverCol;
-
+    hoverColor = _ref3.hoverColor,
+    _ref3$defaultHoverCol = _ref3.defaultHoverColIndex,
+    defaultHoverColIndex = _ref3$defaultHoverCol === void 0 ? -1 : _ref3$defaultHoverCol;
   var _useState = useState(defaultHoverColIndex),
-      _useState2 = _slicedToArray(_useState, 2),
-      hoverColIndex = _useState2[0],
-      onChangeHoverColIndex = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hoverColIndex = _useState2[0],
+    onChangeHoverColIndex = _useState2[1];
   return makeColumnHoverTransform({
     hoverColor: hoverColor,
     hoverColIndex: hoverColIndex,

package/es/table/transforms/columnRangeHover.js

@@ -8,24 +8,21 @@ var EMPTY_RANGE = {
   end: -1
 };
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeColumnRangeHoverTransform(_ref) {
   var _ref$hoverColor = _ref.hoverColor,
-      hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
-      _ref$headerHoverColor = _ref.headerHoverColor,
-      headerHoverColor = _ref$headerHoverColor === void 0 ? 'var(--header-hover-bgcolor)' : _ref$headerHoverColor,
-      hoverRange = _ref.hoverRange,
-      onChangeHoverRange = _ref.onChangeHoverRange;
+    hoverColor = _ref$hoverColor === void 0 ? 'var(--hover-bgcolor)' : _ref$hoverColor,
+    _ref$headerHoverColor = _ref.headerHoverColor,
+    headerHoverColor = _ref$headerHoverColor === void 0 ? 'var(--header-hover-bgcolor)' : _ref$headerHoverColor,
+    hoverRange = _ref.hoverRange,
+    onChangeHoverRange = _ref.onChangeHoverRange;
   warnTransformsDeprecated('makeColumnRangeHoverTransform');
   return traverseColumn(function (col, _ref2) {
     var colRange = _ref2.range;
     var match = colRange.end > hoverRange.start && hoverRange.end > colRange.start;
-
     if (!isLeafNode(col)) {
       if (headerHoverColor == null) {
         return col;
       }
-
       return _extends(_extends({}, col), {
         headerCellProps: mergeCellProps(col.headerCellProps, {
           onMouseEnter: function onMouseEnter() {
@@ -40,7 +37,6 @@ export function makeColumnRangeHoverTransform(_ref) {
         })
       });
     }
-
     var prevGetCellProps = col.getCellProps;
     return _extends(_extends({}, col), {
       headerCellProps: mergeCellProps(col.headerCellProps, {
@@ -72,19 +68,16 @@ export function makeColumnRangeHoverTransform(_ref) {
   });
 }
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function useColumnHoverRangeTransform() {
   var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      hoverColor = _ref3.hoverColor,
-      headerHoverColor = _ref3.headerHoverColor,
-      _ref3$defaultHoverRan = _ref3.defaultHoverRange,
-      defaultHoverRange = _ref3$defaultHoverRan === void 0 ? EMPTY_RANGE : _ref3$defaultHoverRan;
-
+    hoverColor = _ref3.hoverColor,
+    headerHoverColor = _ref3.headerHoverColor,
+    _ref3$defaultHoverRan = _ref3.defaultHoverRange,
+    defaultHoverRange = _ref3$defaultHoverRan === void 0 ? EMPTY_RANGE : _ref3$defaultHoverRan;
   var _useState = useState(defaultHoverRange),
-      _useState2 = _slicedToArray(_useState, 2),
-      hoverRange = _useState2[0],
-      onChangeHoverRange = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    hoverRange = _useState2[0],
+    onChangeHoverRange = _useState2[1];
   return makeColumnRangeHoverTransform({
     hoverColor: hoverColor,
     headerHoverColor: headerHoverColor,

package/es/table/transforms/columnResize.js

@@ -1,26 +1,20 @@
 import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
-
 var _templateObject;
-
 import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof _Object$getOwnPropertySymbols === "function") for (var i = 0, p = _Object$getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 import React, { useState } from 'react';
 import { fromEvent } from 'rxjs';
 import * as op from 'rxjs/operators';
@@ -28,48 +22,40 @@ import styled from 'styled-components';
 import { internals } from '../internals';
 import { isLeafNode, traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
-
 function clamp(min, x, max) {
   return Math.max(min, Math.min(max, x));
 }
-
 var RESIZE_EXPANDER_CLS = 'resize-expander';
 var ResizeHandle = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  right: -5px;\n  width: 10px;\n  cursor: col-resize;\n  z-index: 1;\n"])));
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeColumnResizeTransform(_ref) {
   var sizes = _ref.sizes,
-      onChangeSizes = _ref.onChangeSizes,
-      _ref$minSize = _ref.minSize,
-      minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
-      _ref$maxSize = _ref.maxSize,
-      maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
-      appendExpander = _ref.appendExpander,
-      _ref$expanderVisibili = _ref.expanderVisibility,
-      expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
-      disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
+    onChangeSizes = _ref.onChangeSizes,
+    _ref$minSize = _ref.minSize,
+    minSize = _ref$minSize === void 0 ? 40 : _ref$minSize,
+    _ref$maxSize = _ref.maxSize,
+    maxSize = _ref$maxSize === void 0 ? Infinity : _ref$maxSize,
+    appendExpander = _ref.appendExpander,
+    _ref$expanderVisibili = _ref.expanderVisibility,
+    expanderVisibility = _ref$expanderVisibili === void 0 ? 'visible' : _ref$expanderVisibili,
+    disableUserSelectWhenResizing = _ref.disableUserSelectWhenResizing;
   warnTransformsDeprecated('makeColumnResizeTransform');
-
   var startResize = function startResize(colIndex, e) {
     var startX = e.clientX;
     var startSize = sizes[colIndex];
     var nextSizes$ = fromEvent(window, 'mousemove').pipe(op.takeUntil(fromEvent(window, 'mouseup')), op.map(function (e) {
       var movingX = e.clientX;
-
       var nextSizes = _sliceInstanceProperty(sizes).call(sizes);
-
       nextSizes[colIndex] = clamp(minSize, startSize + (movingX - startX), maxSize);
       return nextSizes;
     }));
     var prevUserSelect = '';
     var docElemStyle;
-
     if (disableUserSelectWhenResizing) {
       docElemStyle = document.documentElement.style;
       prevUserSelect = docElemStyle.userSelect;
       docElemStyle.userSelect = 'none';
     }
-
     nextSizes$.subscribe({
       next: onChangeSizes,
       complete: function complete() {
@@ -79,16 +65,12 @@ export function makeColumnResizeTransform(_ref) {
       }
     });
   };
-
   var innerTransform = traverseColumn(function (col, _ref2) {
     var range = _ref2.range;
-
     var _a;
-
     if (!isLeafNode(col)) {
       return col;
     }
-
     var prevTitle = internals.safeRenderHeader(col);
     return _extends(_extends({}, col), {
       width: sizes[range.start],
@@ -108,9 +90,8 @@ export function makeColumnResizeTransform(_ref) {
   });
   return function (input) {
     var _innerTransform = innerTransform(input),
-        columns = _innerTransform.columns,
-        dataSource = _innerTransform.dataSource;
-
+      columns = _innerTransform.columns,
+      dataSource = _innerTransform.dataSource;
     return {
       columns: appendExpander ? _concatInstanceProperty(columns).call(columns, [{
         name: '',
@@ -135,16 +116,13 @@ export function makeColumnResizeTransform(_ref) {
   };
 }
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function useColumnResizeTransform(_a) {
   var defaultSizes = _a.defaultSizes,
-      others = __rest(_a, ["defaultSizes"]);
-
+    others = __rest(_a, ["defaultSizes"]);
   var _useState = useState(defaultSizes),
-      _useState2 = _slicedToArray(_useState, 2),
-      sizes = _useState2[0],
-      onChangeSizes = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    sizes = _useState2[0],
+    onChangeSizes = _useState2[1];
   return makeColumnResizeTransform(_extends({
     sizes: sizes,
     onChangeSizes: onChangeSizes

package/es/table/transforms/flatten.js

@@ -1,16 +1,13 @@
 import { isLeafNode, traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeFlattenTransform() {
   warnTransformsDeprecated('makeFlattenTransform');
   return traverseColumn(function (column) {
     var _a;
-
     if (isLeafNode(column)) {
       return column;
     }
-
     return ((_a = column.features) === null || _a === void 0 ? void 0 : _a.flatten) ? column.children : column;
   });
 }

package/es/table/transforms/orderField.js

@@ -2,13 +2,11 @@ import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { traverseColumn } from '../utils';
 import { warnTransformsDeprecated } from './warnTransformsDeprecated';
 /** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
-
 export function makeOrderFieldTransform() {
   var startOrder = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
   warnTransformsDeprecated('makeOrderFieldTransform');
   return traverseColumn(function (column) {
     var _a, _b;
-
     if (((_a = column.features) === null || _a === void 0 ? void 0 : _a.order) || ((_b = column.features) === null || _b === void 0 ? void 0 : _b.orderField)) {
       return _extends(_extends({}, column), {
         getValue: function getValue(record, index) {
@@ -16,7 +14,6 @@ export function makeOrderFieldTransform() {
         }
       });
     }
-
     return column;
   });
 }