parsec-admin

http://parsec-admin.parsec.com.cn/

编译

yarn compile

发布

// 输入版本号
yarn version
// 发布到npm
npm publish

本地调试

启动调试

yarn dev

本地链接

yarn link

本地项目调试

yarn link parsec-admin

本地项目取消链接调试

yarn unlink parsec-admin

快速使用示例

import React from 'react';
import { TableList, LinkButton } from 'parsec-admin';

type Row = { id: number; name: string };

export default () => (
  <TableList<Row, { name?: string }>
    tableTitle="快速示例"
    exportExcelButton
    pagination={{ defaultPageSize: 5 }}
    columns={[
      { title: '名称', dataIndex: 'name', search: true },
      {
        title: '操作',
        dataIndex: 'id',
        render: (_, row) => (
          <LinkButton onClick={() => Promise.resolve(row)}>编辑</LinkButton>
        ),
      },
    ]}
    getList={async ({ params, pagination }) => {
      const all = Array.from({ length: 20 }).map((_, i) => ({
        id: i + 1,
        name: params?.name ? `${params.name}-${i + 1}` : `示例${i + 1}`,
      }));
      const current = pagination?.current || 1;
      const pageSize = pagination?.pageSize || 5;
      const start = (current - 1) * pageSize;
      const list = all.slice(start, start + pageSize);
      return { list, total: all.length };
    }}
  />
);