vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #6538

pull/6088/head
tugcekucukoglu 2024-10-08 12:54:50 +03:00
parent 0223158cfb
commit 9d9ae356d0
2 changed files with 38 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/primevue/src/cascadeselect/CascadeSelect.vue
View File

@ -71,9 +71,9 @@
:optionGroupIcon="optionGroupIcon"
:optionGroupLabel="optionGroupLabel"
:optionGroupChildren="optionGroupChildren"
@option-change="onOptionChange"
@option-focus-move-change="onOptionFocusMoveChange"
@option-focus-enter-change="onOptionFocusChangeEnter"
@option-change="onOptionClick"
@option-focus-change="onOptionMouseMove"
@option-focus-enter-change="onOptionMouseEnter"
:pt="pt"
:unstyled="unstyled"
/>
@ -304,53 +304,55 @@ export default {
this.clicked = false;
},
onOptionChange(event, isSelectable = true) {
const { originalEvent, processedOption, isFocus, isHide } = event;
onOptionChange(event) {
const { processedOption } = event;
if (isEmpty(processedOption)) return;
const { index, key, level, parentKey, children } = processedOption;
const grouped = isNotEmpty(children);
const root = isEmpty(processedOption.parent);
const activeOptionPath = this.activeOptionPath.filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
if (grouped) {
activeOptionPath.push(processedOption);
}
this.focusedOptionInfo = { index, level, parentKey };
this.activeOptionPath = activeOptionPath;
},
onOptionClick(event) {
const { originalEvent, processedOption, isFocus, isHide } = event;
const { index, key, level, parentKey } = processedOption;
const grouped = this.isProccessedOptionGroup(processedOption);
const selected = this.isSelected(processedOption);
if (selected) {
this.focusedOptionInfo = { index, level, parentKey };
this.activeOptionPath = this.activeOptionPath.filter((p) => key !== p.key && key.startsWith(p.key));
this.dirty = !root;
this.focusedOptionInfo = { index, level, parentKey };
} else {
const activeOptionPath = this.activeOptionPath.filter((p) => p.parentKey !== parentKey && p.parentKey !== key);
if (grouped) {
this.onOptionChange(event);
} else {
const activeOptionPath = this.activeOptionPath.filter((p) => p.parentKey !== parentKey);
activeOptionPath.push(processedOption);
this.focusedOptionInfo = { index, level, parentKey };
this.activeOptionPath = activeOptionPath;
}
if (grouped) {
this.dirty = true;
this.onOptionGroupSelect(originalEvent, processedOption);
} else {
isSelectable && this.onOptionSelect(originalEvent, processedOption, isHide);
}
grouped ? this.onOptionGroupSelect(originalEvent, processedOption) : this.onOptionSelect(originalEvent, processedOption, isHide);
isFocus && focus(this.$refs.focusInput);
},
onOptionFocusMoveChange(event) {
if (this.focusOnHover) {
const { originalEvent, processedOption } = event;
const { index, level, parentKey } = processedOption;
this.focusedOptionInfo = { index, level, parentKey };
this.changeFocusedOptionIndex(originalEvent, index);
onOptionMouseEnter(event) {
if (this.dirty) {
this.onOptionChange(event);
}
},
onOptionFocusChangeEnter(event) {
if (this.dirty) {
this.onOptionChange(event, false);
} else {
this.onOptionFocusMoveChange(event);
onOptionMouseMove(event) {
if (this.focused) {
this.changeFocusedOptionIndex(event, event.processedOption.index);
}
},
onOptionSelect(event, processedOption, isHide = true) {

15
packages/primevue/src/cascadeselect/CascadeSelectSub.vue
View File

@ -51,9 +51,9 @@
:optionGroupIcon="optionGroupIcon"
:optionGroupLabel="optionGroupLabel"
:optionGroupChildren="optionGroupChildren"
@option-change="onOptionChange"
@option-focus-change="onOptionFocusChange"
@option-focus-enter-change="onOptionFocusEnterChange"
@option-change="$emit('option-change', $event)"
@option-focus-change="$emit('option-focus-change', $event)"
@option-focus-enter-change="$emit('option-focus-enter-change', $event)"
:pt="pt"
:unstyled="unstyled"
/>
@ -148,15 +148,6 @@ export default {
onOptionMouseMove(event, processedOption) {
this.$emit('option-focus-change', { originalEvent: event, processedOption });
},
onOptionChange(event) {
this.$emit('option-change', event);
},
onOptionFocusChange(event) {
this.$emit('option-focus-change', event);
},
onOptionFocusEnterChange(event) {
this.$emit('option-focus-enter-change', event);
},
containerRef(el) {
this.container = el;
},