jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chore: more pure code

Browse Source
This commit is contained in:
victor
2022-12-11 11:34:31 +04:00
parent 02970f7158
commit bf759f1ba7
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Accordion/AccordionContent.vue
View File

@@ -2,7 +2,7 @@
<div <div
:class="{ :class="{
hidden: !panelState.isVisible, hidden: !panelState.isVisible,
'border-b-0': panelState.order !== panelsCount - 1, 'border-b-0': panelState.order !== panelsCount - 1 || accordionState.flush,
'border-t-0': panelState.order === panelsCount - 1, 'border-t-0': panelState.order === panelsCount - 1,
'border-x-0': accordionState.flush, 'border-x-0': accordionState.flush,
}" }"

7
src/components/Accordion/AccordionHeader.vue
View File

@@ -4,7 +4,8 @@
@click="toggleItem" @click="toggleItem"
:class="{ :class="{
'rounded-t-xl': panelState.order === 0 && !accordionState.flush, 'rounded-t-xl': panelState.order === 0 && !accordionState.flush,
'border-b-0': panelState.order !== panelsCount - 1, 'border-t-0': panelState.order === 0 && accordionState.flush,
'border-b-0': isBottomBorderVisibleForFlush,
'border-x-0': accordionState.flush, 'border-x-0': accordionState.flush,
}" }"
class="flex items-center p-5 w-full font-medium text-left text-gray-500 border border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800" class="flex items-center p-5 w-full font-medium text-left text-gray-500 border border-gray-200 focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 dark:border-gray-700 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
@@ -33,6 +34,10 @@ const panelId: any = inject('panelId')
const accordionState = computed(() => accordionsStates[accordionId]) const accordionState = computed(() => accordionsStates[accordionId])
const panelsCount = computed(() => Object.keys(accordionsStates[accordionId].panels[panelId]).length) const panelsCount = computed(() => Object.keys(accordionsStates[accordionId].panels[panelId]).length)
const isPanelLast = computed(() => panelState.value.order !== panelsCount.value - 1)
const isBottomBorderVisibleForFlush = computed(() =>
isPanelLast.value ||
(accordionState.value.flush && panelState.value.order === panelsCount.value - 1 && !panelState.value.isVisible))
const commonToggleItem = () => { const commonToggleItem = () => {
const selectedPanel = accordionState.value.panels[panelId] const selectedPanel = accordionState.value.panels[panelId]