javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(components): [tree] node-click passes event object (#4312)

Browse Source 
re 4307
This commit is contained in:
msidolphin
2022-01-19 17:13:18 +08:00
committed by GitHub
parent 13be920c9a
commit 1fdd2cee8f
7 changed files with 11 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/en-US/component/tree-v2.md
View File

@@ -116,7 +116,7 @@ tree-v2/filter
| Event Name | Description | Parameters |
| ---------------- | ---------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
| node-click | triggers when a node is clicked | `(data: TreeNodeData, node: TreeNode)` |
| node-click | triggers when a node is clicked | `(data: TreeNodeData, node: TreeNode, e: MouseEvent)` |
| node-contextmenu | triggers when a node is clicked by right button | `(e: Event, data: TreeNodeData, node: TreeNode)` |
| check-change | triggers when the selected state of the node changes | `(data: TreeNodeData, checked: boolean)` |
| check | triggers after clicking the checkbox of a node | `(data: TreeNodeData, info: { checkedKeys: TreeKey[],checkedNodes: TreeData, halfCheckedKeys: TreeKey[], halfCheckedNodes: TreeData,})` |

2
docs/en-US/component/tree.md
View File

@@ -181,7 +181,7 @@ tree/draggable
| Event Name | Description | Parameters |
| ---------------- | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| node-click | triggers when a node is clicked | three parameters: node object corresponding to the node clicked, `node` property of TreeNode, TreeNode itself |
| node-click | triggers when a node is clicked | three parameters: node object corresponding to the node clicked, `node` property of TreeNode, TreeNode itself, event object |
| node-contextmenu | triggers when a node is clicked by right button | four parameters: event, node object corresponding to the node clicked, `node` property of TreeNode, TreeNode itself |
| check-change | triggers when the selected state of the node changes | three parameters: node object corresponding to the node whose selected state is changed, whether the node is selected, whether node's subtree has selected nodes |
| check | triggers after clicking the checkbox of a node | two parameters: node object corresponding to the node that is checked / unchecked, tree checked status object which has four props: checkedNodes, checkedKeys, halfCheckedNodes, halfCheckedKeys |

4
packages/components/tree-v2/src/composables/useTree.ts
View File

@@ -190,8 +190,8 @@ export function useTree(props: TreeProps, emit) {
}
}
function handleNodeClick(node: TreeNode) {
emit(NODE_CLICK, node.data, node)
function handleNodeClick(node: TreeNode, e: MouseEvent) {
emit(NODE_CLICK, node.data, node, e)
handleCurrentChange(node)
if (props.expandOnClickNode) {
toggleExpand(node)

4
packages/components/tree-v2/src/tree-node.vue
View File

@@ -84,8 +84,8 @@ export default defineComponent({
return tree?.props.icon ?? DEFAULT_ICON
})
const handleClick = () => {
emit('click', props.node)
const handleClick = (e: MouseEvent) => {
emit('click', props.node, e)
}
const handleExpandIconClick = () => {
emit('toggle', props.node)

5
packages/components/tree-v2/src/virtual-tree.ts
View File

@@ -162,7 +162,8 @@ export const NODE_CHECK_CHANGE = 'check-change'
export const NODE_CONTEXTMENU = 'node-contextmenu'
export const treeEmits = {
[NODE_CLICK]: (data: TreeNodeData, node: TreeNode) => data && node,
[NODE_CLICK]: (data: TreeNodeData, node: TreeNode, e: MouseEvent) =>
data && node && e,
[NODE_EXPAND]: (data: TreeNodeData, node: TreeNode) => data && node,
[NODE_COLLAPSE]: (data: TreeNodeData, node: TreeNode) => data && node,
[CURRENT_CHANGE]: (data: TreeNodeData, node: TreeNode) => data && node,
@@ -175,7 +176,7 @@ export const treeEmits = {
}
export const treeNodeEmits = {
click: (node: TreeNode) => !!node,
click: (node: TreeNode, e: MouseEvent) => !!(node && e),
toggle: (node: TreeNode) => !!node,
check: (node: TreeNode, checked: boolean) =>
node && typeof checked === 'boolean',

4
packages/components/tree/src/tree-node.vue
View File

@@ -224,7 +224,7 @@ export default defineComponent({
oldIndeterminate.value = indeterminate
}
const handleClick = () => {
const handleClick = (e: MouseEvent) => {
const store = tree.store.value
store.setCurrentNode(props.node)
tree.ctx.emit(
@@ -243,7 +243,7 @@ export default defineComponent({
target: { checked: !props.node.checked },
})
}
tree.ctx.emit('node-click', props.node.data, props.node, instance)
tree.ctx.emit('node-click', props.node.data, props.node, instance, e)
}
const handleContextMenu = (event: Event) => {

2
packages/element-plus/package.json
View File

@@ -30,8 +30,6 @@
"dist/*",
"theme-chalk/*.css",
"theme-chalk/src/*.scss",
"es/components/*/style/*",
"lib/components/*/style/*",
"lib/components/**/*",
"es/components/**/*"
],