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

feat(TextareaCopyable): word-wrap prop

Browse Source 
Add word-wrap property (to allow presenting long public keys)
This commit is contained in:
sharevb 2024-02-17 17:35:23 +01:00 committed by ShareVB
parent ee40ba1439
commit 83832f3e2c
2 changed files with 24 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
package.json
View File

@ -35,8 +35,10 @@
"release": "node ./scripts/release.mjs" "release": "node ./scripts/release.mjs"
}, },
"dependencies": { "dependencies": {
"@guolao/vue-monaco-editor": "^1.4.1",
"@it-tools/bip39": "^0.0.4", "@it-tools/bip39": "^0.0.4",
"@it-tools/oggen": "^1.3.0", "@it-tools/oggen": "^1.3.0",
"@jspawn/qpdf-wasm": "^0.0.2",
"@sindresorhus/slugify": "^2.2.1", "@sindresorhus/slugify": "^2.2.1",
"@tiptap/pm": "2.1.6", "@tiptap/pm": "2.1.6",
"@tiptap/starter-kit": "2.1.6", "@tiptap/starter-kit": "2.1.6",
@ -49,38 +51,56 @@
"@vueuse/router": "^10.0.0", "@vueuse/router": "^10.0.0",
"bcryptjs": "^2.4.3", "bcryptjs": "^2.4.3",
"change-case": "^4.1.2", "change-case": "^4.1.2",
"cidr-tools": "^7.0.4",
"colord": "^2.9.3", "colord": "^2.9.3",
"composerize-ts": "^0.6.2", "composerize": "^1.6.6",
"composeverter": "^1.6.2",
"country-code-lookup": "^0.1.0", "country-code-lookup": "^0.1.0",
"cron-validator": "^1.3.1", "cron-validator": "^1.3.1",
"cronstrue": "^2.26.0", "cronstrue": "^2.26.0",
"crypto-js": "^4.1.1", "crypto-js": "^4.1.1",
"custom-ed25519": "^1.0.0",
"date-fns": "^2.29.3", "date-fns": "^2.29.3",
"decomposerize": "^1.2.4",
"dompurify": "^3.0.6", "dompurify": "^3.0.6",
"emojilib": "^3.0.10", "emojilib": "^3.0.10",
"exifreader": "^4.20.0",
"figlet": "^1.7.0",
"figue": "^1.2.0", "figue": "^1.2.0",
"fuse.js": "^6.6.2", "fuse.js": "^6.6.2",
"highlight.js": "^11.7.0", "highlight.js": "^11.7.0",
"iarna-toml-esm": "^3.0.5", "iarna-toml-esm": "^3.0.5",
"ibantools": "^4.3.3", "ibantools": "^4.3.3",
"ip-address": "^9.0.5",
"ip-bigint": "^8.0.2",
"ip-cidr": "^4.0.0",
"is-cidr": "^5.0.3",
"is-ip": "^5.0.1",
"isbn3": "^1.1.44",
"jpeg-quality-estimator": "^1.0.1",
"json5": "^2.2.3", "json5": "^2.2.3",
"jwt-decode": "^3.1.2", "jwt-decode": "^3.1.2",
"libphonenumber-js": "^1.10.28", "libphonenumber-js": "^1.10.28",
"lodash": "^4.17.21", "lodash": "^4.17.21",
"mammoth": "^1.6.0",
"marked": "^10.0.0", "marked": "^10.0.0",
"mathjs": "^11.9.1", "mathjs": "^11.9.1",
"mime-types": "^2.1.35", "mime-types": "^2.1.35",
"monaco-editor": "^0.43.0", "monaco-editor": "^0.43.0",
"naive-ui": "^2.35.0", "naive-ui": "^2.35.0",
"netmask": "^2.0.2", "netmask": "^2.0.2",
"node-forge": "^1.3.1",
"oui-data": "^1.0.10", "oui-data": "^1.0.10",
"pdf-signature-reader": "^1.4.2", "pdf-signature-reader": "^1.4.2",
"pinia": "^2.0.34", "pinia": "^2.0.34",
"plausible-tracker": "^0.3.8", "plausible-tracker": "^0.3.8",
"process": "^0.11.10",
"qpdf.js": "^1.0.0",
"qrcode": "^1.5.1", "qrcode": "^1.5.1",
"qrcode-parser": "^2.1.3",
"sql-formatter": "^13.0.0", "sql-formatter": "^13.0.0",
"sshpk": "^1.18.0", "sshpk": "^1.18.0",
"tesseract.js": "^5.0.4",
"turndown": "^7.1.2",
"ua-parser-js": "^1.0.35", "ua-parser-js": "^1.0.35",
"ulid": "^2.3.0", "ulid": "^2.3.0",
"unicode-emoji-json": "^0.4.0", "unicode-emoji-json": "^0.4.0",

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>