@kdcloudjs/table 1.0.0

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

@@ -0,0 +1,36 @@
+import { Subscription } from 'rxjs';
+import ResizeObserver from 'resize-observer-polyfill';
+/** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
+export declare const STYLED_VERSION: string;
+export declare const STYLED_REF_PROP: string;
+export declare const OVERSCAN_SIZE = 100;
+export declare const AUTO_VIRTUAL_THRESHOLD = 100;
+export declare function sum(arr: number[]): number;
+export declare const throttledWindowResize$: import("rxjs").Observable<Event>;
+interface ContentRectType {
+    hide: boolean;
+    bottom: number;
+    height: number;
+    left: number;
+    right: number;
+    top: number;
+    width: number;
+    x: number;
+    y: number;
+}
+export declare const addResizeObserver: (element: HTMLElement | null, handler?: (react: ContentRectType) => void) => ResizeObserver;
+export declare function getScrollbarSize(): {
+    width: number;
+    height: number;
+};
+/** 同步多个元素之间的 scrollLeft, 每当 scrollLeft 发生变化时 callback 会被调用 */
+export declare function syncScrollLeft(elements: HTMLElement[], callback: (scrollLeft: number) => void): Subscription;
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ *
+ * 这个函数是从 facebook 某个官方库中复制过来的
+ */
+export declare function shallowEqual(objA: any, objB: any): boolean;
+export {};

package/es/table/base/utils.js

