@hb-ui/antd

@hb-ui/antd

基于 antd 二次封装的一些常用组件

工程

第一感官像是一个普通的 Vite 应用，事实确实如此 -- 鲁迅

├─┬ components      组件源码目录
│ ├── form
│ └── table
│
├─┬ es              组件输出目录
│ ├── form
│ └── table
│
├── scripts         组件构建脚本
├── server          mock server
│
├─┬ view            开发组件实时预览
│ ├── form          form 使用案例
│ └── table         table 使用案例
│
└── vite.config.js

开发

即 Vite 应用相同的开发方式

npm run dev

构建

构建脚本会将 components/* 构建到 es/*

npm run build

组件

• 🤖 推荐将项目 clone 到本地，然后执行 npm run dev 看实际效果
• 🐢 在线运行 - StackBlitz

Form

• 基于 antd/form
• 配置化
• 搜索缓存

// 你可以根据 TS 类型提示使用
import { Form, FormProps } from '@hb-ui/antd'

export default () => {
  const formProps: FormProps = {
    // Form config
  }

  return <Form {...formProps} />
}

Form 👉 详细使用文档

Table

• 基于 antd/table
• 配置化
• 可编辑
• 接管请求
• 接管分页

// 你可以根据 TS 类型提示使用
import { Table, TableProps } from '@hb-ui/antd'

export default () => {
  const tableProps: TableProps = {
    // Table config
  }

  return <Table {...tableProps} />
}

Table 👉 详细使用文档