@kdcloudjs/table 1.0.0

package/es/table/transforms/visible.d.ts

@@ -0,0 +1,5 @@
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+export declare function makeVisibleTransform(visibleCodes: string[]): import("..").Transform<{
+    columns: import("..").ArtColumn[];
+    dataSource: any[];
+}>;

package/es/table/transforms/visible.js

@@ -0,0 +1,19 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import { isLeafNode, traverseColumn } from '../utils';
+import { warnTransformsDeprecated } from './warnTransformsDeprecated';
+/** @deprecated transform 用法已经过时，请使用 pipeline 来对表格进行拓展 */
+
+export function makeVisibleTransform(visibleCodes) {
+  warnTransformsDeprecated('makeVisibleTransform');
+  var set = new _Set(visibleCodes);
+  return traverseColumn(function (column) {
+    if (!isLeafNode(column)) {
+      return column;
+    }
+
+    return set.has(column.code) ? column : _extends(_extends({}, column), {
+      hidden: true
+    });
+  });
+}

package/es/table/transforms/warnTransformsDeprecated.d.ts

@@ -0,0 +1 @@
+export declare function warnTransformsDeprecated(apiName: string): void;

package/es/table/transforms/warnTransformsDeprecated.js

@@ -0,0 +1,8 @@
+import _Set from "@babel/runtime-corejs3/core-js-stable/set";
+var warnedSet = new _Set();
+export function warnTransformsDeprecated(apiName) {
+  if (!warnedSet.has(apiName)) {
+    warnedSet.add(apiName);
+    console.warn("[kd-table] transform \u7528\u6CD5\u5DF2\u7ECF\u8FC7\u65F6\uFF0C\u8BF7\u4F7F\u7528 pipeline \u6765\u5BF9\u8868\u683C\u8FDB\u884C\u62D3\u5C55" + "\n  \u8BF7\u79FB\u9664\u4EE5\u4E0B API \u7684\u8C03\u7528\uFF1A".concat(apiName));
+  }
+}

package/es/table/use/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+declare const useResizeObserver: (callbck: Function, [element]: Array<HTMLElement>) => void;
+export default useResizeObserver;

package/es/table/use/useResizeObserver.js

@@ -0,0 +1,20 @@
+import _slicedToArray from "@babel/runtime-corejs3/helpers/slicedToArray";
+import React from 'react';
+import ResizeObserver from 'resize-observer-polyfill';
+
+var useResizeObserver = function useResizeObserver(callbck, _ref) {
+  var _ref2 = _slicedToArray(_ref, 1),
+      element = _ref2[0];
+
+  React.useEffect(function () {
+    var resizeObserver = new ResizeObserver(function () {
+      callbck();
+    });
+    resizeObserver.observe(element);
+    return function () {
+      resizeObserver.disconnect();
+    };
+  }, []);
+};
+
+export default useResizeObserver;

package/es/table/utils/applyTransforms.d.ts

@@ -0,0 +1,6 @@
+import { Transform } from '../interfaces';
+/**
+ * 以 input 作为输入，按序使用 transform.
+ *
+ * `applyTransform(input, f1, f2, f3)` 等价于 `f3(f2(f1(input)))` */
+export default function applyTransforms<T>(input: T, ...transforms: Transform<T>[]): T;

package/es/table/utils/applyTransforms.js

@@ -0,0 +1,15 @@
+import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
+
+/**
+ * 以 input 作为输入，按序使用 transform.
+ *
+ * `applyTransform(input, f1, f2, f3)` 等价于 `f3(f2(f1(input)))` */
+export default function applyTransforms(input) {
+  for (var _len = arguments.length, transforms = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    transforms[_key - 1] = arguments[_key];
+  }
+
+  return _reduceInstanceProperty(transforms).call(transforms, function (v, fn) {
+    return fn(v);
+  }, input);
+}

package/es/table/utils/buildTree.d.ts

