快速开始

View source
Movk Nuxt 是一个模块化的 Nuxt 4 工程套件,提供自动化系统、独立组件和通用工具函数

介绍

Movk Nuxt 是一个为 Nuxt 4 设计的模块化工程套件 (Modular Engineering Suite)。它采用分层架构设计,旨在通过高度抽象的自动化系统(如 AutoForm)解决重复性工作,同时提供高质量的独立组件(如 DatePicker)和组合式函数以满足定制化需求。

构建在 Nuxt UI 之上,Movk Nuxt 遵循相同的设计原则:美观、可访问、开发者友好。

遵循渐进式采用原则——你可以只用它的日期处理工具,也可以只用它的 UI 组件,或者使用全自动化的 AutoForm/AutoTable 系统。

核心特性

模块化设计

按需使用。你可以只使用 UI 组件、日期工具函数,或者启用全套自动化系统。

自动化系统

AutoForm 通过 Schema 定义自动生成完整表单界面。AutoTable(规划中)将复用相同的 Schema 定义。

独立组件库

内置 DatePickerWithCopyStarRating 等 10+ 个通用 UI 组件,开箱即用。

通用工具函数

useDateFormatter 等高质量 composables,即使不使用表单系统也可独立使用。

架构分层

Movk Nuxt 采用清晰的分层架构:

架构层级
  • Core Systems - AutoForm(已发布)、AutoTable(规划中)
  • Standalone Components - DatePicker、StarRating、WithCopy 等独立 UI 组件
  • Composables - useDateFormatter、useAutoForm 等通用组合式函数
  • Foundation - 基于 Nuxt UIZod v4VueUse

核心模块

AutoForm - Schema 驱动的表单系统

基于 Zod Schema 的"定义即渲染"表单解决方案,支持 15+ 种控件类型、布局系统、依赖联动等高级特性。

深入了解 AutoForm 的核心概念和使用方法

独立组件 - 开箱即用

无需依赖 AutoForm,可直接使用的高质量 UI 组件:

  • DatePicker - 基于国际化标准的日期选择器(单选/范围/多选)
  • WithCopy / WithClear / WithPasswordToggle - 输入增强组件
  • StarRating / ColorChooser - 交互组件
浏览所有可用组件

通用工具函数

  • useDateFormatter - 强大的日期格式化、解析、范围处理工具
  • useAutoForm - AutoForm 的核心逻辑封装
查看所有 Composables

开发路线图

正在开发
  • AutoForm - Schema 驱动的表单系统(已发布)
  • 🚧 AutoTable - 将复用相同的 Zod Schema,实现定义一次,既生成表单又生成表格
  • 🚧 UseApi - 将与 AutoForm 的提交逻辑无缝集成,处理加载状态和错误回显
Copyright © 2025 - 2025 YiXuan - MIT License