feat(editor): 组件列表中的tooltip改成title

This commit is contained in:
roymondchen 2023-08-25 11:40:01 +08:00
parent bd6fae9aed
commit 54ec6de4f2

View File

@ -18,11 +18,9 @@
@drag="dragHandler" @drag="dragHandler"
> >
<slot name="component-list-item" :component="item"> <slot name="component-list-item" :component="item">
<MIcon :icon="item.icon"></MIcon> <MIcon :title="item.text" :icon="item.icon"></MIcon>
<TMagicTooltip effect="dark" placement="bottom" :content="item.text"> <span :title="item.text">{{ item.text }}</span>
<span>{{ item.text }}</span>
</TMagicTooltip>
</slot> </slot>
</div> </div>
</TMagicCollapseItem> </TMagicCollapseItem>
@ -36,7 +34,7 @@ import { computed, inject, ref } from 'vue';
import { Grid } from '@element-plus/icons-vue'; import { Grid } from '@element-plus/icons-vue';
import serialize from 'serialize-javascript'; import serialize from 'serialize-javascript';
import { TMagicCollapse, TMagicCollapseItem, TMagicScrollbar, TMagicTooltip } from '@tmagic/design'; import { TMagicCollapse, TMagicCollapseItem, TMagicScrollbar } from '@tmagic/design';
import { removeClassNameByClassName } from '@tmagic/utils'; import { removeClassNameByClassName } from '@tmagic/utils';
import MIcon from '@editor/components/Icon.vue'; import MIcon from '@editor/components/Icon.vue';