@zat-design/sisyphus-react
Advanced tools
西西弗 (Sisyphus) React 组件库 是一个基于 Ant Design 4.x 的企业级 React UI 组件库，专为业务系统快速开发而设计。项目名称源自希腊神话中的西西弗斯，象征着持续不断的努力和迭代优化。
xk-sisyphus-web/
├── src/ # 源代码目录
│ ├── ProForm/ # 表单组件
│ ├── ProTable/ # 表格组件
│ ├── ProLayout/ # 布局组件
│ ├── ProSelect/ # 选择器组件
│ ├── ProEnum/ # 枚举组件
│ ├── ProUpload/ # 上传组件
│ ├── ProDrawerForm/ # 抽屉表单
│ ├── ProEditTable/ # 可编辑表格
│ ├── ProIcon/ # 图标组件
│ ├── ProWaterMark/ # 水印组件
│ ├── ProThemeTools/ # 主题工具
│ ├── locale/ # 国际化文件
│ ├── utils/ # 工具函数
│ └── index.ts # 主入口文件
├── docs/ # 文档目录
│ ├── 组件/ # 组件文档
│ ├── 文档/ # 使用文档
│ ├── 官方模板/ # 模板示例
│ ├── 登录组件/ # 登录组件文档
│ ├── 通用函数/ # 工具函数文档
│ └── 更新日志/ # 版本更新记录
├── tests/ # 测试文件
├── lib/ # ES5 构建输出
├── es/ # ES6 构建输出
└── dist/ # UMD 构建输出
# 完整构建
npm run build
# 分别构建
npm run build-lib # ES5 + CJS
npm run build-es # ES6 + ESM
npm run build-dist # UMD
# 开发调试
npm start # 启动文档开发服务器
# 代码检查
npm run lint # 运行所有检查
npm run tsc # TypeScript 类型检查
# Beta 版本发布
npm run release:beta
# 正式版本发布
npm run release
# 内网发布
npm publish --registry https://npm.zhonganinfo.com
npm install @zat-design/sisyphus-react --save
// babel.config.js
[
'babel-plugin-import',
{
libraryName: '@zat-design/sisyphus-react',
camel2DashComponentName: false,
libraryDirectory: 'es',
style: false,
},
'@zat-design/sisyphus-react'
]
import React from 'react';
import { ProForm, ProTable } from '@zat-design/sisyphus-react';
const App = () => {
return (
<ProForm
columns={[
{
type: 'Input',
label: '姓名',
name: 'name',
rules: [{ required: true, message: '请输入姓名！' }],
}
]}
/>
);
};
通过 ProThemeTools 组件或 Less 变量覆盖实现主题定制：
@ant-prefix: ant;
@border-radius-base: 4px;
如果现有组件无法满足业务需求，可以：
这个组件库为企业级 React 应用提供了完整的 UI 组件解决方案，通过配置化的方式大大提升了开发效率，同时保持了良好的可维护性和扩展性。
FAQs
## 项目概述
We found that @zat-design/sisyphus-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 12 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Socket’s new Tier 1 Reachability filters out up to 80% of irrelevant CVEs, so security teams can focus on the vulnerabilities that matter.
Research
/Security News
Ongoing npm supply chain attack spreads to DuckDB: multiple packages compromised with the same wallet-drainer malware.
Security News
The MCP Steering Committee has launched the official MCP Registry in preview, a central hub for discovering and publishing MCP servers.