SuperAPI AI 工具集

maz-ui

通用与其它

查看项目

更新于 10-15 21:05

技能介绍

用途:Maz-UI v4 是用于 Vue 3 和 Nuxt 3 应用的组件库,提供 50+ 独立组件、组合式函数、指令、插件、主题与国际化能力,适合构建表单、数据表格、弹窗、导航等界面。

主要能力:组件涵盖表单输入(MazInput、MazSelect、MazDatePicker、MazInputPhoneNumber 等)、UI 元素(MazBtn、MazCard、MazTable、MazTabs)、浮层(MazDialog、MazDrawer、MazPopover)、反馈动画(MazFullscreenLoader、MazCircularProgressBar、MazAnimatedText)与布局展示(MazCarousel、MazGallery、MazAccordion、MazChart)。提供 14+ 组合式函数(useTheme、useToast、useDialog、useBreakpoints、useFormValidator 等)、5 个指令(v-tooltip、v-click-outside、v-lazy-img、v-zoom-img、v-fullscreen-img)和 4 个插件(AOS、Dialog、Toast、Wait)。支持暗色模式、4 种内置主题预设、多语言、840+ 图标、TypeScript 类型与 SSR/SSG。

使用方式:Vue 3 安装 pnpm add maz-ui @maz-ui/themes,在 main.ts 中 app.use(MazUi, { theme: { preset: mazUi }, translations: { messages: { en } } }) 并引入 'maz-ui/styles'。Nuxt 3 安装 pnpm add @maz-ui/nuxt,在 nuxt.config.ts 的 modules 中加入 '@maz-ui/nuxt' 即可自动导入。推荐按需直接导入组件、组合式函数与指令以获得最佳 tree-shaking。

适用场景:Vue 3 + Vite 单页应用与 Nuxt 3 全栈应用,含表单校验、数据表格、弹窗交互、主题切换与多语言界面。

限制:资料未提供收费、价格与平台支持信息;部分功能依赖 peer 依赖(如 MazInputPhoneNumber 需 libphonenumber-js);SSR 下需注意主题策略与翻译预加载以避免水合不匹配。