public-repos/it-tools
5
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(TextAreaCopyable): word wrap

Browse Source
This commit is contained in:
sharevb 2024-06-16 12:30:03 +02:00 committed by ShareVB
parent c8dbec756b
commit 42d1bf7d35
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/TextareaCopyable.vue
View File

@ -16,6 +16,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,
@ -47,7 +48,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>