UHRIS 组件图片库
开发者工具包 @diwauhris/ui 组件库.
这个画廊是开发商的参考,而不是视觉接受标准.
它记录组件 API,交互行为,以及默认的视觉状态.
应用程序屏幕预计将自定义语气、内容、标签、图标选择和大小
每个特性上下文。 应根据这一特点评价接受标准
规格 — 不是像素的图像匹配 .
管理画廊
npm install
npm run dev # starts at http://localhost:5174
这个画廊包含什么
- 构成部分页 - API参考、现场游乐场以及执行实例
@diwauhris/ui 组件.
- 基金会 设计标志:颜色、印刷、间隔、高地和运动.
- 模式 ——真实的HRIS构成模式(核准动作,模式页脚,页头).
软件包测试
导航到 /ui-library/package-test 以验证已安装 @diwauhris/ui 建设曝光
所有预期的出口都不存在进口出错.
出版新版本
cd DIWA-UHRIS-UI-GUIDELINES
npm run build:lib
npm publish
关于 @diwauhris/ui 的常见问题
@diwauhris/ui 是什么?
DIWA UHRIS UI 组件库 — React + Tailwind CSS
如何安装 @diwauhris/ui?
在项目目录运行 npm install @diwauhris/ui,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:d3(^7)、clsx(^2)、react(>=18)、sonner(^2)、date-fns(^4)、react-dom(>=18)、lucide-react(>=0.363.0)、react-calendar(^6)、tailwind-merge(^3)、react-router-dom(^7)、@radix-ui/react-dialog(^1)、@radix-ui/react-popover(^1)、@radix-ui/react-tooltip(^1)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。
@diwauhris/ui 支持 TypeScript 吗?
支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。
@diwauhris/ui 支持 ESM 还是 CommonJS?
同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。
@diwauhris/ui 可以商用吗?
@diwauhris/ui 使用 未声明 许可。package.json 没有声明许可证。没有许可证的代码默认保留全部权利,商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括,不构成法律意见,请以许可原文为准。
@diwauhris/ui 的下载量有多少?
根据 npm 官方下载统计,@diwauhris/ui 在 2026/10/13 – 2026/11/11 这 30 天内被下载 2,615 次,日均约 87 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。
@diwauhris/ui 还在维护吗?
最新版本 1.7.56 发布于 2026/11/12(今天);至今共发布 67 个版本,其中过去 12 个月发布了 67 个;首次发布于 2026/08/11。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。