@kdcloudjs/table 1.0.1 → 1.0.4

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

@@ -1,218 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _sort = require("../sort");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var dataSource = [{
-  id: '1',
-  prov: '湖北省',
-  confirm: 54406,
-  cure: 4793,
-  dead: 1457,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '2',
-  prov: '广东省',
-  confirm: 1294,
-  cure: 409,
-  dead: 2,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '3',
-  prov: '河南省',
-  confirm: 1212,
-  cure: 390,
-  dead: 13,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '4',
-  prov: '浙江省',
-  confirm: 1000,
-  cure: 428,
-  dead: 0,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '5',
-  prov: '湖南省',
-  confirm: 1000,
-  cure: 417,
-  dead: 2,
-  t: '2020-02-15 19:52:02'
-}];
-var columns = [{
-  code: 'prov',
-  name: '省份',
-  width: 150,
-  features: {
-    sortable: true
-  }
-}, {
-  code: 'confirm',
-  name: '确诊',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true
-  }
-}, {
-  code: 'cure',
-  name: '治愈',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true
-  }
-}, {
-  code: 'dead',
-  name: '死亡',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true
-  }
-}, {
-  code: 't',
-  name: '更新时间',
-  width: 180,
-  features: {
-    sortable: true
-  }
-}];
-describe('sort 单元测试', function () {
-  var opts = {
-    defaultSorts: [{
-      code: 'cure',
-      order: 'asc'
-    }],
-    highlightColumnWhenActive: true,
-    mode: 'single',
-    keepDataSource: false,
-    onChangeSorts: jest.fn()
-  };
-  var newPipeline = null;
-  beforeEach(function () {
-    var _renderHook = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook.result;
-
-    var tablePipeline = result.current;
-    newPipeline = (0, _sort.sort)(opts)(tablePipeline);
-  });
-  afterEach(function () {
-    newPipeline = null;
-    opts.onChangeSorts.mockClear();
-  });
-  it('初始化数据', function () {
-    // 默认cure列升序排序
-    expect(newPipeline.getDataSource()[0]).toEqual({
-      id: '3',
-      prov: '河南省',
-      confirm: 1212,
-      cure: 390,
-      dead: 13,
-      t: '2020-02-15 19:52:02'
-    });
-  });
-  it('列头单元格渲染', function () {
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[0].title);
-    expect((0, _find.default)(wrapper).call(wrapper, 'SortIcon').length).toBe(1); // 列头单元格
-
-    var div = (0, _find.default)(wrapper).call(wrapper, 'div').at(0);
-    div.simulate('click');
-    expect(opts.onChangeSorts).toBeCalledWith([{
-      code: 'prov',
-      order: 'desc'
-    }], {
-      code: 'prov',
-      order: 'desc'
-    });
-    expect(1).toBe(1);
-  });
-  it('getCellProps', function () {
-    var col = newPipeline.getColumns();
-    var cellProps = col[2].getCellProps(4793, newPipeline.getDataSource()[0], 0);
-    expect(cellProps.style).toEqual({
-      background: 'var(--highlight-bgcolor)'
-    });
-  });
-  it('keepDataSource为true,数据不变', function () {
-    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    opts.keepDataSource = true;
-    var newPipeline = (0, _sort.sort)(opts)(tablePipeline);
-    expect(newPipeline.getDataSource()[0].id).toBe('1');
-    opts.keepDataSource = false;
-  });
-  it('多列排序', function () {
-    var _renderHook3 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook3.result;
-
-    var tablePipeline = result.current;
-    opts.defaultSorts = [{
-      code: 'confirm',
-      order: 'desc'
-    }, {
-      code: 'cure',
-      order: 'asc'
-    }];
-    opts.mode = 'multiple';
-    var newPipeline = (0, _sort.sort)(opts)(tablePipeline); // confirm 降序，cure升序
-
-    expect(newPipeline.getDataSource()[3].confirm).toBe(1000);
-    expect(newPipeline.getDataSource()[3].cure).toBe(417);
-    expect(newPipeline.getDataSource()[4].confirm).toBe(1000);
-    expect(newPipeline.getDataSource()[4].cure).toBe(428);
-    var col = newPipeline.getColumns();
-    var confirmWrapper = (0, _enzyme.mount)(col[1].title); // 列头单元格
-
-    var div = (0, _find.default)(confirmWrapper).call(confirmWrapper, 'div').at(0);
-    div.simulate('click'); // confirm 列初始是降序，点击后是升序
-    // calls[0][1]表示第1次调用的第二个参数
-
-    expect(opts.onChangeSorts.mock.calls[0][1]).toEqual({
-      code: 'confirm',
-      order: 'asc'
-    });
-    opts.onChangeSorts.mockClear();
-    var cureWrapper = (0, _enzyme.mount)(col[2].title);
-    var div1 = (0, _find.default)(cureWrapper).call(cureWrapper, 'div').at(0);
-    div1.simulate('click'); // confirm 列初始是升序，点击后没有排序
-
-    expect(opts.onChangeSorts.mock.calls[0][1]).toEqual({
-      code: 'cure',
-      order: 'none'
-    });
-  });
-});

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

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

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

