ze-react-component-library

ZeroETP React Component Library

Usage no npm install needed!

<script type="module">
  import zeReactComponentLibrary from 'https://cdn.skypack.dev/ze-react-component-library';
</script>

README

ZE React Component Library

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

Usage

yarn add ze-react-component-library

Peer Dependencies

{
  "@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"
}

查看每个插件的样子

yarn install
yarn run storybook

Token 过期的问题解决方案

在各*.storeis.tsx 文件里面，有一个写着localStorage.token的地方，改为最新的 token

组件

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

ZETable

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 吧。懒。