mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-04 21:37:11 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(TextAreaCopyable): word wrap

Browse source
This commit is contained in:
sharevb 2024-06-16 12:30:03 +02:00
parent f2de87e9d3
commit 49f4c881ea
1 changed files with 2 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/components/TextareaCopyable.vue
View file

@ -22,6 +22,7 @@ const props = withDefaults(
language?: string language?: string
copyPlacement?: 'top-right' | 'bottom-right' | 'outside' | 'none' copyPlacement?: 'top-right' | 'bottom-right' | 'outside' | 'none'
copyMessage?: string copyMessage?: string
wordWrap?: boolean
}>(), }>(),
{ {
followHeightOf: null, followHeightOf: null,
@ -59,7 +60,7 @@ const tooltipText = computed(() => isJustCopied.value ? 'Copied!' : copyMessage.
:style="height ? `min-height: ${height - 40 /* card padding */ + 10 /* negative margin compensation */}px` : ''" :style="height ? `min-height: ${height - 40 /* card padding */ + 10 /* negative margin compensation */}px` : ''"
> >
<n-config-provider :hljs="hljs"> <n-config-provider :hljs="hljs">
<n-code :code="value" :language="language" :trim="false" data-test-id="area-content" /> <n-code :code="value" :language="language" :word-wrap="wordWrap" :trim="false" data-test-id="area-content" />
</n-config-provider> </n-config-provider>
</n-scrollbar> </n-scrollbar>
<div absolute right-10px top-10px> <div absolute right-10px top-10px>