@cniot/hooks-ftp

ftp hooks

通过hook快速构建 ftp 页面，基于 cnFilter, cnTable 组件
* cnFilter
* cnTable

安装

``

[t]npm install @cniot/hooks-ftp

`

使用

`

import React from 'react'
import ReactDOM from 'react-dom'
import CNFilter from '@alife/cn-filter';
import CNTable from '@alife/cn-table';
import {Input} from 'cn-next';
import axios from 'axios';
import useTable from './useTable';
import useFilter from './useFilter';

const columns = [
{
title: '省份',
dataIndex: 'itemId',
align:"left",
width: 500,
},
{
title: '高考人数',
dataIndex: 'itemName',
},
{
title: '一本率',
dataIndex: 'productionDate',
},
{
title: '二本率',
dataIndex: 'ownerName',
},
{
title: '高中入学率',
dataIndex: 'expireDate',
},
{

title: 'ownerId',
dataIndex: 'ownerId'
}
];

// https://g.alicdn.com/code/npm/@alife/cn-filter/1.0.3/storybook-docs/index.html
// https://page.cainiao.com/new-developer/tabledocs/table-story.html

function getTableData(query, currentPage, pageSize){
console.log("getTableData", query, currentPage, pageSize);
return axios.get("https://mocks.alibaba-inc.com/mock/kzqmolxo/api/outbound/pick/asrs/rf/unPickedItemList", {
params: {
...query,
pageSize,
currentPage
}
}).then((ret)=>{
return Promise.resolve({
total: 100,
dataSource: ret.data.data.itemInfoList
})
})
}

export default function Table() {

const table = useTable(getTableData)
const filter = useFilter((filter)=>{
return table.onSearch(filter);
});

React.useEffect(()=>{
table.onSearch({}, 1, 20)
}, [])

return (


)
}

ReactDOM.render(

, document.getElementById('root'))

``