项目介绍

Mewx CMS UI

一个功能强大的 React 组件库，专为构建具有拖拽能力的内页管理系统（CMS）而设计。

特性

• 🎨 现代设计: 基于 Tailwind CSS 构建的美观、响应式组件
• 🔧 类型安全: 完整的 TypeScript 支持及 Zod Schema 校验
• 🎯 CMS 编辑器: 交互式拖拽编辑器，轻松构建页面布局
• 📦 组件库: 预置多种常用 CMS 业务组件
• ⚡ 高性能: 针对运行速度和包体积进行了深度优化

快速开始

安装依赖：

npm install @goenhance/cms-ui
# 或者
pnpm add @goenhance/cms-ui
# 或者
yarn add @goenhance/cms-ui

引入并使用组件：

import { Breadcrumb, ScrollComment } from '@goenhance/cms-ui';
import '@goenhance/cms-ui/styles.css';

function MyApp() {
  return (
    <div>
      <Breadcrumb list={[
        { url: '/', text: '首页' },
        { url: '/docs', text: '文档' }
      ]} />
    </div>
  );
}

下一步

• 体验 CMS 编辑器 - 交互式拖拽界面
• 浏览组件库 - 探索可用组件
• 开始构建你的第一个 CMS 页面

技术栈

• React 18+
• TypeScript
• Tailwind CSS
• Zod 数据验证
• DnD Kit 拖拽引擎