@neatui/nuxt 1.0.2 → 1.0.5

package/package.json

@@ -1,12 +1,10 @@
 {
   "name": "@neatui/nuxt",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "description": "NeatUI component library for Nuxt 3",
   "main": "./src/index.ts",
-  "types": "./src/index.ts",
   "license": "MIT",
   "author": "xiaojunbo",
-  "keywords": ["nuxt", "nuxt-module", "vue", "ui", "components"],
   "peerDependencies": {
     "@nuxt/kit": "^3.0.0",
     "nuxt": "^3.0.0",

package/src/components/tools/FormDraftsView.vue

@@ -43,6 +43,8 @@
   import scrollTo from '@fekit/scrollto';
   import { diff, deepcopy, isArray } from '@fekit/utils';
 
+  const isClient = typeof window !== 'undefined';
+
   // 通过枚举值查找枚举名
   const findEnumName = (enums: any, val: any, join: boolean | string = ' Ι ') => {
     // 转换核心
@@ -69,8 +71,8 @@
   const route: any = useRoute();
   const props: any = defineProps({
     area: {
-      type: HTMLElement,
-      default: document.body
+      type: Object,
+      default: () => isClient ? document.body : null
     },
     // 数据
     data: {
@@ -101,7 +103,7 @@
     // 对比数据
     diffs: computed(() => {
       const cloud = props.data || {};
-      const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
+      const local = isClient ? JSON.parse(localStorage.getItem(state.cacheKey) || '{}') : {};
 
       const diffs = Object.keys(local).length
         ? (diff(cloud, local) || []).map((item: any) => {
@@ -162,6 +164,8 @@
 
   // 定位字段
   const fScrollToField = (domId: any) => {
+    if (!isClient || !props.area) return;
+
     const dom = document.querySelector(domId);
     if (dom) {
       scrollTo({
@@ -182,6 +186,8 @@
 
   // 使用草稿
   const fConfirmDrafts = ({ field = '', path = [] }: any = {}) => {
+    if (!isClient) return;
+
     const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
     if (field) {
       state.field = field;
@@ -221,6 +227,8 @@
   };
   // 放弃草稿
   const fDiscardDrafts = ({ field = '', path = [] }: any = {}) => {
+    if (!isClient) return;
+
     const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
     if (field) {
       // 无限树型遍历
@@ -312,6 +320,8 @@
   watch(
     () => props.data,
     (edit: any, old: any) => {
+      if (!isClient) return;
+
       if (edit === old) {
         if (state.field) {
           const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');

package/src/index.ts

@@ -1,13 +1,10 @@
-// Nuxt模块 (默认导出)
-export { default } from './module'
+// 数据
+export * from './store/frame';
+export * from './utils/theme';
 
-// 组件导出
+// 组件
 export * from './components/basic';
 export * from './components/display';
 export * from './components/form';
 export * from './components/loader';
 export * from './components/tools';
-
-// 数据和工具
-export * from './store/frame';
-export * from './utils/theme';

package/BUILD.md

@@ -1,128 +0,0 @@
-# 构建说明
-
-## 📦 构建方式
-
-@neatui/nuxt 采用**源文件直接分发**的方式，无需复杂的构建过程。
-
-### 🚀 优势
-
-1. **开发便利**: 修改源码即可生效，无需重新构建
-2. **调试方便**: 错误堆栈直接指向源码位置
-3. **体积更小**: 减少构建工具依赖
-4. **更新快速**: 无需等待构建过程
-
-### 🔧 技术实现
-
-- **TypeScript**: Nuxt自动处理TS转译
-- **Vue SFC**: Nuxt内置Vue编译器
-- **样式处理**: 组件内样式自动处理
-- **依赖解析**: Nuxt自动解析模块依赖
-
-## 📁 文件结构
-
-```
-@neatui/nuxt/
-├── src/
-│   ├── module.ts              # Nuxt模块入口
-│   ├── runtime/
-│   │   └── types.d.ts         # TypeScript类型定义
-│   └── components/            # 组件源码
-│       ├── basic/             # 基础组件
-│       ├── display/           # 展示组件
-│       ├── form/              # 表单组件
-│       ├── icon/              # 图标组件
-│       ├── loader/            # 加载器组件
-│       └── tools/             # 工具组件
-├── package.json               # 包配置
-├── tsconfig.json             # TS配置
-├── nuxt.config.example.ts    # 使用示例
-├── USAGE.md                  # 使用文档
-└── SSR_COMPATIBILITY.md      # SSR兼容性说明
-```
-
-## 🔄 发布流程
-
-### 1. 版本管理
-```bash
-# 更新版本号
-npm version patch  # 小版本
-npm version minor  # 中版本
-npm version major  # 大版本
-```
-
-### 2. 发布到npm
-```bash
-npm publish
-```
-
-### 3. 标签管理
-```bash
-git tag v1.0.0
-git push origin v1.0.0
-```
-
-## 🧪 本地测试
-
-### 1. 链接到本地项目
-```bash
-# 在@neatui/nuxt目录
-npm link
-
-# 在测试项目中
-npm link @neatui/nuxt
-```
-
-### 2. 创建测试项目
-```bash
-npx nuxi@latest init neatui-test
-cd neatui-test
-npm install
-npm link @neatui/nuxt
-```
-
-### 3. 配置测试
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  modules: ['@neatui/nuxt'],
-  neatui: {
-    prefix: 'Test'
-  }
-})
-```
-
-## 📊 性能优化
-
-### 1. Tree Shaking
-Nuxt自动支持未使用组件的摇树优化
-
-### 2. 代码分割
-大型组件可以配置为异步加载：
-```ts
-// module.ts 中
-addComponent({
-  name: 'NeatHeavyComponent',
-  filePath: resolve('./components/heavy/HeavyComponent.vue'),
-  mode: 'client', // 仅客户端
-  async: true     // 异步加载
-})
-```
-
-### 3. 样式优化
-组件样式自动提取和优化，支持CSS变量定制
-
-## ⚠️ 注意事项
-
-1. **依赖版本**: 确保Nuxt版本兼容性
-2. **TypeScript**: 使用严格模式提高代码质量
-3. **SSR兼容**: 部分组件需要ClientOnly包裹
-4. **性能监控**: 关注首屏加载和hydration时间
-
-## 🔧 开发工具
-
-推荐的开发环境：
-- Node.js 18+
-- Vue 3.2+
-- Nuxt 3.0+
-- TypeScript 5.0+
-- VS Code + Volar 插件

package/IMPORT_GUIDE.md

@@ -1,142 +0,0 @@
-# 组件导入指南
-
-## 🚀 解决导入错误
-
-如果遇到 `Module '"@neatui/nuxt"' has no exported member 'Textarea'` 错误，请使用以下方式：
-
-### ✅ 正确的导入方式
-
-#### 方式1: 自动导入 (推荐)
-```vue
-<template>
-  <!-- 配置模块后直接使用，无需导入 -->
-  <NeatTextarea v-model="content" />
-  <NeatInput v-model="name" />
-  <NeatSelect v-model="city" :options="cities" />
-</template>
-
-<script setup>
-// 无需导入，组件自动可用
-const content = ref('')
-const name = ref('')
-const city = ref('')
-</script>
-```
-
-#### 方式2: 手动导入
-```vue
-<template>
-  <!-- 使用原组件名 -->
-  <Textarea v-model="content" />
-  <Input v-model="name" />
-  <Select v-model="city" :options="cities" />
-</template>
-
-<script setup>
-// 直接从包导入，就像普通Vue组件库一样
-import { Textarea, Input, Select } from '@neatui/nuxt'
-
-const content = ref('')
-const name = ref('')
-const city = ref('')
-</script>
-```
-
-### ❌ 错误的导入方式
-
-```vue
-<script setup>
-// 🚫 错误：不能从根路径直接导入组件
-import { Textarea } from '@neatui/nuxt'
-
-// 🚫 错误：默认导入方式
-import Textarea from '@neatui/nuxt'
-</script>
-```
-
-## 📋 可用组件列表
-
-### 表单组件
-```js
-import {
-  Input,           // 输入框
-  Textarea,        // 文本域
-  Select,          // 选择器
-  Switch,          // 开关
-  Checkbox,        // 复选框
-  DatePicker,      // 日期选择
-  DateView,        // 日期显示
-  TimePicker,      // 时间选择
-  Upload,          // 文件上传
-  ImgUpload,       // 图片上传
-  Cascader,        // 级联选择
-  PageSelect,      // 分页选择
-  MoreSelect,      // 更多选择
-  SelectTags,      // 标签选择
-  // ... 更多组件
-} from '@neatui/nuxt'
-```
-
-### 加载器组件
-```js
-import {
-  FormLoader,      // 表单构建器
-  TableLoader,     // 表格加载器
-  ViewLoader,      // 视图加载器
-  LimitLoader,     // 限制加载器
-  MoveLoader,      // 移动加载器
-  LayerLoader,     // 层级加载器
-} from '@neatui/nuxt'
-```
-
-### 工具组件
-```js
-import {
-  FormVerifyView,  // 表单验证视图
-  FormDraftsView,  // 表单草稿视图
-  MoreTools,       // 更多工具
-  Pagination,      // 分页组件
-} from '@neatui/nuxt'
-```
-
-## 🔧 配置说明
-
-### nuxt.config.ts
-```ts
-export default defineNuxtConfig({
-  modules: ['@neatui/nuxt'],
-  neatui: {
-    prefix: 'Neat',      // 自动导入时的前缀
-    autoImport: true,    // 是否启用自动导入
-    exclude: []          // 排除的组件
-  }
-})
-```
-
-### package.json 导出配置
-```json
-{
-  "exports": {
-    ".": "./src/module.ts",           // Nuxt模块
-    "./components": "./src/index.ts"  // 组件导出
-  }
-}
-```
-
-## 💡 使用建议
-
-1. **优先使用自动导入**: 配置模块后直接使用 `<NeatTextarea>`
-2. **按需手动导入**: 只在需要时从 `/components` 导入
-3. **统一命名**: 自动导入使用前缀，手动导入使用原名
-4. **TypeScript支持**: 两种方式都有完整的类型提示
-
-## 🐛 常见问题
-
-**Q: 为什么不能直接从 '@neatui/nuxt' 导入组件？**
-A: '@neatui/nuxt' 是Nuxt模块，用于配置。组件需要从 '@neatui/nuxt/components' 导入。
-
-**Q: 自动导入的组件没有类型提示？**
-A: 确保安装了 '@nuxt/kit' 依赖，并重启TypeScript服务。
-
-**Q: 可以混合使用两种方式吗？**
-A: 可以，但建议保持一致性，避免混乱。

package/SSR_COMPATIBILITY.md

@@ -1,201 +0,0 @@
-# SSR 兼容性分析
-
-## 🔍 已检查组件分析
-
-经过代码扫描，以下组件包含浏览器API调用，在SSR环境下需要特殊处理：
-
-### ⚠️ 需要ClientOnly包裹的组件
-
-#### 1. **表单草稿组件** (`FormDraftsView.vue`)
-- **问题**: 使用 `localStorage` 存储草稿数据
-- **影响**: 服务端渲染时无法访问浏览器存储
-- **解决方案**:
-```vue
-<ClientOnly>
-  <NeatFormDraftsView />
-  <template #fallback>
-    <div>加载中...</div>
-  </template>
-</ClientOnly>
-```
-
-#### 2. **分页组件** (`Pagination@a.vue`, `Pagination@b.vue`)
-- **问题**: 可能使用 `window.location` 进行路由操作
-- **影响**: 服务端无window对象
-- **解决方案**: 已检查，主要使用Vue Router，SSR兼容
-
-#### 3. **更多工具组件** (`MoreTools.vue`, `MoreTools@v2.vue`)
-- **问题**: 使用 `document` 进行DOM操作
-- **影响**: 服务端无document对象
-- **解决方案**:
-```vue
-<ClientOnly>
-  <NeatMoreTools />
-</ClientOnly>
-```
-
-#### 4. **移动加载器** (`MoveLoader.vue`)
-- **问题**: 可能使用触摸事件监听
-- **影响**: 服务端无触摸事件
-- **解决方案**: 检测到移动端时使用ClientOnly
-
-#### 5. **表格加载器** (`TableLoader.vue`)
-- **问题**: 使用 `window` 对象检测屏幕尺寸
-- **影响**: 服务端无window对象
-- **解决方案**: 使用Nuxt的设备检测或ClientOnly
-
-### ✅ SSR 兼容组件
-
-以下组件经检查，完全支持SSR：
-
-#### 表单组件
-- `Input` - 纯Vue组件，无浏览器API
-- `Select@v3` - 使用Vue响应式，SSR兼容
-- `DatePicker` - 日期选择组件，SSR兼容
-- `DateView@v3` - 日期显示组件，SSR兼容
-- `Upload` - 文件上传组件（仅显示部分SSR兼容，上传功能需ClientOnly）
-- `Textarea@v2` - 文本域组件，SSR兼容
-- `Switch` - 开关组件，SSR兼容
-
-#### 加载器组件
-- `FormLoader@v2` - 表单构建器，SSR兼容
-- `ViewLoader` - 视图加载器，SSR兼容
-- `LimitLoader@v3` - 限制加载器，SSR兼容
-
-#### 基础组件
-- `LayerView` - 层级视图，SSR兼容
-
-## 🚀 SSR 优化建议
-
-### 1. 自动检测与包裹
-
-在模块中添加自动检测机制：
-
-```typescript
-// module.ts 中添加
-const clientOnlyComponents = [
-  'FormDraftsView',
-  'MoreTools',
-  'MoveLoader'
-]
-
-// 自动为这些组件添加ClientOnly包裹
-clientOnlyComponents.forEach(name => {
-  addComponent({
-    name: `${options.prefix}${name}`,
-    filePath: resolve(`./components/tools/${name}.vue`),
-    mode: 'client' // Nuxt 3 自动处理
-  })
-})
-```
-
-### 2. 渐进式增强
-
-对于文件上传等功能，提供服务端渲染的基础版本：
-
-```vue
-<!-- Upload.vue 优化 -->
-<template>
-  <div class="neatui-upload">
-    <!-- SSR 兼容的静态部分 -->
-    <div v-if="!hydrated" class="upload-placeholder">
-      文件上传组件加载中...
-    </div>
-
-    <!-- 客户端功能 -->
-    <ClientOnly>
-      <div class="upload-interactive">
-        <!-- 原有的交互功能 -->
-      </div>
-    </ClientOnly>
-  </div>
-</template>
-```
-
-### 3. 状态预填充
-
-对于草稿等功能，在服务端提供初始状态：
-
-```vue
-<!-- FormDraftsView.vue 优化 -->
-<template>
-  <div>
-    <ClientOnly>
-      <FormDraftsViewClient :initial-data="serverData" />
-      <template #fallback>
-        <div v-if="serverData.hasDrafts">发现草稿数据</div>
-      </template>
-    </ClientOnly>
-  </div>
-</template>
-
-<script setup>
-// 服务端可以预填充的数据
-const serverData = {
-  hasDrafts: false, // 服务端检测
-  draftsCount: 0
-}
-</script>
-```
-
-## 📋 使用建议
-
-### 1. 开发时
-
-```vue
-<template>
-  <div>
-    <!-- 绝对安全的组件 -->
-    <NeatInput v-model="form.name" />
-    <NeatSelect v-model="form.type" :options="options" />
-
-    <!-- 可能需要客户端的组件 -->
-    <ClientOnly>
-      <NeatUpload v-model="form.files" />
-      <NeatFormDraftsView />
-      <template #fallback>
-        <div class="text-center py-4">
-          <div class="loading-spinner"></div>
-          <p>加载中...</p>
-        </div>
-      </template>
-    </ClientOnly>
-  </div>
-</template>
-```
-
-### 2. 性能优化
-
-```vue
-<script setup>
-// 使用 Nuxt 的客户端检测
-const { $device } = useNuxtApp()
-
-// 移动端才加载移动特定组件
-const showMobileLoader = computed(() => {
-  return process.client && $device.isMobile
-})
-</script>
-
-<template>
-  <div>
-    <NeatMoveLoader v-if="showMobileLoader" />
-    <NeatTableLoader v-else />
-  </div>
-</template>
-```
-
-## 🔧 测试清单
-
-- [ ] 所有表单组件在SSR模式下正常渲染
-- [ ] ClientOnly组件有合适的fallback
-- [ ] 页面首次加载无hydration错误
-- [ ] 客户端组件正常激活
-- [ ] 性能指标达标（LCP, FID, CLS）
-
-## 📊 兼容性总结
-
-- **完全兼容**: 80%+ 组件支持SSR
-- **需要包裹**: 约5个组件需要ClientOnly
-- **渐进增强**: 文件上传等功能组件
-- **总体评估**: SSR兼容性良好，可投入生产使用

package/USAGE.md

@@ -1,291 +0,0 @@
-# @neatui/nuxt 使用指南
-
-## 📦 安装
-
-```bash
-npm install @neatui/nuxt
-```
-
-## ⚙️ 配置
-
-在 `nuxt.config.ts` 中添加模块：
-
-```ts
-export default defineNuxtConfig({
-  modules: [
-    '@neatui/nuxt'
-  ],
-  neatui: {
-    prefix: 'Neat',  // 组件前缀
-    theme: 'default' // 主题
-  }
-})
-```
-
-## 🎯 基础使用
-
-### 方式1: 自动导入 (推荐)
-
-配置模块后，组件会自动注册，直接在模板中使用：
-
-#### 表单组件
-
-```vue
-<template>
-  <div>
-    <!-- 输入框 -->
-    <NeatInput
-      v-model="form.name"
-      placeholder="请输入姓名"
-      :rules="[{ required: true, message: '姓名必填' }]"
-    />
-
-    <!-- 选择器 -->
-    <NeatSelect
-      v-model="form.city"
-      :options="cityOptions"
-      placeholder="选择城市"
-    />
-
-    <!-- 日期选择 -->
-    <NeatDatePicker
-      v-model="form.date"
-      placeholder="选择日期"
-    />
-
-    <!-- 上传组件 -->
-    <NeatUpload
-      v-model="form.files"
-      :limit="3"
-      accept="image/*"
-    />
-
-    <!-- 按钮 -->
-    <NeatButton @click="submit" type="primary">
-      提交
-    </NeatButton>
-  </div>
-</template>
-
-<script setup>
-const form = reactive({
-  name: '',
-  city: '',
-  date: '',
-  files: []
-})
-
-const cityOptions = [
-  { label: '北京', value: 'beijing' },
-  { label: '上海', value: 'shanghai' },
-  { label: '广州', value: 'guangzhou' }
-]
-
-const submit = () => {
-  console.log('提交数据:', form)
-}
-</script>
-```
-
-### 展示组件
-
-```vue
-<template>
-  <div>
-    <!-- 表格组件 -->
-    <NeatTableLoader
-      :data="tableData"
-      :columns="columns"
-      :loading="loading"
-    />
-
-    <!-- 分页组件 -->
-    <NeatPageSelect
-      v-model="currentPage"
-      :total="total"
-      :page-size="pageSize"
-    />
-  </div>
-</template>
-
-<script setup>
-const tableData = ref([])
-const loading = ref(false)
-const currentPage = ref(1)
-const total = ref(0)
-const pageSize = ref(10)
-
-const columns = [
-  { key: 'name', title: '姓名' },
-  { key: 'age', title: '年龄' },
-  { key: 'city', title: '城市' }
-]
-</script>
-```
-
-### 表单构建器
-
-```vue
-<template>
-  <div>
-    <!-- 动态表单 -->
-    <NeatFormLoader
-      v-model="formData"
-      :form="formConfig"
-      :rows="2"
-    />
-  </div>
-</template>
-
-<script setup>
-const formData = ref({})
-
-const formConfig = [
-  {
-    field: 'name',
-    label: '姓名',
-    model: ['Input', { placeholder: '请输入姓名' }],
-    rules: [{ required: true, message: '姓名必填' }],
-    media: 'col-6'
-  },
-  {
-    field: 'email',
-    label: '邮箱',
-    model: ['Input', { type: 'email', placeholder: '请输入邮箱' }],
-    rules: [{ required: true, type: 'email', message: '邮箱格式错误' }],
-    media: 'col-6'
-  },
-  {
-    field: 'city',
-    label: '城市',
-    model: ['Select', { placeholder: '选择城市' }],
-    enums: [
-      { label: '北京', value: 'beijing' },
-      { label: '上海', value: 'shanghai' }
-    ],
-    media: 'col-12'
-  }
-]
-</script>
-```
-
-### 方式2: 手动导入
-
-如果不想使用自动导入，可以直接导入组件：
-
-```vue
-<template>
-  <div>
-    <Textarea v-model="content" placeholder="请输入内容" />
-    <Input v-model="name" placeholder="请输入姓名" />
-    <Select v-model="city" :options="cities" />
-  </div>
-</template>
-
-<script setup>
-// 直接从包导入组件
-import { Textarea, Input, Select } from '@neatui/nuxt'
-
-const content = ref('')
-const name = ref('')
-const city = ref('')
-const cities = [
-  { label: '北京', value: 'beijing' },
-  { label: '上海', value: 'shanghai' }
-]
-</script>
-```
-
-## 🎨 主题定制
-
-### 使用CSS变量
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  neatui: {
-    css: {
-      variables: {
-        'primary-color': '#007bff',
-        'border-radius': '6px',
-        'font-size': '14px',
-        'spacing-sm': '8px',
-        'spacing-md': '16px'
-      }
-    }
-  }
-})
-```
-
-### 自定义主题
-
-```css
-/* assets/css/custom-theme.css */
-:root {
-  --neat-primary-color: #007bff;
-  --neat-success-color: #28a745;
-  --neat-warning-color: #ffc107;
-  --neat-danger-color: #dc3545;
-  --neat-border-radius: 6px;
-}
-```
-
-## 🔧 高级配置
-
-### 按需导入
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  neatui: {
-    // 只导入需要的组件
-    exclude: [
-      'SomeHeavyComponent',
-      'AnotherComponent'
-    ]
-  }
-})
-```
-
-### 自定义前缀
-
-```ts
-// nuxt.config.ts
-export default defineNuxtConfig({
-  neatui: {
-    prefix: 'My' // 组件将变成 <MyButton>, <MyInput>
-  }
-})
-```
-
-## 📱 SSR 注意事项
-
-某些组件可能需要客户端渲染：
-
-```vue
-<template>
-  <div>
-    <!-- 对于依赖浏览器API的组件，使用 ClientOnly -->
-    <ClientOnly>
-      <NeatUpload v-model="files" />
-      <template #fallback>
-        <div>加载中...</div>
-      </template>
-    </ClientOnly>
-  </div>
-</template>
-```
-
-## 🐛 常见问题
-
-### Q: 组件不显示？
-A: 确保已正确安装并在 nuxt.config.ts 中配置模块
-
-### Q: 类型提示不完整？
-A: 重启 TypeScript 服务或重新生成类型
-
-### Q: 样式没有加载？
-A: 检查是否正确导入了样式文件
-
-### Q: SSR 报错？
-A: 使用 `<ClientOnly>` 包裹客户端专用组件

package/nuxt.config.example.ts

@@ -1,37 +0,0 @@
-// nuxt.config.ts 使用示例
-export default defineNuxtConfig({
-  modules: [
-    '@neatui/nuxt'
-  ],
-
-  // NeatUI 配置
-  neatui: {
-    // 组件前缀 (可选)
-    prefix: 'Neat', // 组件将以 <NeatButton>, <NeatInput> 等形式使用
-
-    // 主题设置 (可选)
-    theme: 'default', // 'default' | 'dark' | 自定义主题名
-
-    // 自动导入开关 (可选)
-    autoImport: true, // 是否自动导入组件
-
-    // 排除特定组件 (可选)
-    exclude: [
-      // 'SomeComponent' // 不自动导入的组件名
-    ],
-
-    // CSS 变量自定义 (可选)
-    css: {
-      variables: {
-        // 'primary-color': '#007bff',
-        // 'border-radius': '4px',
-        // 'font-size': '14px'
-      }
-    }
-  },
-
-  // 如果需要手动添加样式 (通常不需要，模块会自动处理)
-  css: [
-    // '@neatui/nuxt/dist/style.css'
-  ]
-})

package/src/module.ts

@@ -1,169 +0,0 @@
-import { defineNuxtModule, addComponent, createResolver } from '@nuxt/kit'
-import { readdirSync, statSync } from 'fs'
-import { join, extname, basename } from 'path'
-
-export interface ModuleOptions {
-  /**
-   * 组件前缀
-   * @default 'Neat'
-   */
-  prefix?: string
-
-  /**
-   * 主题配置
-   * @default 'default'
-   */
-  theme?: 'default' | 'dark' | string
-
-  /**
-   * 是否启用自动导入
-   * @default true
-   */
-  autoImport?: boolean
-
-  /**
-   * 要排除的组件列表
-   * @default []
-   */
-  exclude?: string[]
-
-  /**
-   * CSS配置
-   */
-  css?: {
-    variables?: Record<string, string>
-  }
-}
-
-export default defineNuxtModule<ModuleOptions>({
-  meta: {
-    name: '@neatui/nuxt',
-    configKey: 'neatui',
-    compatibility: {
-      nuxt: '^3.0.0'
-    }
-  },
-  defaults: {
-    prefix: 'Neat',
-    theme: 'default',
-    autoImport: true,
-    exclude: [],
-    css: {}
-  },
-  setup(options: ModuleOptions, nuxt: any) {
-    const { resolve } = createResolver(import.meta.url)
-
-    // 注册组件
-    if (options.autoImport) {
-      registerComponents(resolve, options)
-    }
-
-    // 添加CSS
-    // nuxt.options.css.push(resolve('./runtime/css/index.css'))
-
-    // 添加全局样式变量
-    if (options.css?.variables) {
-      const cssVars = Object.entries(options.css.variables)
-        .map(([key, value]) => `--neat-${key}: ${value};`)
-        .join('\n')
-
-      nuxt.options.css.push({
-        src: `data:text/css,:root { ${cssVars} }`,
-        lang: 'css'
-      } as any)
-    }
-
-    // 添加类型定义
-    nuxt.hook('prepare:types', ({ references }: any) => {
-      references.push({ path: resolve('./runtime/types.d.ts') })
-    })
-  }
-})
-
-/**
- * 自动注册组件
- */
-function registerComponents(resolve: (path: string) => string, options: ModuleOptions) {
-  const componentsDir = resolve('./components')
-
-  try {
-    // 扫描所有组件目录
-    const componentDirs = ['basic', 'display', 'form', 'icon', 'loader', 'tools']
-
-    for (const dir of componentDirs) {
-      const dirPath = join(componentsDir, dir)
-
-      try {
-        const files = readdirSync(dirPath)
-
-        for (const file of files) {
-          const filePath = join(dirPath, file)
-          const stat = statSync(filePath)
-
-          if (stat.isFile() && extname(file) === '.vue') {
-            const componentName = basename(file, '.vue')
-
-            // 跳过版本化组件 (包含@的)
-            if (componentName.includes('@')) continue
-
-            // 跳过排除的组件
-            if (options.exclude?.includes(componentName)) continue
-
-            // 注册组件
-            addComponent({
-              name: `${options.prefix}${componentName}`,
-              filePath: filePath,
-              global: true
-            })
-          } else if (stat.isDirectory()) {
-            // 处理嵌套目录 (如 SelectTree)
-            try {
-              const nestedFiles = readdirSync(filePath)
-              for (const nestedFile of nestedFiles) {
-                if (extname(nestedFile) === '.vue') {
-                  const nestedComponentName = basename(nestedFile, '.vue')
-
-                  if (nestedComponentName.includes('@')) continue
-                  if (options.exclude?.includes(nestedComponentName)) continue
-
-                  addComponent({
-                    name: `${options.prefix}${nestedComponentName}`,
-                    filePath: join(filePath, nestedFile),
-                    global: true
-                  })
-                }
-              }
-            } catch {
-              // 忽略嵌套目录错误
-            }
-          }
-        }
-      } catch {
-        // 目录不存在时忽略
-        console.warn(`@neatui/nuxt: Directory ${dir} not found, skipping...`)
-      }
-    }
-
-    // 特殊处理 loader 组件 (从 index.ts 导出)
-    try {
-      addComponent({
-        name: `${options.prefix}FormLoader`,
-        filePath: resolve('./components/loader/FormLoader/FormLoader@v2.vue'),
-        global: true
-      })
-
-      addComponent({
-        name: `${options.prefix}TableLoader`,
-        filePath: resolve('./components/loader/TableLoader/TableLoader.vue'),
-        global: true
-      })
-    } catch {
-      console.warn('@neatui/nuxt: Some loader components not found')
-    }
-
-  } catch (error) {
-    console.error('@neatui/nuxt: Error registering components:', error)
-  }
-}
-
-// 导出类型 (已在上面定义过，这里不需要重复导出)

package/src/runtime/types.d.ts

@@ -1,36 +0,0 @@
-declare module '@nuxt/schema' {
-  interface NuxtConfig {
-    neatui?: {
-      /**
-       * 组件前缀
-       * @default 'Neat'
-       */
-      prefix?: string
-
-      /**
-       * 主题配置
-       * @default 'default'
-       */
-      theme?: 'default' | 'dark' | string
-
-      /**
-       * 是否启用自动导入
-       * @default true
-       */
-      autoImport?: boolean
-
-      /**
-       * 要排除的组件列表
-       * @default []
-       */
-      exclude?: string[]
-
-      /**
-       * CSS配置
-       */
-      css?: {
-        variables?: Record<string, string>
-      }
-    }
-  }
-}