@kdcloudjs/table 1.0.1 → 1.0.4

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

@@ -1,202 +0,0 @@
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import { treeMode } from '../treeMode';
-import { useTablePipeline } from '../../pipeline';
-import { mount } from 'enzyme';
-import { renderHook } from '@testing-library/react-hooks';
-
-function makeChildren(prefix) {
-  return [{
-    id: "".concat(prefix, "-1"),
-    title: '二级标题',
-    dept: '应用部',
-    dest: '云南大理',
-    guide: 'Douglas Lee',
-    children: [{
-      id: "".concat(prefix, "-1-1"),
-      title: '三级标题',
-      dept: '平台大前端-UED',
-      dest: '云南大理',
-      guide: 'Douglas Lee'
-    }, {
-      id: "".concat(prefix, "-1-2"),
-      title: '三级标题',
-      dept: '平台大前端-前端',
-      dest: '云南大理',
-      guide: 'Douglas Lee'
-    }]
-  }, {
-    id: "".concat(prefix, "-2"),
-    title: '二级标题',
-    dept: '应用部',
-    dest: '云南大理',
-    guide: 'Douglas Lee',
-    children: [{
-      id: "".concat(prefix, "-2-1"),
-      title: '三级标题',
-      dept: '平台大前端-UED',
-      dest: '云南大理',
-      guide: 'Douglas Lee'
-    }, {
-      id: "".concat(prefix, "-2-2"),
-      title: '三级标题',
-      dept: '平台大前端-前端',
-      dest: '云南大理',
-      guide: 'Douglas Lee'
-    }]
-  }, {
-    id: "".concat(prefix, "-3"),
-    title: '二级标题',
-    dept: '应用部',
-    dest: '云南大理',
-    guide: 'Douglas Lee'
-  }];
-}
-
-var dataSource = [{
-  id: '1',
-  title: '一级标题',
-  dept: '云苍穹-前端',
-  dest: 'South Maddison',
-  guide: 'Don Moreno',
-  children: makeChildren('1')
-}, {
-  id: '2',
-  title: '一级标题',
-  dept: '云苍穹-模型',
-  dest: 'Emilhaven',
-  guide: 'Douglas Richards',
-  children: makeChildren('2')
-}, {
-  id: '3',
-  title: '一级标题',
-  dept: '云苍穹-基础',
-  dest: '云南大理',
-  guide: 'Douglas Lee',
-  children: makeChildren('3')
-}, {
-  id: '4',
-  title: '一级标题',
-  dept: '云苍穹-体验',
-  dest: '杭州千岛湖',
-  guide: 'Eric Castillo',
-  children: makeChildren('4')
-}, {
-  id: '5',
-  title: '一级标题',
-  dept: '云苍穹-运营',
-  dest: 'East Karl',
-  guide: 'Herbert Patton'
-}];
-var columns = [{
-  code: 'title',
-  name: '标题',
-  width: 200,
-  getCellProps: function getCellProps() {
-    return {
-      style: {
-        background: 'red'
-      }
-    };
-  }
-}, {
-  code: 'dept',
-  name: '部门名称',
-  width: 180
-}, {
-  code: 'dest',
-  name: '团建目的地',
-  width: 160
-}, {
-  code: 'guide',
-  name: '当地导游',
-  width: 160
-}];
-describe('treeMode 单元测试', function () {
-  var opts = {
-    openKeys: ['4', '4-2'],
-    clickArea: 'content',
-    onChangeOpenKeys: jest.fn()
-  };
-  var newPipeline = null;
-  beforeEach(function () {
-    var _renderHook = renderHook(function () {
-      return useTablePipeline({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook.result;
-
-    var tablePipeline = result.current;
-    newPipeline = treeMode(opts)(tablePipeline);
-  });
-  afterEach(function () {
-    newPipeline = null;
-    opts.onChangeOpenKeys.mockClear();
-  });
-  it('初始化展示', function () {
-    // 5 + 3 + 2
-    expect(newPipeline.getDataSource().length).toBe(10);
-  });
-  it('展开图标单元格渲染', function () {
-    var col = newPipeline.getColumns();
-    var wrapper = mount(col[0].render('一级标题', newPipeline.getDataSource()[0], 0));
-    expect(_findInstanceProperty(wrapper).call(wrapper, 'CaretRightIcon').length).toBe(1);
-
-    var div = _findInstanceProperty(wrapper).call(wrapper, 'div').at(0);
-
-    div.simulate('click');
-    expect(opts.onChangeOpenKeys).toHaveBeenCalled();
-    expect(opts.onChangeOpenKeys).toBeCalledWith(['4', '4-2', '1'], '1', 'expand');
-    opts.onChangeOpenKeys.mockClear(); // 展开列点击
-
-    var expandColWrapper = mount(col[0].render('一级标题', newPipeline.getDataSource()[3], 3));
-
-    var div1 = _findInstanceProperty(expandColWrapper).call(expandColWrapper, 'div').at(0);
-
-    div1.simulate('click');
-    expect(opts.onChangeOpenKeys).toBeCalledWith(['4-2'], '4', 'collapse'); // 叶子节点渲染
-
-    var leafWrapper = mount(col[0].render('一级标题', newPipeline.getDataSource()[9], 9));
-    expect(_findInstanceProperty(leafWrapper).call(leafWrapper, '.expansion-cell.leaf').length).toBe(2);
-  });
-  it('getCellProps', function () {
-    var col = newPipeline.getColumns(); // clickArea: 'content' 取默认的cellProps
-
-    expect(col[0].getCellProps()).toEqual({
-      style: {
-        background: 'red'
-      }
-    });
-  });
-  it('clickArea 为cell', function () {
-    var _renderHook2 = renderHook(function () {
-      return useTablePipeline({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    opts.clickArea = 'cell';
-    var newPipeline = treeMode(opts)(tablePipeline);
-    var col = newPipeline.getColumns();
-    var cellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[0], 0);
-    expect(cellProps.style).toEqual({
-      background: 'red',
-      cursor: 'pointer'
-    });
-    cellProps.onClick();
-    expect(opts.onChangeOpenKeys).toHaveBeenCalled(); // 叶子节点cellProps
-
-    var leafCellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[9], 9);
-    expect(leafCellProps.style).toEqual({
-      background: 'red'
-    });
-  });
-});

package/es/table/pipeline/features/filter/__test__/Filter.test.d.ts

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

package/es/table/pipeline/features/filter/__test__/Filter.test.js

@@ -1,29 +0,0 @@
-import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
-import React from 'react';
-import { mount } from 'enzyme';
-import { Classes } from '../../../../base/styles';
-import Filter from '../Filter';
-import DefaultFilterContent from '../DefaultFilterContent';
-var NAME = 'Filter';
-var setFilter = jest.fn();
-var setFilterModel = jest.fn();
-describe("".concat(NAME), function () {
-  it('render and test event', function () {
-    var wrapper = mount( /*#__PURE__*/React.createElement(Filter, {
-      setFilter: setFilter,
-      setFilterModel: setFilterModel,
-      filterModel: {
-        filter: []
-      },
-      stopClickEventPropagation: true,
-      isFilterActive: true
-    }));
-
-    _findInstanceProperty(wrapper).call(wrapper, ".".concat(Classes.filterIcon)).at(0).simulate('click');
-
-    _findInstanceProperty(wrapper).call(wrapper, 'div').at(0).simulate('mousedown');
-
-    expect(_findInstanceProperty(wrapper).call(wrapper, DefaultFilterContent).length).toBe(1);
-    wrapper.unmount();
-  });
-});

package/lib/table/base/helpers/__test__/visible-part.test.d.ts

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

package/lib/table/base/helpers/__test__/visible-part.test.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _visiblePart = require("../visible-part");
-
-var NAME = 'visible-part';
-describe("".concat(NAME), function () {
-  it('getVisiblePartObservable', function () {
-    var container = document.createElement('div');
-    container.setAttribute('id', 't1');
-    container.style.cssText = 'width:100px;height:100px;overflow:auto;';
-    var content = document.createElement('div');
-    content.style.cssText = 'width:200px;height:200px;';
-    container.appendChild(content);
-    document.body.appendChild(container); // todo: rxjs test
-
-    (0, _visiblePart.getVisiblePartObservable)(content, container);
-    var event = new window.Event('scroll', {
-      cancelable: false
-    });
-    container.dispatchEvent(event);
-    document.body.removeChild(container);
-    container = content = null;
-  });
-  it('getVisiblePart', function () {
-    var container = document.createElement('div');
-    document.body.appendChild(container);
-    expect((0, _visiblePart.getVisiblePart)(container, window).offsetX).toBe(0);
-    document.body.removeChild(container);
-    container = null;
-  });
-});

package/lib/table/base/helpers/visible-part.d.ts

@@ -1,23 +0,0 @@
-import { Observable } from 'rxjs';
-export declare function getVisiblePart(target: HTMLElement | typeof window, flowRoot: HTMLElement | typeof window): {
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-};
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-export declare function getVisiblePartObservable(target: HTMLElement, flowRoot: HTMLElement | typeof window): Observable<{
-    offsetY: number;
-    offsetX: number;
-    clipRect: {
-        left: number;
-        top: number;
-        right: number;
-        bottom: number;
-    };
-}>;

package/lib/table/base/helpers/visible-part.js

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime-corejs3/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getVisiblePart = getVisiblePart;
-exports.getVisiblePartObservable = getVisiblePartObservable;
-
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
-
-var _rxjs = require("rxjs");
-
-var op = _interopRequireWildcard(require("rxjs/operators"));
-
-function getRect(ele) {
-  if (ele === window) {
-    return {
-      left: 0,
-      top: 0,
-      bottom: window.innerHeight,
-      right: window.innerWidth
-    };
-  } else {
-    return ele.getBoundingClientRect();
-  }
-}
-
-function getVisiblePart(target, flowRoot) {
-  var targetRect = getRect(target);
-  var rootRect = getRect(flowRoot);
-  return {
-    offsetY: Math.max(0, rootRect.top - targetRect.top),
-    offsetX: Math.max(0, rootRect.left - targetRect.left),
-    clipRect: {
-      left: Math.max(targetRect.left, rootRect.left),
-      top: Math.max(targetRect.top, rootRect.top),
-      right: Math.min(targetRect.right, rootRect.right),
-      bottom: Math.min(targetRect.bottom, rootRect.bottom)
-    }
-  };
-}
-
-function fromResizeEvent(element) {
-  if (element === window) {
-    return (0, _rxjs.fromEvent)(element, 'resize');
-  }
-
-  return new _rxjs.Observable(function (subscriber) {
-    var resizeObserver = new _resizeObserverPolyfill.default(function () {
-      subscriber.next();
-    });
-    resizeObserver.observe(element);
-    return function () {
-      resizeObserver.disconnect();
-    };
-  });
-}
-/** 基于 ResizeObserver 和 scroll event 封装的 RxJS observable；
- * 用于监听一个元素的在页面中的「可见范围」的不断变化 */
-
-
-function getVisiblePartObservable(target, flowRoot) {
-  return (0, _rxjs.merge)((0, _rxjs.fromEvent)(flowRoot, 'scroll', {
-    passive: true
-  }), fromResizeEvent(flowRoot), fromResizeEvent(target)).pipe(op.map(function () {
-    return getVisiblePart(target, flowRoot);
-  }));
-}

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

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

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

@@ -1,163 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
-var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _enzyme = require("enzyme");
-
-var _multiSelect2 = require("../multiSelect");
-
-var _pipeline = require("../../pipeline");
-
-var __rest = void 0 && (void 0).__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 _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(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;
-};
-
-var NAME = 'multiSelect';
-
-var MockCheckbox = function MockCheckbox(_a) {
-  var indeterminate = _a.indeterminate,
-      props = __rest(_a, ["indeterminate"]);
-
-  return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    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 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)();
-    }),
-        result = _renderHook.result;
-
-    var _multiSelect = function _multiSelect() {
-      return (0, _multiSelect2.multiSelect)()(result.current);
-    };
-
-    expect(_multiSelect).toThrowError(/Checkbox/);
-  });
-  it('set require props,test checkboxColumn render, cell change and select all event', function () {
-    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        components: {
-          Checkbox: MockCheckbox
-        }
-      }).input(INPUT_DATA).primaryKey('id');
-    }),
-        result = _renderHook2.result;
-
-    (0, _multiSelect2.multiSelect)({
-      stopClickEventPropagation: true // 阻止冒泡
-
-    })(result.current);
-    expect(result.current.getColumns().length).toBeGreaterThan(0);
-    var checkboxColumn = result.current.getColumns()[0];
-    var wrapper = (0, _enzyme.mount)(checkboxColumn.render({}, {
-      id: '1'
-    }, 0)); // 测试复选框行点击onChange
-
-    (0, _reactHooks.act)(function () {
-      (0, _find.default)(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 = (0, _enzyme.mount)(checkboxColumn.title); // 测试选择列表头全选
-
-    (0, _reactHooks.act)(function () {
-      (0, _find.default)(titleWrapper).call(titleWrapper, MockCheckbox).at(0).simulate('change');
-    });
-  });
-  it('set clickArea=cell, test getCellProps and cell click', function () {
-    var _renderHook3 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        components: {
-          Checkbox: MockCheckbox
-        }
-      }).input(INPUT_DATA).primaryKey('id');
-    }),
-        result = _renderHook3.result;
-
-    (0, _multiSelect2.multiSelect)({
-      clickArea: 'cell'
-    })(result.current);
-    var checkboxColumn = result.current.getColumns()[0]; // 测试getCellProps
-
-    var cellProps = checkboxColumn.getCellProps('', ROWS[0], 0);
-
-    if (typeof cellProps.onClick === 'function') {
-      (0, _reactHooks.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 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        components: {
-          Checkbox: MockCheckbox
-        }
-      }).input(INPUT_DATA).primaryKey('id');
-    }),
-        result = _renderHook4.result;
-
-    var pipeline = (0, _multiSelect2.multiSelect)({
-      lastKey: '1',
-      clickArea: 'row'
-    })(result.current); // 调用 appendRowPropsGetter 设置的函数
-
-    var props = pipeline.getProps();
-    var rowProps = props.getRowProps(ROWS[0], 0);
-
-    if (rowProps.onClick) {
-      (0, _reactHooks.act)(function () {
-        var mockEvent = {
-          shiftKey: true
-        };
-        rowProps.onClick(mockEvent);
-      });
-      expect(result.current.getStateAtKey('multiSelect')).toMatchObject({
-        "lastKey": "1",
-        "value": ["1"]
-      });
-    }
-  });
-});

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

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