ze-react-component-library/README.md

ZeroETP React Component Library

# ZE React Component Library

一系列直接通过 Logicform 进行数据展示、数据交互的库

## Usage

```
yarn add ze-react-component-library
```

### Peer Dependencies

```json
{
  "@ant-design/icons": ">=4.3.0",
  "@ant-design/pro-table": ">=2.38.0",
  "@ant-design/pro-provider": ">=1.4.0",
  "antd": ">=4.15.0",
  "moment": "^>=2.28.0",
  "numeral": ">=2.0.0",
  "react": ">=16.8.0",
  "react-dom": ">=16.8.0",
  "zeroetp-api-sdk": ">=1.1.8"
}
```

## 查看每个插件的样子

```shell
yarn install
yarn run storybook
```

### Token 过期的问题解决方案

在浏览器的 localStorage 里面加一个 chatbi-token 的字段，填上 token

### 组件

- ZETable: 一个表格形式的展现
- ZESchemaForm: 一个上传形式的展现

## ZETable

```tsx
import { ZETable } from "ze-react-component-library";

// 下面参数除了logicform都是可选
<ZETable
  logicform={logicform}
  preds={[]} /* 显示哪些字段 */
  customColumns={{}} /* 自定义的Column属性的Map。key为字段名称，value为ProColumnType */
  options={options} /* ProTable的options */
  scroll={null} /* 用来关闭默认的Scroll形态，传给ProTable的 */
  className="xx" /* Style */
/>;
```

## ZESchemaForm

见 ZESchemaForm.stories.tsx 吧。懒。