@@ -1,133 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _tips = require("../tips");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _react = _interopRequireDefault(require("react"));
-
-var dataSource = [{
-  id: '1',
-  prov: '湖北省',
-  confirm: 54406,
-  cure: 4793,
-  dead: 1457,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '2',
-  prov: '广东省',
-  confirm: 1294,
-  cure: 409,
-  dead: 2,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '3',
-  prov: '河南省',
-  confirm: 1212,
-  cure: 390,
-  dead: 13,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '4',
-  prov: '浙江省',
-  confirm: 1000,
-  cure: 428,
-  dead: 0,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '5',
-  prov: '湖南省',
-  confirm: 1000,
-  cure: 417,
-  dead: 2,
-  t: '2020-02-15 19:52:02'
-}];
-var columns = [{
-  code: 'prov',
-  name: '省份',
-  width: 150,
-  features: {
-    tips: '省份信息'
-  }
-}, {
-  code: 'confirm',
-  name: '确诊',
-  width: 100,
-  align: 'right',
-  features: {
-    tips: '确诊数量'
-  }
-}, {
-  code: 'cure',
-  name: '治愈',
-  width: 100,
-  align: 'right'
-}, {
-  code: 'dead',
-  name: '死亡',
-  width: 100,
-  align: 'right'
-}, {
-  code: 't',
-  name: '更新时间',
-  width: 180
-}];
-
-function Tooltip(_ref) {
-  var title = _ref.title,
-      children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("div", null, title);
-}
-
-describe('tips 单元测试', function () {
-  var newPipeline = null;
-  beforeEach(function () {
-    var _renderHook = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id',
-        components: {
-          Tooltip: Tooltip
-        }
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook.result;
-
-    var tablePipeline = result.current;
-    newPipeline = (0, _tips.tips)()(tablePipeline);
-  });
-  afterEach(function () {
-    newPipeline = null;
-  });
-  it('初始化时存在Tooltip组件', function () {
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[0].title);
-    expect((0, _find.default)(wrapper).call(wrapper, 'Tooltip').length).toBe(1);
-  });
-  it('不传Tooltip', function () {
-    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    expect(function () {
-      return (0, _tips.tips)()(tablePipeline);
-    }).toThrow(Error);
-  });
-});

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

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

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

@@ -1,206 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _treeMode = require("../treeMode");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@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 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook.result;
-
-    var tablePipeline = result.current;
-    newPipeline = (0, _treeMode.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 = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[0], 0));
-    expect((0, _find.default)(wrapper).call(wrapper, 'CaretRightIcon').length).toBe(1);
-    var div = (0, _find.default)(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 = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[3], 3));
-    var div1 = (0, _find.default)(expandColWrapper).call(expandColWrapper, 'div').at(0);
-    div1.simulate('click');
-    expect(opts.onChangeOpenKeys).toBeCalledWith(['4-2'], '4', 'collapse'); // 叶子节点渲染
-
-    var leafWrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[9], 9));
-    expect((0, _find.default)(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 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    opts.clickArea = 'cell';
-    var newPipeline = (0, _treeMode.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/lib/table/pipeline/features/filter/__test__/Filter.test.d.ts

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

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

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _styles = require("../../../../base/styles");
-
-var _Filter = _interopRequireDefault(require("../Filter"));
-
-var _DefaultFilterContent = _interopRequireDefault(require("../DefaultFilterContent"));
-
-var NAME = 'Filter';
-var setFilter = jest.fn();
-var setFilterModel = jest.fn();
-describe("".concat(NAME), function () {
-  it('render and test event', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Filter.default, {
-      setFilter: setFilter,
-      setFilterModel: setFilterModel,
-      filterModel: {
-        filter: []
-      },
-      stopClickEventPropagation: true,
-      isFilterActive: true
-    }));
-    (0, _find.default)(wrapper).call(wrapper, ".".concat(_styles.Classes.filterIcon)).at(0).simulate('click');
-    (0, _find.default)(wrapper).call(wrapper, 'div').at(0).simulate('mousedown');
-    expect((0, _find.default)(wrapper).call(wrapper, _DefaultFilterContent.default).length).toBe(1);
-    wrapper.unmount();
-  });
-});