@kdcloudjs/table 1.0.1 → 1.0.4

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

@@ -1,230 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _rowDetail = require("../rowDetail");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _testUtils = require("react-dom/test-utils");
-
-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: 1162,
-  cure: 428,
-  dead: 0,
-  t: '2020-02-15 19:52:02'
-}, {
-  id: '5',
-  prov: '湖南省',
-  confirm: 1001,
-  cure: 417,
-  dead: 2,
-  t: '2020-02-15 19:52:02'
-}];
-var columns = [{
-  code: 'prov',
-  name: '省份',
-  width: 150,
-  features: {
-    sortable: true,
-    filterable: true
-  }
-}, {
-  code: 'confirm',
-  name: '确诊',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true,
-    filterable: true
-  }
-}, {
-  code: 'cure',
-  name: '治愈',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true,
-    filterable: true
-  }
-}, {
-  code: 'dead',
-  name: '死亡',
-  width: 100,
-  align: 'right',
-  features: {
-    sortable: true,
-    filterable: true
-  }
-}, {
-  code: 't',
-  name: '更新时间',
-  width: 180,
-  features: {
-    sortable: true,
-    filterable: true
-  }
-}];
-describe('rowDetail 单元测试', function () {
-  var opt = {
-    defaultOpenKeys: ['2'],
-    clickArea: 'content',
-    hasDetail: function hasDetail(row) {
-      var _context;
-
-      return (0, _includes.default)(_context = ['1', '2', '3']).call(_context, row.id);
-    },
-    renderDetail: jest.fn(),
-    onChangeOpenKeys: jest.fn()
-  };
-  it('初始化', 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;
-    var newPipeline = (0, _rowDetail.rowDetail)(opt)(tablePipeline); // 默认有1行展开，所以有6行
-
-    expect(newPipeline.getDataSource().length).toBe(6);
-  });
-  it('primaryKey不传', function () {
-    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)().input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    expect(function () {
-      return (0, _rowDetail.rowDetail)(opt)(tablePipeline);
-    }).toThrow(Error);
-  });
-  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;
-    var newPipeline = (0, _rowDetail.rowDetail)(opt)(tablePipeline);
-    var newDataSource = newPipeline.getDataSource();
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[0].render('1', newDataSource[0], 0));
-    var div = (0, _find.default)(wrapper).call(wrapper, 'div').at(0);
-    expect(opt.onChangeOpenKeys).toHaveBeenCalledTimes(0);
-    (0, _testUtils.act)(function () {
-      div.simulate('click');
-    });
-    expect(opt.onChangeOpenKeys).toHaveBeenCalledTimes(1); // 点击没有展开行的行，不会触发onChange回调
-
-    var wrapper1 = (0, _enzyme.mount)(col[0].render('4', newDataSource[4], 4));
-    var div1 = (0, _find.default)(wrapper1).call(wrapper1, 'div').at(0);
-    (0, _testUtils.act)(function () {
-      div1.simulate('click');
-    });
-    expect(opt.onChangeOpenKeys).toHaveBeenCalledTimes(1);
-  });
-  it('设置指定列展开', function () {
-    var _renderHook4 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook4.result;
-
-    var tablePipeline = result.current;
-    opt.expandColumnCode = 'confirm';
-    var newPipeline = (0, _rowDetail.rowDetail)(opt)(tablePipeline);
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[1].render('1', newPipeline.getDataSource()[0], 0)); // 不知道为啥是两个
-
-    expect((0, _find.default)(wrapper).call(wrapper, '.expansion-cell').length).toBe(2);
-    col[0].render('1', newPipeline.getDataSource()[2], 2);
-    expect(opt.renderDetail).toBeCalled();
-    var spanRect = col[0].getSpanRect('1', newPipeline.getDataSource()[2], 2);
-    expect(spanRect).toEqual({
-      top: 2,
-      bottom: 3,
-      left: 0,
-      right: 6
-    });
-    delete opt.expandColumnCode;
-  });
-  it('getCellProps 和getSpanRect', function () {
-    var _renderHook5 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id'
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook5.result;
-
-    var tablePipeline = result.current;
-    opt.clickArea = 'cell';
-    var newPipeline = (0, _rowDetail.rowDetail)(opt)(tablePipeline);
-    var col = newPipeline.getColumns();
-    var cellProps = col[0].getCellProps('1', newPipeline.getDataSource()[0], 0);
-    expect(cellProps.style).toEqual({
-      cursor: 'pointer'
-    });
-    cellProps.onClick();
-    expect(opt.onChangeOpenKeys).toBeCalled(); // detail 总是成一行
-
-    var spanRect = col[0].getSpanRect('1', newPipeline.getDataSource()[2], 2);
-    expect(spanRect).toEqual({
-      top: 2,
-      bottom: 3,
-      left: 0,
-      right: 6
-    });
-  });
-});

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

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

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

