From f5e54f5aab839ca9cf602efa533ab6be60b415e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=BC=D0=B8=D1=82=D1=80=D0=B8=D0=B9=20=D0=9C=D0=B0?=
=?UTF-8?q?=D0=BB=D1=8E=D0=B3=D0=B8=D0=BD?= <d.malygin@iqdev.digital>
Date: Mon, 24 Feb 2025 18:53:47 +0500
Subject: [PATCH] fix: TreeList again and again
---
package.json | 2 +-
src/components/TreeList/TreeItems.vue | 6 +++---
src/components/TreeList/TreeList.vue | 4 ++--
3 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/package.json b/package.json
index d5485cd..740c4b6 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@d.malygin/UI_storybook",
- "version": "1.0.11",
+ "version": "1.0.12",
"type": "module",
"scripts": {
"dev": "vite",
diff --git a/src/components/TreeList/TreeItems.vue b/src/components/TreeList/TreeItems.vue
index ec20363..4c292a3 100644
--- a/src/components/TreeList/TreeItems.vue
+++ b/src/components/TreeList/TreeItems.vue
@@ -5,7 +5,7 @@ import type { ITIProps } from '../../common/interfaces/componentsProps';
import { convertThemeToColor } from '../../common/helpers/common';
defineProps<ITIProps>();
-const emit = defineEmits(['toggleIsOpen', 'onClick']);
+defineEmits(['toggleIsOpen', 'onClick']);
</script>
<template>
@@ -29,7 +29,7 @@ const emit = defineEmits(['toggleIsOpen', 'onClick']);
pointer: item.children,
},
]"
- @click="emit('toggleIsOpen', item)"
+ @click="$emit('toggleIsOpen', item)"
>
<TriangleIcon
v-if="item.children"
@@ -88,7 +88,7 @@ const emit = defineEmits(['toggleIsOpen', 'onClick']);
:state="state"
:color="color"
:themeColor="themeColor"
- @toggleIsOpen="emit('toggleIsOpen', $event)"
+ @toggleIsOpen="$emit('toggleIsOpen', $event)"
/>
</section>
</article>
diff --git a/src/components/TreeList/TreeList.vue b/src/components/TreeList/TreeList.vue
index 6d6bc87..3d54e86 100644
--- a/src/components/TreeList/TreeList.vue
+++ b/src/components/TreeList/TreeList.vue
@@ -16,7 +16,7 @@ const props = withDefaults(defineProps<ITLProps>(), {
darknessTheme: '500',
expand: false,
});
-const emit = defineEmits(['onClick']);
+defineEmits(['onClick']);
const items = computed(() => props.items);
const themeColor = computed(() => convertThemeToColor(props.theme, props.darknessTheme));
const color = computed(() =>
@@ -72,7 +72,7 @@ const toggleIsOpen = (item: ITreeItem) => {
:color="color"
:themeColor="themeColor"
@toggleIsOpen="toggleIsOpen"
- @onClick="emit('onClick')"
+ @onClick="$emit('onClick')"
/>
</div>
</template>
--
GitLab