github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-24 08:58:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix list-selection branch mode unselect bug (#7158)

Browse Source 
* Fix list-selection branch mode unselect bug

* Remove debugger
This commit is contained in:
Rijk van Zanten
2021-08-03 16:45:21 +02:00
committed by GitHub
parent fb6112cc09
commit 61bd3103a5
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
app/src/components/v-checkbox-tree/v-checkbox-tree-checkbox.vue
View File

@@ -258,15 +258,20 @@ export default defineComponent({
function emitBranch(rawValue: (string | number)[], { added, removed }: Delta) {
const allChildrenRecursive = getRecursiveChildrenValues('all');
// Note: Added/removed is a tad confusing here, as an item that gets added to the array of
// selected items can immediately be negated by the logic below, as it's potentially
// replaced by the parent item's value
// When clicking on an individual item in the enabled group
if (
(props.modelValue.includes(props.value) || props.checked === true) &&
added &&
childrenValues.value.includes(added?.[0])
added.length === 1 &&
childrenValues.value.includes(added[0])
) {
const newValue = [
...rawValue.filter((val) => val !== props.value && val !== added?.[0]),
...childrenValues.value.filter((childVal) => childVal !== added?.[0]),
...rawValue.filter((val) => val !== props.value && val !== added[0]),
...childrenValues.value.filter((childVal) => childVal !== added[0]),
];
return emitValue(newValue);
@@ -446,6 +451,6 @@ export default defineComponent({
<style scoped>
.item {
padding-left: 32px;
padding-left: 32px !important;
}
</style>

9
app/src/components/v-list/v-list-group.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="v-list-group">
<li class="v-list-group">
<v-list-item
class="activator"
:active="active"
@@ -29,10 +29,10 @@
</v-list-item-icon>
</v-list-item>
<div v-if="groupActive" class="items">
<ul v-if="groupActive" class="items">
<slot />
</div>
</div>
</ul>
</li>
</template>
<script lang="ts">
@@ -134,6 +134,7 @@ export default defineComponent({
.items {
padding-left: 16px;
list-style: none;
}
}
</style>