@@ -0,0 +1,36 @@
+declare type WithChildren<T> = T & {
+    children?: WithChildren<T>[];
+};
+/**
+ * 根据 idProp 与 parentIdProp 从对象数组中构建对应的树
+ * 当 A[parentIdProp] === B[idProp] 时，对象A会被移动到对象B的children。
+ * 当一个对象的 parentIdProp 不与其他对象的 idProp 字段相等时，该对象被作为树的顶层节点
+ * @example
+ * const array = [
+ *   { id: 'node-1', parent: 'root' },
+ *   { id: 'node-2', parent: 'root' },
+ *   { id: 'node-3', parent: 'node-2' },
+ *   { id: 'node-4', parent: 'node-2' },
+ *   { id: 'node-5', parent: 'node-4' },
+ * ]
+ * const tree = buildTree('id', 'parent', array)
+ * expect(tree).toEqual([
+ *   { id: 'node-1', parent: 'root' },
+ *   {
+ *     id: 'node-2',
+ *     parent: 'root',
+ *     children: [
+ *       { id: 'node-3', parent: 'node-2' },
+ *       {
+ *         id: 'node-4',
+ *         parent: 'node-2',
+ *         children: [{ id: 'node-5', parent: 'node-4' }],
+ *       },
+ *     ],
+ *   },
+ * ])
+ */
+export default function buildTree<ID extends string, PID extends string, T extends {
+    [key in ID | PID]: string;
+}>(idProp: ID, parentIdProp: PID, items: T[]): WithChildren<T>[];
+export {};

package/es/table/utils/buildTree.js