@@ -1,129 +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 _rowGrouping = require("../rowGrouping");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var dataSource = [{
-  id: 'alibaba',
-  groupTitle: '阿里巴巴网络技术有限公司',
-  children: [{
-    id: '1-1',
-    title: '二级标题',
-    dept: '消费者事业部-淘宝-UED',
-    dest: '云南大理',
-    guide: 'Douglas Lee'
-  }, {
-    id: '1-2',
-    title: '二级标题',
-    dept: '消费者事业部-淘宝-UED',
-    dest: '云南大理',
-    guide: 'Douglas Lee'
-  }]
-}, {
-  id: 'antfin',
-  groupTitle: '蚂蚁金服有限公司',
-  children: [{
-    id: '2-1',
-    title: '二级标题',
-    dept: '消费者事业部-淘宝-UED',
-    dest: '云南大理',
-    guide: 'Douglas Lee'
-  }, {
-    id: '2-2',
-    title: '二级标题',
-    dept: '消费者事业部-淘宝-UED',
-    dest: '云南大理',
-    guide: 'Douglas Lee'
-  }]
-}, {
-  id: 'other',
-  groupTitle: 'group without children'
-}];
-var columns = [{
-  code: 'title',
-  name: '标题',
-  width: 200
-}, {
-  code: 'dept',
-  name: '部门名称',
-  width: 180
-}, {
-  code: 'dest',
-  name: '团建目的地',
-  width: 160
-}, {
-  code: 'guide',
-  name: '当地导游',
-  width: 160
-}];
-describe('rowGrouping 单元测试', function () {
-  var opts = {
-    defaultOpenAll: true,
-    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, _rowGrouping.rowGrouping)(opts)(tablePipeline);
-  });
-  afterEach(function () {
-    newPipeline = null;
-    opts.onChangeOpenKeys.mockClear();
-  });
-  it('初始化', function () {
-    expect(newPipeline.getDataSource().length).toBe(7);
-  });
-  it('getCellProps', function () {
-    var col = newPipeline.getColumns();
-    var cellProps = col[0].getCellProps('阿里巴巴网络技术有限公司', newPipeline.getDataSource()[0], 0);
-    expect(cellProps.style).toEqual({
-      cursor: 'pointer'
-    });
-    cellProps.onClick();
-    expect(opts.onChangeOpenKeys).toBeCalled(); // 不是分组行没有cellProps
-
-    var cellProps1 = col[0].getCellProps('阿里巴巴网络技术有限公司', newPipeline.getDataSource()[1], 1);
-    expect(cellProps1).toBe(undefined);
-  });
-  it('getSpanRect', function () {
-    var col = newPipeline.getColumns();
-    var spanRect = col[0].getSpanRect('阿里巴巴网络技术有限公司', newPipeline.getDataSource()[0], 0);
-    expect(spanRect).toEqual({
-      top: 0,
-      bottom: 1,
-      left: 0,
-      right: 5
-    });
-  });
-  it('单元格渲染', function () {
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[0].render('1', newPipeline.getDataSource()[0], 0));
-    expect((0, _find.default)(wrapper).call(wrapper, '.expansion-cell').length).toBe(2);
-    var wrapper1 = (0, _enzyme.mount)(col[0].render('1', newPipeline.getDataSource()[1], 1));
-    expect((0, _find.default)(wrapper1).call(wrapper1, '.expansion-cell').length).toBe(0);
-  });
-  it('appendRowPropsGetter', function () {
-    var props = newPipeline.getProps();
-    var rowProps = props.getRowProps(newPipeline.getDataSource()[0], 0);
-    expect(rowProps.className).toBe('alternative');
-  });
-});

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

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

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

