@roll2back/tool-react-h5
v0.1.3
Published
前端h5工具
Downloads
3
Readme
时时工具包-react 语言的 h5 专用
安装方式
npm install @roll2back/tool-react-h5
直接引入就即可使用
使用方面
import { axios2HttpServer, localStorageImpl, sessionStorageImpl } from '@roll2back/tool-react-h5';
import { CommonStorage, HttpServer, ResponseFilter } from '@roll2back/tool';
const httpServer = new HttpServer({
...axios2HttpServer,
host,
apiPrefix: mapiPrefix,
setHeader() {
return {
token: getToken()
};
},
responseIntercept(response) {
if (response.code === 308) {
MessagePlugin.warning('登录过期,请先登录!');
loginOut();
throw new Error('未登录!');
} else {
return response;
}
}
});
export const storage = new CommonStorage(sessionStorageImpl);
export const storageLocaltion = new CommonStorage(localStorageImpl);
// 平台兼容
import { platformPolyfill } from '@roll2back/tool';
platformPolyfill();
import { downloadJson, downloadCsv} from '@roll2back/tool-react-h5';
// 下载json文件
const jsonData = [
{ title: 'ID,', column: 'id' },
{ title: "标题'", column: 'title' },
{ title: '描述"', column: 'description' }
];
downloadJson('test.json',jsonData);
// 下载csv
const csvHeaderList = [
{ title: 'ID,', column: 'id' },
{ title: "标题'", column: 'title' },
{ title: '描述"', column: 'description' }
];
const csvBody = [
{id: 1, title: '测试11,等待的', description: '双引号"测试' }
{id: 2, title: '测试222,等待的', description: '双引号"测试' }
];
downloadCsv('test.csv',csvHeaderList, csvBody);