9662801471

Committed 25 Jun 2024 12:50PM UTC coverage: 50.0% (+0.7%) from 49.333%

Build # 9662801471

Build Type

push

github

Committed by

twinh

Commit Message

feat(a-table): 加载数据后才显示表格

Run Details

11 of 25 branches covered (44.0%)

Branch coverage included in aggregate %.

3 of 3 new or added lines in 1 file covered. (100.0%)

12 existing lines in 2 files now uncovered.

31 of 59 relevant lines covered (52.54%)

4.75 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

12.5

/TableProvider.js

import * as React from 'react';
import PropTypes from 'prop-types';
import deepMerge from 'deepmerge';

export const TableContext = React.createContext({});
const useTable = () => React.useContext(TableContext);

export default class TableProvider extends React.Component {
  static propTypes = {
    render: PropTypes.func,
    children: PropTypes.node,
  };

  constructor(props) {
    super(props);

    this.state = {
      search: {},
      handleSearch: this.handleSearch,
      /**
       * @experimental
       */
      addSearch: this.addSearch,
      reload: this.reload,
      sort: {},
    };
  }

  handleSearch = (search) => {
    this.setState({search: search}, this.state.reload);
  };

  addSearch = (search) => {
    this.setState({search: deepMerge(this.state.search, search)});
  };

  reload = () => {
  };

  getContent() {
    const {children, render} = this.props;
    if (render) {
      return render(this.state);
    }
    if (typeof children === 'function') {
      return children(this.state);
    }
    return children;
  }

  render() {
    return <TableContext.Provider value={this.state}>{this.getContent()}</TableContext.Provider>;
  }
}

function withTable(Component) {
  return function TableComponent(props) {
    return (
      <TableContext.Consumer>
        {(table) => <Component table={table} {...props} />}
      </TableContext.Consumer>
    );
  };
}

export { withTable, useTable };

1	import * as React from 'react';
2	import PropTypes from 'prop-types';
3	import deepMerge from 'deepmerge';
4
5	export const TableContext = React.createContext({});	4✔
6	const useTable = () => React.useContext(TableContext);	16✔
7
8	export default class TableProvider extends React.Component {
9	static propTypes = {	4✔
10	render: PropTypes.func,
11	children: PropTypes.node,
12	};
13
14	constructor(props) {
15	super(props);	×
16
17	this.state = {	×
18	search: {},
19	handleSearch: this.handleSearch,
20	/**
21	* @experimental
22	*/
23	addSearch: this.addSearch,
24	reload: this.reload,
25	sort: {},
26	};
27	}
28
29	handleSearch = (search) => {	×
30	this.setState({search: search}, this.state.reload);	×
31	};
32
33	addSearch = (search) => {	×
34	this.setState({search: deepMerge(this.state.search, search)});	×
35	};
36
37	reload = () => {	×
38	};
39
40	getContent() {
41	const {children, render} = this.props;	×
42	if (render) {	×
43	return render(this.state);	×
44	}
45	if (typeof children === 'function') {	×
46	return children(this.state);	×
47	}
48	return children;	×
49	}
50
51	render() {
52	return <TableContext.Provider value={this.state}>{this.getContent()}</TableContext.Provider>;	×
53	}
54	}
55
56	function withTable(Component) {
UNCOV 57	return function TableComponent(props) {	×
UNCOV 58	return (	×
59	<TableContext.Consumer>
UNCOV 60	{(table) => <Component table={table} {...props} />}	×
61	</TableContext.Consumer>
62	);
63	};
64	}
65
66	export { withTable, useTable };

miaoxing / mxjs-a-table / 9662801471

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous