Commit f5e54f5a authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

fix: TreeList again and again

parent 8490371f

package.json

+1 −1
Original line number Diff line number Diff line 
{

  "name": "@d.malygin/UI_storybook",

  "version": "1.0.11",

  "version": "1.0.12",

  "type": "module",

  "scripts": {

    "dev": "vite",

src/components/TreeList/TreeItems.vue

+3 −3
Original line number Diff line number Diff line
@@ -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>

src/components/TreeList/TreeList.vue

+2 −2
Original line number Diff line number Diff line
@@ -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>