This commit is contained in:
AllenFang
2017-12-23 13:53:36 +08:00
parent 024dcf8c12
commit 867465c123
5 changed files with 25 additions and 15 deletions

View File

@@ -1,7 +1,7 @@
/* eslint no-unused-vars: 0 */
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
import Code from 'components/common/code-block';
import { jobsGenerator } from 'utils/common';
@@ -32,6 +32,8 @@ const columns = [{
}];
const sourceCode = `\
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
const owners = ['Allen', 'Bob', 'Cat'];
const types = ['Cloud Service', 'Message Service', 'Add Service', 'Edit Service', 'Money'];
const columns = [{
@@ -56,7 +58,7 @@ const columns = [{
// shape of job: { id: 0, name: 'Job name 0', owner: 1, type: 3 }
<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ fitlerFactory() } />
<BootstrapTable keyField='id' data={ jobs } columns={ columns } filter={ filterFactory() } />
`;
export default () => (
@@ -65,7 +67,7 @@ export default () => (
keyField="id"
data={ jobs }
columns={ columns }
filter={ fitlerFactory() }
filter={ filterFactory() }
/>
<Code>{ sourceCode }</Code>
</div>

View File

@@ -1,7 +1,7 @@
/* eslint no-console: 0 */
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
@@ -29,6 +29,8 @@ const columns = [{
}];
const sourceCode = `\
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
const columns = [{
dataField: 'id',
text: 'Product ID'
@@ -50,7 +52,7 @@ const columns = [{
})
}];
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
`;
export default () => (
@@ -59,7 +61,7 @@ export default () => (
keyField="id"
data={ products }
columns={ columns }
filter={ fitlerFactory() }
filter={ filterFactory() }
/>
<Code>{ sourceCode }</Code>
</div>

View File

@@ -1,6 +1,6 @@
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
@@ -22,6 +22,8 @@ const columns = [{
}];
const sourceCode = `\
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
const columns = [{
dataField: 'id',
text: 'Product ID',
@@ -37,7 +39,7 @@ const columns = [{
})
}];
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
`;
export default () => (
@@ -46,7 +48,7 @@ export default () => (
keyField="id"
data={ products }
columns={ columns }
filter={ fitlerFactory() }
filter={ filterFactory() }
/>
<Code>{ sourceCode }</Code>
</div>

View File

@@ -1,6 +1,6 @@
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import fitlerFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
@@ -22,6 +22,8 @@ const columns = [{
}];
const sourceCode = `\
import filterFactory, { textFilter, Comparator } from 'react-bootstrap-table2-filter';
const columns = [{
dataField: 'id',
text: 'Product ID'
@@ -37,7 +39,7 @@ const columns = [{
filter: textFilter()
}];
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
`;
export default () => (
@@ -47,7 +49,7 @@ export default () => (
keyField="id"
data={ products }
columns={ columns }
filter={ fitlerFactory() }
filter={ filterFactory() }
/>
<Code>{ sourceCode }</Code>
</div>

View File

@@ -1,6 +1,6 @@
import React from 'react';
import BootstrapTable from 'react-bootstrap-table2';
import fitlerFactory, { textFilter } from 'react-bootstrap-table2-filter';
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
import Code from 'components/common/code-block';
import { productsGenerator } from 'utils/common';
@@ -20,6 +20,8 @@ const columns = [{
}];
const sourceCode = `\
import filterFactory, { textFilter } from 'react-bootstrap-table2-filter';
const columns = [{
dataField: 'id',
text: 'Product ID',
@@ -33,7 +35,7 @@ const columns = [{
filter: textFilter()
}];
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ fitlerFactory() } />
<BootstrapTable keyField='id' data={ products } columns={ columns } filter={ filterFactory() } />
`;
export default () => (
@@ -42,7 +44,7 @@ export default () => (
keyField="id"
data={ products }
columns={ columns }
filter={ fitlerFactory() }
filter={ filterFactory() }
/>
<Code>{ sourceCode }</Code>
</div>