@@ -0,0 +1,193 @@
+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";
+import _typeof from "@babel/runtime-corejs3/helpers/typeof";
+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 _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 _Set from "@babel/runtime-corejs3/core-js-stable/set";
+import _Object$is from "@babel/runtime-corejs3/core-js-stable/object/is";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import { asyncScheduler, BehaviorSubject, defer, fromEvent, Subscription } from 'rxjs';
+import { map, throttleTime } from 'rxjs/operators';
+import ResizeObserver from 'resize-observer-polyfill';
+import * as styledComponents from 'styled-components';
+/** styled-components 类库的版本，ali-react-table 同时支持 v3 和 v5 */
+
+export var STYLED_VERSION = styledComponents.createGlobalStyle != null ? 'v5' : 'v3';
+export var STYLED_REF_PROP = STYLED_VERSION === 'v3' ? 'innerRef' : 'ref';
+export var OVERSCAN_SIZE = 100;
+export var AUTO_VIRTUAL_THRESHOLD = 100;
+export function sum(arr) {
+  var result = 0;
+  arr.forEach(function (x) {
+    result += x;
+  });
+  return result;
+} // 使用 defer 避免过早引用 window，导致在 SSR 场景下报错
+
+export var throttledWindowResize$ = defer(function () {
+  return fromEvent(window, 'resize').pipe(throttleTime(150, asyncScheduler, {
+    leading: true,
+    trailing: true
+  }));
+});
+export var addResizeObserver = function addResizeObserver(element, handler) {
+  var measure = function measure(entries) {
+    if (!entries[0] || !entries[0].contentRect) {
+      return;
+    }
+
+    var contentRect = entries[0].contentRect;
+    var hide = contentRect.width === 0 && contentRect.height === 0; // 隐藏条件：高宽都为0
+
+    var rect = _extends({
+      hide: hide
+    }, contentRect);
+
+    handler && handler(rect);
+  };
+
+  var resizeObserver = new ResizeObserver(measure);
+  resizeObserver && resizeObserver.observe(element);
+  return resizeObserver;
+};
+/** 获取默认的滚动条大小 */
+
+function getScrollbarSizeImpl() {
+  var scrollDiv = document.createElement('div');
+  scrollDiv.style.position = 'absolute';
+  scrollDiv.style.width = '100px';
+  scrollDiv.style.height = '100px';
+  scrollDiv.style.overflow = 'scroll';
+  scrollDiv.style.top = '-9999px';
+  document.body.appendChild(scrollDiv);
+  var scrollbarWidth = scrollDiv.offsetWidth - scrollDiv.clientWidth;
+  var scrollbarHeight = scrollDiv.offsetHeight - scrollDiv.clientHeight;
+  document.body.removeChild(scrollDiv);
+  return {
+    width: scrollbarWidth,
+    height: scrollbarHeight
+  };
+}
+
+var scrollBarSize$;
+export function getScrollbarSize() {
+  if (scrollBarSize$ == null) {
+    scrollBarSize$ = new BehaviorSubject(getScrollbarSizeImpl());
+    throttledWindowResize$.pipe(map(function () {
+      return getScrollbarSizeImpl();
+    })).subscribe(scrollBarSize$);
+  }
+
+  return scrollBarSize$.value;
+}
+/** 同步多个元素之间的 scrollLeft, 每当 scrollLeft 发生变化时 callback 会被调用 */
+
+export function syncScrollLeft(elements, callback) {
+  var bypassSet = new _Set();
+
+  function publishScrollLeft(origin, scrollLeft) {
+    bypassSet.clear();
+
+    var _iterator = _createForOfIteratorHelper(elements),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var elem = _step.value;
+
+        if (elem === origin) {
+          continue;
+        }
+
+        elem.scrollLeft = scrollLeft;
+        bypassSet.add(elem);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  }
+
+  var subscription = new Subscription();
+
+  var _iterator2 = _createForOfIteratorHelper(elements),
+      _step2;
+
+  try {
+    var _loop = function _loop() {
+      var ele = _step2.value;
+
+      var listener = function listener() {
+        if (bypassSet.has(ele)) {
+          bypassSet.delete(ele);
+          return;
+        }
+
+        var scrollLeft = ele.scrollLeft;
+        publishScrollLeft(ele, scrollLeft);
+        callback(scrollLeft);
+      };
+
+      ele.addEventListener('scroll', listener, {
+        passive: true
+      });
+      subscription.add(function () {
+        return ele.removeEventListener('scroll', listener);
+      });
+    };
+
+    for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator2.e(err);
+  } finally {
+    _iterator2.f();
+  }
+
+  return subscription;
+}
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ *
+ * 这个函数是从 facebook 某个官方库中复制过来的
+ */
+
+export function shallowEqual(objA, objB) {
+  if (_Object$is(objA, objB)) {
+    return true;
+  }
+
+  if (_typeof(objA) !== 'object' || objA === null || _typeof(objB) !== 'object' || objB === null) {
+    return false;
+  }
+
+  var keysA = _Object$keys(objA);
+
+  var keysB = _Object$keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
+
+
+  for (var i = 0; i < keysA.length; i++) {
+    if (!Object.prototype.hasOwnProperty.call(objB, keysA[i]) || !_Object$is(objA[keysA[i]], objB[keysA[i]])) {
+      return false;
+    }
+  }
+
+  return true;
+}

package/es/table/common-views.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export declare const InlineFlexCell: any;
+export declare const ExpansionCell: any;
+interface IconProps extends React.SVGProps<SVGElement> {
+    height?: number;
+    preserveAspectRatio?: string;
+    title?: string;
+    viewBox?: string;
+    width?: number;
+    xmlns?: string;
+    ref?: any;
+}
+declare function CaretDownIcon(props: IconProps): JSX.Element;
+declare function InfoIcon(props: IconProps): JSX.Element;
+declare function CaretRightIcon(props: IconProps): JSX.Element;
+declare function LoadingIcon(props: IconProps): JSX.Element;
+export declare const icons: {
+    Loading: typeof LoadingIcon;
+    CaretDown: typeof CaretDownIcon;
+    CaretRight: typeof CaretRightIcon;
+    Info: typeof InfoIcon;
+};
+export declare const ContextMenuStyleWrap: any;
+export {};

package/es/table/common-views.js

