Research
Security News
Quasar RAT Disguised as an npm Package for Detecting Vulnerabilities in Ethereum Smart Contracts
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
vxe-table-plugin-menus
Advanced tools
基于 vxe-table 的表格插件,提供实用的快捷菜单集
npm install xe-utils vxe-table@next vxe-table-plugin-menus@next
// ...
import VXETable from 'vxe-table'
import VXETablePluginMenus from 'vxe-table-plugin-menus'
// ...
VXETable.use(VXETablePluginMenus)
// Enable copy
/*
import XEClipboard from 'xe-clipboard'
VXETable.use(VXETablePluginMenus, {
// 自定义处理函数,该示例使用 xe-clipboard 演示
// copy (text) {
// // ...
// }
copy: XEClipboard.copy
})
*/
code 编码 | describe 描述 | params 参数 |
---|---|---|
CLEAR_CELL | 清除单元格数据的值;如果启用 mouse-config.area 功能,则清除区域范围内的单元格数据 | — |
CLEAR_ROW | 清除行数据的值 | — |
CLEAR_CHECKBOX_ROW | 清除复选框选中行数据的值 | — |
CLEAR_ALL | 清除所有数据的值 | — |
REVERT_CELL | 还原单元格数据的值;如果启用 mouse-config.area 功能,则还原区域范围内的单元格数据 | — |
REVERT_ROW | 还原行数据的值 | — |
REVERT_CHECKBOX_ROW | 还原复选框选中行数据的值 | — |
REVERT_ALL | 还原所有数据的值 | — |
MERGE_OR_CLEAR | 如果启用 mouse-config.area 功能,如果所选区域内已存在合并单元格,则取消临时合并,否则临时合并 | — |
MERGE_CELL | 如果启用 mouse-config.area 功能,临时合并区域范围内的单元格,不管是否存在已合并 | — |
CLEAR_MERGE_CELL | 如果启用 mouse-config.area 功能,清除区域范围内单元格的临时合并状态 | — |
CLEAR_ALL_MERGE | 清除所有单元格及表尾的临时合并状态 | — |
COPY_CELL | 复制单元格数据的值;如果启用 mouse-config.area 功能,则复制区域范围内的单元格数据,支持 Excel 和 WPS | — |
CUT_CELL | 剪贴单元格数据的值;如果启用 mouse-config.area 功能,则剪贴区域范围内的单元格数据,支持 Excel 和 WPS | — |
PASTE_CELL | (仅支持在单表区域内操作)粘贴从表格中被复制的数据;如果启用 mouse-config.area 功能,则粘贴区域范围内的单元格数据,不支持读取剪贴板 | — |
EDIT_CELL | 编辑选中单元格 | — |
EDIT_ROW | 编辑选中行并激活选中单元格 | — |
INSERT_ROW | 插入数据 | records |
INSERT_ACTIVED_ROW | 插入数据并激活编辑状态 | Array<records, field> |
INSERT_AT_ROW | 插入数据到指定位置 | records |
INSERT_AT_ACTIVED_ROW | 插入数据到指定位置并激活编辑状态 | Array<records, field> |
DELETE_ROW | 移除行数据 | — |
DELETE_CHECKBOX_ROW | 移除复选框选中行数据 | — |
DELETE_ALL | 移除所有行数据 | — |
CLEAR_SORT | 清除排序条件 | — |
SORT_ASC | 按所选列的值升序 | — |
SORT_DESC | 按所选列的值倒序 | — |
CLEAR_FILTER | 清除选中列的筛选条件 | — |
CLEAR_ALL_FILTER | 清除所有列筛选条件 | — |
FILTER_CELL | 根据单元格值筛选 | — |
EXPORT_ROW | 导出行数据 | options |
EXPORT_CHECKBOX_ROW | 导出复选框选中行数据 | options |
EXPORT_ALL | 导出所有行数据 | options |
PRINT_ALL | 打印所有行数据 | options |
PRINT_CHECKBOX_ROW | 打印复选框选中行 | options |
OPEN_FIND | 如果启用 mouse-config.area 功能,打开单元格查找功能 | — |
OPEN_REPLACE | 如果启用 mouse-config.area 功能,打开单元格替换功能 | — |
FIXED_LEFT_COLUMN | 将列固定到左侧 | — |
FIXED_RIGHT_COLUMN | 将列固定到右侧 | — |
CLEAR_FIXED_COLUMN | 清除固定列 | — |
HIDDEN_COLUMN | 隐藏当前列 | — |
RESET_COLUMN | 重置列的可视状态 | — |
RESET_RESIZABLE | 重置列宽状态 | — |
RESET_ALL | 重置列的所有状态 | — |
<vxe-table
:data="tableData"
:context-menu="{body: {options: bodyMenus}}"
:edit-config="{trigger: 'click', mode: 'cell'}">
<vxe-table-column type="index" width="60"></vxe-table-column>
<vxe-table-column field="name" title="Name" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="sex" title="sex" :edit-render="{name: 'input'}"></vxe-table-column>
<vxe-table-column field="age" title="Age" :edit-render="{name: 'input'}"></vxe-table-column>
</vxe-table>
export default {
data () {
return {
tableData: [
{ id: 100, name: 'test1', age: 28, sex: '1' },
{ id: 101, name: 'test2', age: 32, sex: '0' },
{ id: 102, name: 'test3', age: 36, sex: '1' }
],
bodyMenus: [
[
{ code: 'EXPORT_ALL', name: '导出.csv' },
{ code: 'INSERT_ACTIVED_ROW', name: '新增' }
]
]
}
}
}
MIT © 2019-present, Xu Liangzhan
FAQs
基于 vxe-table 表格的扩展插件,提供实用的快捷菜单配置
The npm package vxe-table-plugin-menus receives a total of 317 weekly downloads. As such, vxe-table-plugin-menus popularity was classified as not popular.
We found that vxe-table-plugin-menus demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.
Research
Security News
Socket researchers discovered a malware campaign on npm delivering the Skuld infostealer via typosquatted packages, exposing sensitive data.