Skip to content

常见问题

设计哲学与生态定位

@gulcc/tabler-vue 是为 Tabler(基于 Bootstrap 5)生态量身打造的 Vue 3 组件库。设计哲学是 "轻量封装,原生驱动":组件内部几乎没有冗余的自定义 CSS,完全依赖官方提供的原子类。这意味着你能在项目中无缝使用 Tabler 文档中的所有 CSS 工具类。

⚠️ 样式冲突

由于底层依赖 Bootstrap 5 的全局重置(Reboot),本组件库具有排他性。引入 @tabler/core 会向项目中注入大量全局原子类名。

在接入前请评估以下风险:

  1. 与其他组件库混用:如果项目已使用 Element Plus、Ant Design Vue 等自带全局样式的组件库,可能破坏其默认排版。
  2. 与原子 CSS 框架混用:如果项目使用了 Tailwind CSS 或 UnoCSS,基础类名(d-flexp-3 等)可能发生优先级覆盖。

最佳实践:建议在全新项目或明确以 Tabler / Bootstrap 为核心样式架构的项目中使用。

与 Tabler 官方的关系

@gulcc/tabler-vue 是 Tabler CSS 生态的 Vue 3 封装实现,非 Tabler 官方团队维护。我们会跟进 Tabler 的版本更新,但不保证实时同步,如有明确需求请提 Issues 告知。

浏览器兼容性

支持所有现代浏览器(Chrome、Firefox、Safari、Edge 的最新两个大版本)。不支持 IE11。

详见浏览器兼容性页面了解技术细节和 polyfill 方案。

移动端支持

不兼容移动端。 本组件库定位为桌面端后台管理场景,未针对小屏设备适配。复杂交互组件(如 TCronPickerTTransferTDateTime 等)在移动端不可用。

发现 Bug 怎么办?

欢迎在 GitCode Issues 中提交。

可以在商业项目中使用吗?

可以。Tabler-Vue 基于 MIT 许可证发布,详见授权说明