Customize-2d Data Viewer

Install

npm i customize-2d-data-viewer

Usage

import {DataViewer} from 'customize-2d-data-viewer';

const orderId = '...';
const data = {...};

const App = () => {
    return (<DataViewer
        orderId={orderId}
        data={data}
    />);
};

API

| Property | Description | Type | Default | | --- | --- | --- | --- | | orderId | order id | string | '' | | data | data | object | null | | disableAutoColon | disable auto colon | boolean | false | | color | font color | string | '#444444' | | borderColor | border color form main box | string | '#e1e1e1' | | fontSize | font size | number | 14 | | sectionTitleFontSize | font size for title of section | number | 18 | | sectionTitleBackgroundColor | background color for title of section | string | '#fafafa' | | sectionTitleBorderColor | color for title of section | string | '#f2f2f2' | | messageNoData | message while no data | string | '暂无数据' |

Development

npm install

npm run dev

Build

npm run build

Publish

npm publish