@pinhao/x-framework 0.0.244
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +64 -0
- package/dist/demo.html +10 -0
- package/dist/x-framework.common.js +78197 -0
- package/dist/x-framework.common.js.map +1 -0
- package/dist/x-framework.css +1 -0
- package/dist/x-framework.umd.js +78207 -0
- package/dist/x-framework.umd.js.map +1 -0
- package/dist/x-framework.umd.min.js +30 -0
- package/dist/x-framework.umd.min.js.map +1 -0
- package/package.json +66 -0
package/README.md
ADDED
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
# x-framework
|
|
2
|
+
|
|
3
|
+
基于 Vue 2.x + Element UI 的业务组件库,提供高级表格、状态按钮、文件上传、右键菜单等组件。
|
|
4
|
+
|
|
5
|
+
## 技术栈
|
|
6
|
+
|
|
7
|
+
| 依赖 | 版本 |
|
|
8
|
+
|------|------|
|
|
9
|
+
| Vue | 2.6.11 |
|
|
10
|
+
| Element UI | 2.15.5 |
|
|
11
|
+
| VXE-Table | 3.4.14 |
|
|
12
|
+
| x-utils | 0.0.30 |
|
|
13
|
+
|
|
14
|
+
## 安装
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
npm install x-framework
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## 快速使用
|
|
21
|
+
|
|
22
|
+
```javascript
|
|
23
|
+
import XFramework from 'x-framework'
|
|
24
|
+
import 'x-framework/dist/x-framework.css'
|
|
25
|
+
|
|
26
|
+
Vue.use(XFramework)
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
## 组件总览
|
|
30
|
+
|
|
31
|
+
| 组件 | 说明 |
|
|
32
|
+
|------|------|
|
|
33
|
+
| `XTable` | 高级数据表格,支持搜索、排序、聚合、导出、列设置、行拖拽等 |
|
|
34
|
+
| `XStatusButton` | 状态按钮组,支持横/纵布局、数量徽标、下拉溢出 |
|
|
35
|
+
| `XGroupButton` | 分组操作按钮,支持下拉子菜单、更多折叠 |
|
|
36
|
+
| `XContextMenu` | 右键上下文菜单,支持嵌套子菜单 |
|
|
37
|
+
| `XUpload` | 文件上传,支持拖拽、粘贴、文件夹上传 |
|
|
38
|
+
| `XFileList` | 文件列表展示,支持预览、下载、删除 |
|
|
39
|
+
| `XExportTemplate` | 导出模板选择器,嵌入式或独立模式 |
|
|
40
|
+
| `DatePickerSelect` | 日期范围选择器,支持快捷选项 |
|
|
41
|
+
|
|
42
|
+
## 📚 详细文档
|
|
43
|
+
|
|
44
|
+
组件 Props、Events、Methods 及使用示例请查看:[组件使用说明](./docs/组件使用说明.md)
|
|
45
|
+
|
|
46
|
+
## 开发
|
|
47
|
+
|
|
48
|
+
```bash
|
|
49
|
+
# 安装依赖
|
|
50
|
+
npm install
|
|
51
|
+
npm install --legacy-peer-deps
|
|
52
|
+
|
|
53
|
+
# 启动开发服务器(端口 8014)
|
|
54
|
+
npm run serve
|
|
55
|
+
|
|
56
|
+
# 构建组件库
|
|
57
|
+
npm run lib
|
|
58
|
+
|
|
59
|
+
# 代码检查
|
|
60
|
+
npm run lint
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
npm run publish:public
|
|
64
|
+
```
|