mirrors/element
1
0
Fork 0
mirror of https://github.com/ElemeFE/element.git synced 2025-12-16 11:44:01 +08:00
Code Issues Packages Projects Releases Wiki Activity

Cascader: expose getCheckedNodes and fix options change bug (#16709)

Browse Source
This commit is contained in:
Simona
2019-07-25 11:32:02 +08:00
committed by luckyCao
parent d238c768a6
commit 29838eaf81
6 changed files with 81 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
packages/cascader-panel/src/cascader-panel.vue
View File

@@ -195,22 +195,24 @@ export default {
});
},
syncActivePath() {
let { checkedValue, store, multiple } = this;
if (isEmpty(checkedValue)) {
const { store, multiple, activePath, checkedValue } = this;
if (!isEmpty(activePath)) {
const nodes = activePath.map(node => this.getNodeByValue(node.getValue()));
this.expandNodes(nodes);
} else if (!isEmpty(checkedValue)) {
const value = multiple ? checkedValue[0] : checkedValue;
const checkedNode = this.getNodeByValue(value) || {};
const nodes = (checkedNode.pathNodes || []).slice(0, -1);
this.expandNodes(nodes);
} else {
this.activePath = [];
this.menus = [store.getNodes()];
} else {
checkedValue = multiple ? checkedValue[0] : checkedValue;
const checkedNode = this.getNodeByValue(checkedValue) || {};
const nodes = [];
let { parent } = checkedNode;
while (parent) {
nodes.unshift(parent);
parent = parent.parent;
}
nodes.forEach(node => this.handleExpand(node, true /* silent */));
}
},
expandNodes(nodes) {
nodes.forEach(node => this.handleExpand(node, true /* silent */));
},
calculateCheckedNodePaths() {
const { checkedValue, multiple } = this;
const checkedValues = multiple
@@ -259,8 +261,9 @@ export default {
}
},
handleExpand(node, silent) {
const { activePath } = this;
const { level } = node;
const path = this.activePath.slice(0, level - 1);
const path = activePath.slice(0, level - 1);
const menus = this.menus.slice(0, level);
if (!node.isLeaf) {
@@ -268,15 +271,16 @@ export default {
menus.push(node.children);
}
if (valueEquals(path, this.activePath)) return;
this.activePath = path;
this.menus = menus;
if (!silent) {
const pathValues = path.map(node => node.getValue());
this.$emit('active-item-change', pathValues); // Deprecated
this.$emit('expand-change', pathValues);
const activePathValues = activePath.map(node => node.getValue());
if (!valueEquals(pathValues, activePathValues)) {
this.$emit('active-item-change', pathValues); // Deprecated
this.$emit('expand-change', pathValues);
}
}
},
handleCheckChange(value) {
@@ -321,6 +325,7 @@ export default {
};
config.lazyLoad(node, resolve);
},
/**
* public methods
*/