@vxe-ui/plugin-menu 3.0.0
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/LICENSE +21 -0
- package/README.md +126 -0
- package/dist/index.common.js +1075 -0
- package/dist/index.umd.js +1089 -0
- package/dist/index.umd.min.js +1 -0
- package/dist/style.css +0 -0
- package/dist/style.min.css +0 -0
- package/package.json +72 -0
- package/types/index.d.ts +14 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2019 Xu Liangzhan
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
# @vxe-ui/plugin-menu
|
|
2
|
+
|
|
3
|
+
[Vxe UI](https://vxeui.com/) plug-in supports context menu.
|
|
4
|
+
|
|
5
|
+
## Compatibility
|
|
6
|
+
|
|
7
|
+
It corresponds to [vxe-table v3](https://www.npmjs.com/package/vxe-table) or [vxe-pc-ui v3](https://www.npmjs.com/package/vxe-pc-ui)
|
|
8
|
+
|
|
9
|
+
## Installing
|
|
10
|
+
|
|
11
|
+
```shell
|
|
12
|
+
npm install @vxe-ui/plugin-menu
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
```javascript
|
|
16
|
+
// ...
|
|
17
|
+
// Use vxe-pc-ui
|
|
18
|
+
import { VxeUI } from 'vxe-pc-ui'
|
|
19
|
+
// Use vxe-table
|
|
20
|
+
// import { VxeUI } from 'vxe-table'
|
|
21
|
+
import VxeUIPluginMenu from '@vxe-ui/plugin-menu'
|
|
22
|
+
// ...
|
|
23
|
+
|
|
24
|
+
VxeUI.use(VxeUIPluginMenu)
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
## API
|
|
28
|
+
|
|
29
|
+
### Context menu codes
|
|
30
|
+
|
|
31
|
+
| code 编码 | describe 描述 | params 参数 |
|
|
32
|
+
|------|------|------|
|
|
33
|
+
| CLEAR_CELL | 清除单元格数据的值;如果启用 mouse-config.area 功能,则清除区域范围内的单元格数据 | — |
|
|
34
|
+
| CLEAR_ROW | 清除行数据的值 | — |
|
|
35
|
+
| CLEAR_CHECKBOX_ROW | 清除复选框选中行数据的值 | — |
|
|
36
|
+
| CLEAR_ALL | 清除所有数据的值 | — |
|
|
37
|
+
| REVERT_CELL | 还原单元格数据的值;如果启用 mouse-config.area 功能,则还原区域范围内的单元格数据 | — |
|
|
38
|
+
| REVERT_ROW | 还原行数据的值 | — |
|
|
39
|
+
| REVERT_CHECKBOX_ROW | 还原复选框选中行数据的值 | — |
|
|
40
|
+
| REVERT_ALL | 还原所有数据的值 | — |
|
|
41
|
+
| MERGE_OR_CLEAR | 如果启用 mouse-config.area 功能,如果所选区域内已存在合并单元格,则取消临时合并,否则临时合并 | — |
|
|
42
|
+
| MERGE_CELL | 如果启用 mouse-config.area 功能,临时合并区域范围内的单元格,不管是否存在已合并 | — |
|
|
43
|
+
| CLEAR_MERGE_CELL | 如果启用 mouse-config.area 功能,清除区域范围内单元格的临时合并状态 | — |
|
|
44
|
+
| CLEAR_ALL_MERGE | 清除所有单元格及表尾的临时合并状态 | — |
|
|
45
|
+
| COPY_CELL | 复制单元格数据的值;如果启用 mouse-config.area 功能,则复制区域范围内的单元格数据,支持 Excel 和 WPS | — |
|
|
46
|
+
| CUT_CELL | 剪贴单元格数据的值;如果启用 mouse-config.area 功能,则剪贴区域范围内的单元格数据,支持 Excel 和 WPS | — |
|
|
47
|
+
| PASTE_CELL | (仅支持在单表区域内操作)粘贴从表格中被复制的数据;如果启用 mouse-config.area 功能,则粘贴区域范围内的单元格数据,不支持读取剪贴板 | — |
|
|
48
|
+
| EDIT_CELL | 编辑选中单元格 | — |
|
|
49
|
+
| EDIT_ROW | 编辑选中行并激活选中单元格 | — |
|
|
50
|
+
| INSERT_ROW | 插入数据 | records |
|
|
51
|
+
| INSERT_EDIT_ROW | 插入数据并激活编辑状态 | Array\<records, field\> |
|
|
52
|
+
| INSERT_AT_ROW | 插入数据到指定位置 | records |
|
|
53
|
+
| INSERT_AT_EDIT_ROW | 插入数据到指定位置并激活编辑状态 | Array\<records, field\> |
|
|
54
|
+
| DELETE_ROW | 移除行数据 | — |
|
|
55
|
+
| DELETE_AREA_ROW | 如果启用 mouse-config.area 功能,移除所选区域行数据 | — |
|
|
56
|
+
| DELETE_CHECKBOX_ROW | 移除复选框选中行数据 | — |
|
|
57
|
+
| DELETE_ALL | 移除所有行数据 | — |
|
|
58
|
+
| CLEAR_SORT | 清除所选列排序条件 | — |
|
|
59
|
+
| CLEAR_ALL_SORT | 清除所有排序条件 | — |
|
|
60
|
+
| SORT_ASC | 按所选列的值升序 | — |
|
|
61
|
+
| SORT_DESC | 按所选列的值倒序 | — |
|
|
62
|
+
| CLEAR_FILTER | 清除选中列的筛选条件 | — |
|
|
63
|
+
| CLEAR_ALL_FILTER | 清除所有列筛选条件 | — |
|
|
64
|
+
| FILTER_CELL | 根据单元格值筛选 | — |
|
|
65
|
+
| EXPORT_ROW | 导出行数据 | options |
|
|
66
|
+
| EXPORT_CHECKBOX_ROW | 导出复选框选中行数据 | options |
|
|
67
|
+
| EXPORT_ALL | 导出所有行数据 | options |
|
|
68
|
+
| PRINT_ALL | 打印所有行数据 | options |
|
|
69
|
+
| PRINT_CHECKBOX_ROW | 打印复选框选中行 | options |
|
|
70
|
+
| OPEN_FIND | 如果启用 mouse-config.area 功能,打开单元格查找功能 | — |
|
|
71
|
+
| OPEN_REPLACE | 如果启用 mouse-config.area 功能,打开单元格替换功能 | — |
|
|
72
|
+
| FIXED_LEFT_COLUMN | 将列固定到左侧 | — |
|
|
73
|
+
| FIXED_RIGHT_COLUMN | 将列固定到右侧 | — |
|
|
74
|
+
| CLEAR_FIXED_COLUMN | 清除固定列 | — |
|
|
75
|
+
| HIDDEN_COLUMN | 隐藏当前列 | — |
|
|
76
|
+
| RESET_COLUMN | 重置列的可视状态 | — |
|
|
77
|
+
| RESET_RESIZABLE | 重置列宽状态 | — |
|
|
78
|
+
| RESET_ALL | 重置列的所有状态 | — |
|
|
79
|
+
|
|
80
|
+
## Demo
|
|
81
|
+
|
|
82
|
+
```html
|
|
83
|
+
<vxe-table
|
|
84
|
+
:data="tableData"
|
|
85
|
+
:menu-config="menuConfig"
|
|
86
|
+
:edit-config="{trigger: 'click', mode: 'cell'}">
|
|
87
|
+
<vxe-column type="seq" width="60"></vxe-column>
|
|
88
|
+
<vxe-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-column>
|
|
89
|
+
<vxe-column field="sex" title="sex" :edit-render="{name: 'input'}"></vxe-column>
|
|
90
|
+
<vxe-column field="age" title="Age" :edit-render="{name: 'input'}"></vxe-column>
|
|
91
|
+
</vxe-table>
|
|
92
|
+
```
|
|
93
|
+
|
|
94
|
+
```javascript
|
|
95
|
+
export default {
|
|
96
|
+
data () {
|
|
97
|
+
return {
|
|
98
|
+
tableData: [
|
|
99
|
+
{ id: 100, name: 'test1', age: 28, sex: '1' },
|
|
100
|
+
{ id: 101, name: 'test2', age: 32, sex: '0' },
|
|
101
|
+
{ id: 102, name: 'test3', age: 36, sex: '1' }
|
|
102
|
+
],
|
|
103
|
+
menuConfig: {
|
|
104
|
+
body: {
|
|
105
|
+
options: [
|
|
106
|
+
[
|
|
107
|
+
{ code: 'EXPORT_ALL', name: '导出.csv' },
|
|
108
|
+
{ code: 'INSERT_EDIT_ROW', name: '新增' }
|
|
109
|
+
]
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
```
|
|
117
|
+
|
|
118
|
+
## Contributors
|
|
119
|
+
|
|
120
|
+
Thank you to everyone who contributed to this project.
|
|
121
|
+
|
|
122
|
+
[](https://github.com/x-extends/vxe-ui-plugins/graphs/contributors)
|
|
123
|
+
|
|
124
|
+
## License
|
|
125
|
+
|
|
126
|
+
[MIT](LICENSE) © 2019-present, Xu Liangzhan
|