ZeniCore Nuxt

业务组件

业务组件面向常见业务场景，集成完整功能。

DataTable - 数据表格

集成搜索、分页、数据展示于一体的完整表格解决方案。

<DataTable
  :data="tableData"
  :columns="columns"
  :loading="loading"
  :pagination="pagination"
  @page-change="handlePageChange"
  @size-change="handleSizeChange"
/>

SearchForm - 搜索表单

<SearchForm
  :fields="searchFields"
  @search="handleSearch"
  @reset="handleReset"
/>

DetailPanel - 详情面板

<DetailPanel
  title="用户详情"
  :data="userData"
  :fields="detailFields"
  :column="2"
/>

BatchOperation - 批量操作

<BatchOperation
  :operations="operations"
  :selected-count="selectedCount"
  @operate="handleOperate"
/>

FileUploader - 文件上传

<FileUploader
  v-model="fileList"
  accept="image/*"
  :multiple="true"
  :limit="10"
/>

ImagePreview - 图片预览

<ImagePreview
  v-model:visible="previewVisible"
  :images="previewImages"
  :current-index="currentIndex"
/>