@@ -0,0 +1,119 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { 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 = _getIterator(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 _context2; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context2 = Object.prototype.toString.call(o)).call(_context2, 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 _Map from "@babel/runtime-corejs3/core-js-stable/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _valuesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/values";
+import { flatMap } from './others';
+/**
+ * 根据 idProp 与 parentIdProp 从对象数组中构建对应的树
+ * 当 A[parentIdProp] === B[idProp] 时，对象A会被移动到对象B的children。
+ * 当一个对象的 parentIdProp 不与其他对象的 idProp 字段相等时，该对象被作为树的顶层节点
+ * @example
+ * const array = [
+ *   { id: 'node-1', parent: 'root' },
+ *   { id: 'node-2', parent: 'root' },
+ *   { id: 'node-3', parent: 'node-2' },
+ *   { id: 'node-4', parent: 'node-2' },
+ *   { id: 'node-5', parent: 'node-4' },
+ * ]
+ * const tree = buildTree('id', 'parent', array)
+ * expect(tree).toEqual([
+ *   { id: 'node-1', parent: 'root' },
+ *   {
+ *     id: 'node-2',
+ *     parent: 'root',
+ *     children: [
+ *       { id: 'node-3', parent: 'node-2' },
+ *       {
+ *         id: 'node-4',
+ *         parent: 'node-2',
+ *         children: [{ id: 'node-5', parent: 'node-4' }],
+ *       },
+ *     ],
+ *   },
+ * ])
+ */
+
+export default function buildTree(idProp, parentIdProp, items) {
+  var _context;
+
+  var wrapperMap = new _Map();
+
+  var ensure = function ensure(id) {
+    if (wrapperMap.has(id)) {
+      return wrapperMap.get(id);
+    }
+
+    var wrapper = {
+      id: id,
+      parent: null,
+      item: null,
+      children: []
+    };
+    wrapperMap.set(id, wrapper);
+    return wrapper;
+  };
+
+  var _iterator = _createForOfIteratorHelper(items),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var item = _step.value;
+      var parentWrapper = ensure(item[parentIdProp]);
+      var itemWrapper = ensure(item[idProp]);
+      itemWrapper.parent = parentWrapper;
+      parentWrapper.children.push(itemWrapper);
+      itemWrapper.item = item;
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  var topLevelWrappers = flatMap(_filterInstanceProperty(_context = _Array$from(_valuesInstanceProperty(wrapperMap).call(wrapperMap))).call(_context, function (wrapper) {
+    return wrapper.parent == null;
+  }), function (wrapper) {
+    return wrapper.children;
+  });
+  return unwrapRecursively(topLevelWrappers); // todo 可能存在无线递归的情况
+
+  function unwrapRecursively(wrapperArray) {
+    var result = [];
+
+    var _iterator2 = _createForOfIteratorHelper(wrapperArray),
+        _step2;
+
+    try {
+      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+        var wrapper = _step2.value;
+
+        if (wrapper.children.length === 0) {
+          result.push(wrapper.item);
+        } else {
+          result.push(_extends(_extends({}, wrapper.item), {
+            children: unwrapRecursively(wrapper.children)
+          }));
+        }
+      }
+    } catch (err) {
+      _iterator2.e(err);
+    } finally {
+      _iterator2.f();
+    }
+
+    return result;
+  }
+}

package/es/table/utils/collectNodes.d.ts

@@ -0,0 +1,8 @@
+import { AbstractTreeNode } from '../interfaces';
+/** 遍历所有节点，并将节点收集到一个数组中.
+ * order 参数可用于指定遍历规则：
+ * * `pre` 前序遍历 （默认）
+ * * `post` 后续遍历
+ * * `leaf-only` 忽略内部节点，只收集叶子节点
+ * */
+export default function collectNodes<T extends AbstractTreeNode>(nodes: T[], order?: 'pre' | 'post' | 'leaf-only'): T[];

package/es/table/utils/collectNodes.js

@@ -0,0 +1,59 @@
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/slice";
+import _Array$from from "@babel/runtime-corejs3/core-js-stable/array/from";
+import _Symbol from "@babel/runtime-corejs3/core-js-stable/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _getIterator from "@babel/runtime-corejs3/core-js/get-iterator";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof _Symbol === "undefined" || _getIteratorMethod(o) == null) { 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 = _getIterator(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 isLeafNode from './isLeafNode';
+/** 遍历所有节点，并将节点收集到一个数组中.
+ * order 参数可用于指定遍历规则：
+ * * `pre` 前序遍历 （默认）
+ * * `post` 后续遍历
+ * * `leaf-only` 忽略内部节点，只收集叶子节点
+ * */
+
+export default function collectNodes(nodes) {
+  var order = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'pre';
+  var result = [];
+  dfs(nodes);
+  return result;
+
+  function dfs(nodes) {
+    if (nodes == null) {
+      return;
+    }
+
+    var _iterator = _createForOfIteratorHelper(nodes),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var node = _step.value;
+
+        if (isLeafNode(node)) {
+          result.push(node);
+        } else {
+          if (order === 'pre') {
+            result.push(node);
+            dfs(node.children);
+          } else if (order === 'post') {
+            dfs(node.children);
+            result.push(node);
+          } else {
+            dfs(node.children);
+          }
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+}

package/es/table/utils/console.d.ts

@@ -0,0 +1,11 @@
+declare function log(...msg: any[]): void;
+declare function warn(...msg: any[]): void;
+declare function error(...msg: any[]): void;
+declare function table(...msg: any[]): void;
+declare const _default: {
+    log: typeof log;
+    warn: typeof warn;
+    error: typeof error;
+    table: typeof table;
+};
+export default _default;

package/es/table/utils/console.js

@@ -0,0 +1,58 @@
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+
+function isOutput() {
+  return true;
+}
+
+function log() {
+  if (isOutput()) {
+    var _console, _context;
+
+    for (var _len = arguments.length, msg = new Array(_len), _key = 0; _key < _len; _key++) {
+      msg[_key] = arguments[_key];
+    }
+
+    (_console = console).log.apply(_console, _concatInstanceProperty(_context = ['[kd-table]']).call(_context, msg));
+  }
+}
+
+function warn() {
+  if (isOutput()) {
+    var _console2, _context2;
+
+    for (var _len2 = arguments.length, msg = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      msg[_key2] = arguments[_key2];
+    }
+
+    (_console2 = console).warn.apply(_console2, _concatInstanceProperty(_context2 = ['[kd-table]']).call(_context2, msg));
+  }
+}
+
+function error() {
+  var _console3, _context3;
+
+  for (var _len3 = arguments.length, msg = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+    msg[_key3] = arguments[_key3];
+  }
+
+  (_console3 = console).error.apply(_console3, _concatInstanceProperty(_context3 = ['[kd-table]']).call(_context3, msg));
+}
+
+function table() {
+  if (isOutput()) {
+    var _console4, _context4;
+
+    for (var _len4 = arguments.length, msg = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
+      msg[_key4] = arguments[_key4];
+    }
+
+    (_console4 = console).table.apply(_console4, _concatInstanceProperty(_context4 = ['[kd-table]']).call(_context4, msg));
+  }
+}
+
+export default {
+  log: log,
+  warn: warn,
+  error: error,
+  table: table
+};

package/es/table/utils/copyToClipboard.d.ts

@@ -0,0 +1,3 @@
+declare const copyDataToClipboard: (data: string) => (element: HTMLInputElement) => void;
+declare function executeOnTempElement(callback: any): void;
+export { copyDataToClipboard, executeOnTempElement };

package/es/table/utils/copyToClipboard.js

@@ -0,0 +1,30 @@
+import console from './console';
+
+var copyDataToClipboard = function copyDataToClipboard(data) {
+  return function (element) {
+    element.value = data;
+    element.select();
+    element.focus();
+    document.execCommand('copy');
+    document.body.removeChild(element);
+  };
+};
+
+function executeOnTempElement(callback) {
+  var eTempInput = document.createElement('textarea');
+  eTempInput.style.width = '1px';
+  eTempInput.style.height = '1px';
+  eTempInput.style.top = '0px';
+  eTempInput.style.left = '0px';
+  eTempInput.style.position = 'absolute';
+  eTempInput.style.opacity = '0.0';
+  document.body.appendChild(eTempInput);
+
+  try {
+    callback(eTempInput);
+  } catch (err) {
+    console.warn('Browser does not support document.execCommand(\'copy\') for clipboard operations');
+  }
+}
+
+export { copyDataToClipboard, executeOnTempElement };

package/es/table/utils/element.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+/** elementUtil html元素用的工具函数 */
+export declare function getEventPath(event: MouseEvent | React.MouseEvent<HTMLTableElement, MouseEvent>): any;
+/**
+ * 获取点击事件是否发生在元素内部
+ * @param ele
+ * @param event
+ */
+export declare function isElementInEventPath(ele?: HTMLElement, event?: MouseEvent): boolean;
+/**
+ * 根据点击路径获取对应元素
+ * @param path
+ * @param isTargetCb
+ */
+export declare function getTargetEleInEventPath(path: Array<HTMLElement>, isTargetCb: (ele: HTMLElement) => boolean): any;
+/**
+ * 获得鼠标点击相对父面板位置
+ * @param event
+ * @param popupParent
+ */
+export declare function calculatePointerRelative(event: React.MouseEvent<HTMLTableElement, MouseEvent> | MouseEvent, popupParent: HTMLElement): {
+    x: number;
+    y: number;
+};
+interface OffSet {
+    x: number;
+    y: number;
+}
+/**
+ * 获取面板相对父面板位置
+ * @param event
+ * @param popupParent
+ */
+export declare function calculatePopupRelative(trigger: HTMLElement, popupParent: HTMLElement, offset?: OffSet): {
+    x: number;
+    y: number;
+};
+export declare function keepWithinBounds(popupParent: HTMLElement, popup: HTMLElement, x: number, y: number, isPerfect?: Boolean): {
+    x: number;
+    y: number;
+};
+export {};