常见问题
设计哲学与生态定位
@gulcc/tabler-vue 是为 Tabler(基于 Bootstrap 5)生态量身打造的 Vue 3 组件库。设计哲学是 "轻量封装,原生驱动":组件内部几乎没有冗余的自定义 CSS,完全依赖官方提供的原子类。这意味着你能在项目中无缝使用 Tabler 文档中的所有 CSS 工具类。
⚠️ 样式冲突
由于底层依赖 Bootstrap 5 的全局重置(Reboot),本组件库具有排他性。引入 @tabler/core 会向项目中注入大量全局原子类名。
在接入前请评估以下风险:
- 与其他组件库混用:如果项目已使用 Element Plus、Ant Design Vue 等自带全局样式的组件库,可能破坏其默认排版。
- 与原子 CSS 框架混用:如果项目使用了 Tailwind CSS 或 UnoCSS,基础类名(
d-flex、p-3等)可能发生优先级覆盖。
最佳实践:建议在全新项目或明确以 Tabler / Bootstrap 为核心样式架构的项目中使用。
与 Tabler 官方的关系
@gulcc/tabler-vue 是 Tabler CSS 生态的 Vue 3 封装实现,非 Tabler 官方团队维护。我们会跟进 Tabler 的版本更新,但不保证实时同步,如有明确需求请提 Issues 告知。
浏览器兼容性
支持所有现代浏览器(Chrome、Firefox、Safari、Edge 的最新两个大版本)。不支持 IE11。
详见浏览器兼容性页面了解技术细节和 polyfill 方案。
移动端支持
不兼容移动端。 本组件库定位为桌面端后台管理场景,未针对小屏设备适配。复杂交互组件(如 TCronPicker、TTransfer、TDateTime 等)在移动端不可用。
发现 Bug 怎么办?
欢迎在 GitCode Issues 中提交。
可以在商业项目中使用吗?
可以。Tabler-Vue 基于 MIT 许可证发布,详见授权说明。