@@ -0,0 +1,70 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _taggedTemplateLiteral from "@babel/runtime-corejs3/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3;
+
+import React from 'react';
+import styled from 'styled-components';
+import { MenuClasses } from './base/styles';
+export var InlineFlexCell = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  align-items: center;\n"])));
+export var ExpansionCell = styled(InlineFlexCell)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &.leaf {\n    cursor: default;\n  }\n\n  .expansion-icon {\n    fill: #999;\n    flex: 0 0 16px;\n    transition: transform 200ms;\n\n    &.expanded {\n      transform-origin: center center;\n      transform: rotate(90deg);\n    }\n  }\n"])));
+
+function CaretDownIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M24 12L16 22 8 12z"
+  }));
+}
+
+function InfoIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M8.5 11L8.5 6.5 6.5 6.5 6.5 7.5 7.5 7.5 7.5 11 6 11 6 12 10 12 10 11zM8 3.5c-.4 0-.8.3-.8.8S7.6 5 8 5c.4 0 .8-.3.8-.8S8.4 3.5 8 3.5z"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8,15c-3.9,0-7-3.1-7-7s3.1-7,7-7s7,3.1,7,7S11.9,15,8,15z M8,2C4.7,2,2,4.7,2,8s2.7,6,6,6s6-2.7,6-6S11.3,2,8,2z"
+  }));
+}
+
+function CaretRightIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    focusable: "false",
+    preserveAspectRatio: "xMidYMid meet",
+    fill: "currentColor",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 32 32"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M12 8L22 16 12 24z"
+  }));
+}
+
+function LoadingIcon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "16",
+    height: "16",
+    fill: "currentColor",
+    viewBox: "0 0 1024 1024"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M512 74.667c-17.067 0-32 14.933-32 32V256c0 17.067 14.933 32 32 32s32-14.933 32-32V106.667c0-17.067-14.933-32-32-32zm181.333 288c8.534 0 17.067-2.134 23.467-8.534L821.333 249.6c12.8-12.8 12.8-32 0-44.8-12.8-12.8-32-12.8-44.8 0L672 309.333c-12.8 12.8-12.8 32 0 44.8 4.267 6.4 12.8 8.534 21.333 8.534zm224 117.333H768c-17.067 0-32 14.933-32 32s14.933 32 32 32h149.333c17.067 0 32-14.933 32-32s-14.933-32-32-32zM714.667 669.867c-12.8-12.8-32-12.8-44.8 0s-12.8 32 0 44.8L774.4 819.2c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L714.667 669.867zM512 736c-17.067 0-32 14.933-32 32v149.333c0 17.067 14.933 32 32 32s32-14.933 32-32V768c0-17.067-14.933-32-32-32zm-202.667-66.133L204.8 774.4c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533l104.534-104.533c12.8-12.8 12.8-32 0-44.8s-36.267-12.8-46.934 0zM288 512c0-17.067-14.933-32-32-32H106.667c-17.067 0-32 14.933-32 32s14.933 32 32 32H256c17.067 0 32-14.933 32-32zm-40.533-309.333c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8L307.2 352c6.4 6.4 14.933 8.533 23.467 8.533s17.066-2.133 23.466-8.533c12.8-12.8 12.8-32 0-44.8L247.467 202.667z"
+  }));
+}
+
+export var icons = {
+  Loading: LoadingIcon,
+  CaretDown: CaretDownIcon,
+  CaretRight: CaretRightIcon,
+  Info: InfoIcon
+};
+export var ContextMenuStyleWrap = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  &.", "{\n    border: 1px solid #e9ecf1;\n    border-radius: 2px;\n    background-color: #Fff;\n    box-shadow: 0px 0px 5px 0px rgb(154 154 154 / 50%);\n    cursor: default;\n    font-size: 13px;\n    position:absolute;\n    z-index: 1050;\n    width:120px;\n  }\n\n  .", "{\n    width:100%;\n    display: table;\n  }\n\n  .", " .", "{\n    display: table-row;\n  }\n\n  .", " .", "{\n    background-color: #f5f5f5;\n  }\n\n  .", " .", " .", "{\n    display: table-cell;\n    padding: 5px 8px;\n    color: #666666;\n  }\n\n"])), MenuClasses.menu, MenuClasses.menuList, MenuClasses.menuList, MenuClasses.menuOption, MenuClasses.menuList, MenuClasses.menuOptionActive, MenuClasses.menuList, MenuClasses.menuOption, MenuClasses.menuOptionText);

package/es/table/index.d.ts

@@ -0,0 +1,6 @@
+export * from './base';
+export * from './interfaces';
+export * from './utils';
+export * from './transforms';
+export * from './pipeline';
+export * from './internals';

package/es/table/index.js

@@ -0,0 +1,6 @@
+export * from './base';
+export * from './interfaces';
+export * from './utils';
+export * from './transforms';
+export * from './pipeline';
+export * from './internals';

package/es/table/interfaces.d.ts

@@ -0,0 +1,98 @@
+import React, { ReactNode } from 'react';
+export declare type ArtColumnAlign = 'left' | 'center' | 'right';
+export declare type ArtColumnVerticalAlign = 'top' | 'bottom' | 'middle';
+export declare type CellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+export interface ArtColumnStaticPart {
+    /** 列的名称 */
+    name: string;
+    /** 列的唯一标识 */
+    /** 在数据中的字段 code */
+    code?: string;
+    /** 列标题的展示名称；在页面中进行展示时，该字段将覆盖 name 字段 */
+    title?: ReactNode[] | ReactNode;
+    /** 列的宽度，如果该列是锁定的，则宽度为必传项 */
+    width?: number;
+    /** 单元格中的文本或内容的 对其方向 */
+    align?: ArtColumnAlign;
+    /** 单元格中的文本或内容的 垂直水平轴对其方向 */
+    verticalAlign?: ArtColumnVerticalAlign;
+    /** @deprecated 是否隐藏 */
+    hidden?: boolean;
+    /** 是否锁列 */
+    lock?: boolean;
+    /** 是否允许拖拽 */
+    /** 表头单元格的 props */
+    headerCellProps?: CellProps;
+    /** 功能开关 */
+    features?: {
+        [key: string]: any;
+    };
+}
+export interface Features {
+    /** 是否开启排序功能 */
+    sortable?: boolean;
+    /** 是否开启过滤功能 */
+    filterable?: boolean;
+}
+export interface ArtColumnDynamicPart {
+    /** 自定义取数方法 */
+    getValue?(row: any, rowIndex: number): any;
+    /** 自定义渲染方法 */
+    render?(value: any, row: any, rowIndex: number): ReactNode;
+    /** 自定义的获取单元格 props 的方法 */
+    getCellProps?(value: any, row: any, rowIndex: number): CellProps;
+    /** 自定义的获取单元格 SpanRect 方法 */
+    getSpanRect?(value: any, row: any, rowIndex: number): SpanRect;
+}
+export interface ArtColumn extends ArtColumnStaticPart, ArtColumnDynamicPart {
+    /** 该列的子节点 */
+    children?: ArtColumn[];
+}
+/** SpanRect 用于描述合并单元格的边界
+ * 注意 top/left 为 inclusive，而 bottom/right 为 exclusive */
+export interface SpanRect {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+}
+export interface AbstractTreeNode {
+    children?: AbstractTreeNode[];
+}
+export declare type SortOrder = 'desc' | 'asc' | 'none';
+export declare type SortItem = {
+    code: string;
+    order: SortOrder;
+};
+export interface FilterItem {
+    filter: any[];
+    code?: string;
+    filterCondition?: string;
+}
+export declare type Filters = FilterItem[];
+export declare type Transform<T> = (input: T) => T;
+export declare type TableTransform = Transform<{
+    columns: ArtColumn[];
+    dataSource: any[];
+}>;
+export interface HoverRange {
+    start: number;
+    end: number;
+}
+export interface ColumnResizeItem {
+    width: number;
+    index: number;
+}
+export interface FilterPanelProps {
+    isFilterActive: boolean;
+    hidePanel(): void;
+}
+export interface DefaultFilterPanelProps extends FilterPanelProps {
+    setFilterModel(filterItem?: Pick<FilterItem, 'filter' | 'filterCondition'>): void;
+    filterModel: FilterItem;
+}
+export interface CustomeFilterPanelProps extends FilterPanelProps {
+    setFilter(filter?: any[]): void;
+    filterModel: FilterItem;
+}
+export declare type FilterPanel = React.ComponentType<DefaultFilterPanelProps | CustomeFilterPanelProps>;

package/es/table/internals.d.ts

@@ -0,0 +1,14 @@
+import { ArtColumn } from './interfaces';
+declare function safeRenderHeader(column: ArtColumn): {};
+declare function safeGetValue(column: ArtColumn, record: any, rowIndex: number): any;
+declare function safeGetRowKey(primaryKey: string | ((record: any) => string), record: any, rowIndex: number): string;
+declare function safeGetCellProps(column: ArtColumn, record: any, rowIndex: number): import("./interfaces").CellProps;
+declare function safeRender(column: ArtColumn, record: any, rowIndex: number): any;
+export declare const internals: {
+    readonly safeRenderHeader: typeof safeRenderHeader;
+    readonly safeGetValue: typeof safeGetValue;
+    readonly safeGetRowKey: typeof safeGetRowKey;
+    readonly safeGetCellProps: typeof safeGetCellProps;
+    readonly safeRender: typeof safeRender;
+};
+export {};

package/es/table/internals.js

@@ -0,0 +1,56 @@
+function safeRenderHeader(column) {
+  var _a;
+
+  return (_a = column.title) !== null && _a !== void 0 ? _a : column.name;
+}
+
+function safeGetValue(column, record, rowIndex) {
+  if (column.getValue) {
+    return column.getValue(record, rowIndex);
+  }
+
+  return record[column.code];
+}
+
+function safeGetRowKey(primaryKey, record, rowIndex) {
+  var key;
+
+  if (typeof primaryKey === 'string') {
+    key = record[primaryKey];
+  } else if (typeof primaryKey === 'function') {
+    key = primaryKey(record);
+  }
+
+  if (key == null) {
+    key = String(rowIndex);
+  }
+
+  return key;
+}
+
+function safeGetCellProps(column, record, rowIndex) {
+  if (column.getCellProps) {
+    var value = safeGetValue(column, record, rowIndex);
+    return column.getCellProps(value, record, rowIndex) || {};
+  }
+
+  return {};
+}
+
+function safeRender(column, record, rowIndex) {
+  var value = safeGetValue(column, record, rowIndex);
+
+  if (column.render) {
+    return column.render(value, record, rowIndex);
+  }
+
+  return value;
+}
+
+export var internals = {
+  safeRenderHeader: safeRenderHeader,
+  safeGetValue: safeGetValue,
+  safeGetRowKey: safeGetRowKey,
+  safeGetCellProps: safeGetCellProps,
+  safeRender: safeRender
+};

package/es/table/pipeline/features/__test__/multiSelect.test.d.ts

@@ -0,0 +1 @@
+export {};

package/es/table/pipeline/features/__test__/multiSelect.test.js

@@ -0,0 +1,152 @@
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
+
+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 from 'react';
+import { renderHook, act } from '@testing-library/react-hooks';
+import { mount } from 'enzyme';
+import { multiSelect } from '../multiSelect';
+import { useTablePipeline } from '../../pipeline';
+var NAME = 'multiSelect';
+
+var MockCheckbox = function MockCheckbox(_a) {
+  var indeterminate = _a.indeterminate,
+      props = __rest(_a, ["indeterminate"]);
+
+  return /*#__PURE__*/React.createElement("input", _extends({
+    type: 'checkbox',
+    className: 'checkbox'
+  }, props));
+};
+
+var ROWS = [{
+  id: '1'
+}];
+var INPUT_DATA = {
+  columns: [],
+  dataSource: ROWS
+};
+describe("".concat(NAME), function () {
+  it('not set Checkbox', function () {
+    var _renderHook = renderHook(function () {
+      return useTablePipeline();
+    }),
+        result = _renderHook.result;
+
+    var _multiSelect = function _multiSelect() {
+      return multiSelect()(result.current);
+    };
+
+    expect(_multiSelect).toThrowError(/Checkbox/);
+  });
+  it('set require props,test checkboxColumn render, cell change and select all event', function () {
+    var _renderHook2 = renderHook(function () {
+      return useTablePipeline({
+        components: {
+          Checkbox: MockCheckbox
+        }
+      }).input(INPUT_DATA).primaryKey('id');
+    }),
+        result = _renderHook2.result;
+
+    multiSelect({
+      stopClickEventPropagation: true // 阻止冒泡
+
+    })(result.current);
+    expect(result.current.getColumns().length).toBeGreaterThan(0);
+    var checkboxColumn = result.current.getColumns()[0];
+    var wrapper = mount(checkboxColumn.render({}, {
+      id: '1'
+    }, 0)); // 测试复选框行点击onChange
+
+    act(function () {
+      _findInstanceProperty(wrapper).call(wrapper, MockCheckbox).at(0).simulate('change', {
+        target: {},
+        nativeEvent: {
+          stopPropagation: jest.fn()
+        }
+      });
+    });
+    expect(result.current.getStateAtKey('multiSelect')).toMatchObject({
+      "lastKey": "1",
+      "value": ["1"]
+    });
+    var titleWrapper = mount(checkboxColumn.title); // 测试选择列表头全选
+
+    act(function () {
+      _findInstanceProperty(titleWrapper).call(titleWrapper, MockCheckbox).at(0).simulate('change');
+    });
+  });
+  it('set clickArea=cell, test getCellProps and cell click', function () {
+    var _renderHook3 = renderHook(function () {
+      return useTablePipeline({
+        components: {
+          Checkbox: MockCheckbox
+        }
+      }).input(INPUT_DATA).primaryKey('id');
+    }),
+        result = _renderHook3.result;
+
+    multiSelect({
+      clickArea: 'cell'
+    })(result.current);
+    var checkboxColumn = result.current.getColumns()[0]; // 测试getCellProps
+
+    var cellProps = checkboxColumn.getCellProps('', ROWS[0], 0);
+
+    if (typeof cellProps.onClick === 'function') {
+      act(function () {
+        var mockEvent = {};
+        cellProps.onClick(mockEvent);
+      });
+      expect(result.current.getStateAtKey('multiSelect')).toMatchObject({
+        "lastKey": "1",
+        "value": ["1"]
+      });
+    }
+  });
+  it('set clickArea=row, test appendRowPropsGetter fn', function () {
+    var _renderHook4 = renderHook(function () {
+      return useTablePipeline({
+        components: {
+          Checkbox: MockCheckbox
+        }
+      }).input(INPUT_DATA).primaryKey('id');
+    }),
+        result = _renderHook4.result;
+
+    var pipeline = multiSelect({
+      lastKey: '1',
+      clickArea: 'row'
+    })(result.current); // 调用 appendRowPropsGetter 设置的函数
+
+    var props = pipeline.getProps();
+    var rowProps = props.getRowProps(ROWS[0], 0);
+
+    if (rowProps.onClick) {
+      act(function () {
+        var mockEvent = {
+          shiftKey: true
+        };
+        rowProps.onClick(mockEvent);
+      });
+      expect(result.current.getStateAtKey('multiSelect')).toMatchObject({
+        "lastKey": "1",
+        "value": ["1"]
+      });
+    }
+  });
+});

package/es/table/pipeline/features/__test__/rowDetail.test.d.ts

@@ -0,0 +1 @@
+export {};