x-framework

基于 Vue 2.x + Element UI 的业务组件库，提供高级表格、状态按钮、文件上传、右键菜单等组件。

技术栈

| 依赖 | 版本 | |------|------| | Vue | 2.6.11 | | Element UI | 2.15.5 | | VXE-Table | 3.4.14 | | x-utils | 0.0.30 |

安装

npm install x-framework

快速使用

import XFramework from 'x-framework'
import 'x-framework/dist/x-framework.css'

Vue.use(XFramework)

组件总览

| 组件 | 说明 | |------|------| | XTable | 高级数据表格，支持搜索、排序、聚合、导出、列设置、行拖拽等 | | XStatusButton | 状态按钮组，支持横/纵布局、数量徽标、下拉溢出 | | XGroupButton | 分组操作按钮，支持下拉子菜单、更多折叠 | | XContextMenu | 右键上下文菜单，支持嵌套子菜单 | | XUpload | 文件上传，支持拖拽、粘贴、文件夹上传 | | XFileList | 文件列表展示，支持预览、下载、删除 | | XExportTemplate | 导出模板选择器，嵌入式或独立模式 | | DatePickerSelect | 日期范围选择器，支持快捷选项 |

📚 详细文档

组件 Props、Events、Methods 及使用示例请查看：组件使用说明

开发

# 安装依赖
npm install
npm install --legacy-peer-deps

# 启动开发服务器（端口 8014）
npm run serve

# 构建组件库
npm run lib

# 代码检查
npm run lint


npm run publish:public