@@ -1,201 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
-var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
-var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
-
-var _singleSelect = require("../singleSelect");
-
-var _pipeline = require("../../pipeline");
-
-var _enzyme = require("enzyme");
-
-var _reactHooks = require("@testing-library/react-hooks");
-
-var _react = _interopRequireDefault(require("react"));
-
-var dataSource = [{
-  id: '1',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '招商银行丨杭州分行',
-  applier: 'James Collier'
-}, {
-  id: '2',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '建设银行丨未来科技城',
-  applier: 'Philip Burke'
-}, {
-  id: '3',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '交通银行丨浙大路支行',
-  applier: 'Wesley Cruz'
-}, {
-  id: '4',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '招商银行丨庆春路支行',
-  applier: 'Billy Horton'
-}, {
-  id: '5',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '招商银行丨文一路分行',
-  applier: 'Paul Tran'
-}, {
-  id: '6',
-  name: '阿里巴巴网络技术有限公司',
-  amount: '600,000.00(CNY)',
-  dept: '农业银行丨杭州分行',
-  applier: 'Anna Poole'
-}];
-var columns = [{
-  code: 'name',
-  width: 220,
-  name: '公司名称'
-}, {
-  code: 'amount',
-  width: 160,
-  align: 'right',
-  name: '金额'
-}, {
-  code: 'dept',
-  width: 160,
-  name: '金融机构'
-}, {
-  code: 'applier',
-  width: 120,
-  name: '申请人'
-}];
-
-function Radio(_ref) {
-  var checked = _ref.checked,
-      disabled = _ref.disabled,
-      onChange = _ref.onChange;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("input", {
-    type: 'radio',
-    disabled: disabled,
-    checked: checked,
-    onChange: onChange
-  }));
-}
-
-describe('singleSelect 单元测试', function () {
-  var opts = {
-    value: '1',
-    clickArea: 'cell',
-    highlightRowWhenSelected: true,
-    isDisabled: function isDisabled(row, rowIndex) {
-      var _context;
-
-      return (0, _includes.default)(_context = ['4', '5', '6']).call(_context, row.id);
-    },
-    onChange: jest.fn()
-  };
-  var newPipeline = null;
-  beforeEach(function () {
-    var _renderHook = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id',
-        components: {
-          Radio: Radio
-        }
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook.result;
-
-    var tablePipeline = result.current;
-    newPipeline = (0, _singleSelect.singleSelect)(opts)(tablePipeline);
-  });
-  afterEach(function () {
-    newPipeline = null;
-    opts.onChange.mockClear();
-  });
-  it('初始渲染', function () {
-    var col = newPipeline.getColumns(); // 表格会在最后补一个空白列，加上单选列所以有6列
-
-    expect(col.length).toBe(6);
-    expect(col[0].code).toBe('__SELECT');
-  });
-  it('getCellProps', function () {
-    var col = newPipeline.getColumns();
-    var cellProps = col[0].getCellProps('', newPipeline.getDataSource()[0], 0);
-    expect(cellProps.style).toEqual({
-      cursor: 'pointer'
-    });
-    expect(opts.onChange).not.toHaveBeenCalled();
-    cellProps.onClick();
-    expect(opts.onChange).toHaveBeenCalled();
-  });
-  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, 'Radio').length).toBe(1);
-  });
-  it('触发区域为radio', function () {
-    var _renderHook2 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id',
-        components: {
-          Radio: Radio
-        }
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook2.result;
-
-    var tablePipeline = result.current;
-    opts.clickArea = 'radio';
-    var newPipeline = (0, _singleSelect.singleSelect)(opts)(tablePipeline);
-    var col = newPipeline.getColumns();
-    var wrapper = (0, _enzyme.mount)(col[0].render('', newPipeline.getDataSource()[0], 0)); // Radio 触发onChange
-
-    var input = (0, _find.default)(wrapper).call(wrapper, 'input');
-    input.simulate('change');
-    expect(opts.onChange).toHaveBeenCalled();
-    opts.clickArea = 'cell';
-  });
-  it('appendRowPropsGetter', function () {
-    var props = newPipeline.getProps();
-    var rowProps = props.getRowProps(newPipeline.getDataSource()[0], 0);
-    expect(rowProps.className).toBe('highlight');
-    expect(rowProps.style).toEqual({});
-  });
-  it('触发区域为row', function () {
-    var _renderHook3 = (0, _reactHooks.renderHook)(function () {
-      return (0, _pipeline.useTablePipeline)({
-        primaryKey: 'id',
-        components: {
-          Radio: Radio
-        }
-      }).input({
-        dataSource: dataSource,
-        columns: columns
-      });
-    }),
-        result = _renderHook3.result;
-
-    var tablePipeline = result.current;
-    opts.clickArea = 'row';
-    var newPipeline = (0, _singleSelect.singleSelect)(opts)(tablePipeline);
-    var props = newPipeline.getProps();
-    var rowProps = props.getRowProps(newPipeline.getDataSource()[0], 0);
-    expect(rowProps.style).toEqual({
-      cursor: 'pointer'
-    });
-    rowProps.onClick();
-    expect(opts.onChange).toHaveBeenCalled(); // disable的行没有样式
-
-    var rowProps1 = props.getRowProps(newPipeline.getDataSource()[4], 4);
-    expect(rowProps1.style).toEqual({});
-  });
-});

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

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