Feat: init slash menu

This commit is contained in:
Seviche CC 2023-03-29 23:27:06 +08:00
parent 4688b7008f
commit b07cfcd60d
Signed by: SevicheCC
GPG key ID: C577000000000000
6 changed files with 394 additions and 94 deletions

View file

@ -14,15 +14,18 @@
"@egoist/tailwindcss-icons": "^1.0.7", "@egoist/tailwindcss-icons": "^1.0.7",
"@iconify/json": "^2.2.40", "@iconify/json": "^2.2.40",
"@prosemirror-adapter/vue": "^0.2.3", "@prosemirror-adapter/vue": "^0.2.3",
"@tiptap/core": "^2.0.0",
"@tiptap/extension-bubble-menu": "2.0.0-beta.220", "@tiptap/extension-bubble-menu": "2.0.0-beta.220",
"@tiptap/extension-character-count": "2.0.0-beta.220", "@tiptap/extension-character-count": "2.0.0-beta.220",
"@tiptap/extension-link": "2.0.0-beta.220", "@tiptap/extension-link": "2.0.0-beta.220",
"@tiptap/extension-typography": "2.0.0-beta.220", "@tiptap/extension-typography": "2.0.0-beta.220",
"@tiptap/pm": "2.0.0-beta.220", "@tiptap/pm": "2.0.0-beta.220",
"@tiptap/starter-kit": "2.0.0-beta.220", "@tiptap/starter-kit": "2.0.0-beta.220",
"@tiptap/suggestion": "^2.0.0",
"@tiptap/vue-3": "2.0.0-beta.220", "@tiptap/vue-3": "2.0.0-beta.220",
"install": "^0.13.0", "install": "^0.13.0",
"masto": "^5.10.0", "masto": "^5.10.0",
"tippy.js": "^6.3.7",
"vue": "^3.2.47" "vue": "^3.2.47"
}, },
"devDependencies": { "devDependencies": {
@ -36,6 +39,7 @@
"husky": "^8.0.3", "husky": "^8.0.3",
"lint-staged": "^13.2.0", "lint-staged": "^13.2.0",
"postcss": "^8.4.21", "postcss": "^8.4.21",
"sass": "^1.60.0",
"tailwindcss": "^3.2.7", "tailwindcss": "^3.2.7",
"typescript": "^5.0.2", "typescript": "^5.0.2",
"vite": "^4.2.1", "vite": "^4.2.1",

View file

@ -10,33 +10,42 @@ dependencies:
'@prosemirror-adapter/vue': '@prosemirror-adapter/vue':
specifier: ^0.2.3 specifier: ^0.2.3
version: 0.2.3(vue@3.2.47) version: 0.2.3(vue@3.2.47)
'@tiptap/core':
specifier: ^2.0.0
version: 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-bubble-menu': '@tiptap/extension-bubble-menu':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-character-count': '@tiptap/extension-character-count':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-link': '@tiptap/extension-link':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-typography': '@tiptap/extension-typography':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/pm': '@tiptap/pm':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/starter-kit': '@tiptap/starter-kit':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) version: 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220)
'@tiptap/suggestion':
specifier: ^2.0.0
version: 2.0.0(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/vue-3': '@tiptap/vue-3':
specifier: 2.0.0-beta.220 specifier: 2.0.0-beta.220
version: 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220)(vue@3.2.47) version: 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)(vue@3.2.47)
install: install:
specifier: ^0.13.0 specifier: ^0.13.0
version: 0.13.0 version: 0.13.0
masto: masto:
specifier: ^5.10.0 specifier: ^5.10.0
version: 5.10.0 version: 5.10.0
tippy.js:
specifier: ^6.3.7
version: 6.3.7
vue: vue:
specifier: ^3.2.47 specifier: ^3.2.47
version: 3.2.47 version: 3.2.47
@ -72,6 +81,9 @@ devDependencies:
postcss: postcss:
specifier: ^8.4.21 specifier: ^8.4.21
version: 8.4.21 version: 8.4.21
sass:
specifier: ^1.60.0
version: 1.60.0
tailwindcss: tailwindcss:
specifier: ^3.2.7 specifier: ^3.2.7
version: 3.2.7(postcss@8.4.21) version: 3.2.7(postcss@8.4.21)
@ -80,7 +92,7 @@ devDependencies:
version: 5.0.2 version: 5.0.2
vite: vite:
specifier: ^4.2.1 specifier: ^4.2.1
version: 4.2.1 version: 4.2.1(sass@1.60.0)
vue-tsc: vue-tsc:
specifier: ^1.2.0 specifier: ^1.2.0
version: 1.2.0(typescript@5.0.2) version: 1.2.0(typescript@5.0.2)
@ -634,226 +646,226 @@ packages:
tailwindcss: 3.2.7(postcss@8.4.21) tailwindcss: 3.2.7(postcss@8.4.21)
dev: true dev: true
/@tiptap/core@2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220): /@tiptap/core@2.0.0(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-F2Q666xJqijBU5o+GqekqseNgIEMTs6BhsLDaf9DwThhljGLS8RXKnSvQxrxLNrYEPpw39n/G3Qt8YAOk5qR6w==} resolution: {integrity: sha512-bFHsNPcEgiHU+C8r+0qk6SGvfrCas8Djz5yv6bOgnfU/oHYmho7D9Gy0WUlzEnEPi21FU0fQ7V/k/iSroR4lMA==}
peerDependencies: peerDependencies:
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0
dependencies: dependencies:
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-blockquote@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-blockquote@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-uE1VRU/doQzXsfsZ/JqsbSbXeZYTJnyQkSfHYA2ZYhbEM2XqDEsYkgcmZEJgunUZJpERf+3ZTfTpqaHq29iMMg==} resolution: {integrity: sha512-uE1VRU/doQzXsfsZ/JqsbSbXeZYTJnyQkSfHYA2ZYhbEM2XqDEsYkgcmZEJgunUZJpERf+3ZTfTpqaHq29iMMg==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.1 '@tiptap/core': ^2.0.0-beta.1
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-bold@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-bold@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-KcEuKI85Drug/cCWbDy+HxhYrD+rLXHEBG10DmKPvgPpKHG/2wOau6LwUwyV4muWR8CR2mIO+mEc3yVBD8nNwQ==} resolution: {integrity: sha512-KcEuKI85Drug/cCWbDy+HxhYrD+rLXHEBG10DmKPvgPpKHG/2wOau6LwUwyV4muWR8CR2mIO+mEc3yVBD8nNwQ==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-bubble-menu@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-bubble-menu@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-wthyec7s0vZlTSEAAZEgoFfx/1Arwg1zxDUrrE+YAost/Yn+w4xQksz/ts5Bx90iOk2qsJ+jzzttLRV17Ku7lA==} resolution: {integrity: sha512-wthyec7s0vZlTSEAAZEgoFfx/1Arwg1zxDUrrE+YAost/Yn+w4xQksz/ts5Bx90iOk2qsJ+jzzttLRV17Ku7lA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
lodash: 4.17.21 lodash: 4.17.21
tippy.js: 6.3.7 tippy.js: 6.3.7
dev: false dev: false
/@tiptap/extension-bullet-list@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-bullet-list@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-QQ/0ZlYy6Hgb+UAc79V+fxvI+AaQf20cbKtBXaR8TIZ0x4FotSma89bKh+CIXMhFiBGXTcYBaYhl7OwACsKtxw==} resolution: {integrity: sha512-QQ/0ZlYy6Hgb+UAc79V+fxvI+AaQf20cbKtBXaR8TIZ0x4FotSma89bKh+CIXMhFiBGXTcYBaYhl7OwACsKtxw==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-character-count@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-character-count@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-D2AbDi7Q429Ua6U+MdEtxyIEue8KEATOGfmvDlSv5wS+EsUbh6fkG/6yUKFtke2DaePXqbpkxfwXgLT0JP4zTg==} resolution: {integrity: sha512-D2AbDi7Q429Ua6U+MdEtxyIEue8KEATOGfmvDlSv5wS+EsUbh6fkG/6yUKFtke2DaePXqbpkxfwXgLT0JP4zTg==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-code-block@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-code-block@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-fgA7yTfHqhBtMJF7I9FPJ6UWuZPtxOQiN45Iv9LNmFIB6YRucdpmF+daZ27sElu0a+eICZyXwVn4w4iJphifuw==} resolution: {integrity: sha512-fgA7yTfHqhBtMJF7I9FPJ6UWuZPtxOQiN45Iv9LNmFIB6YRucdpmF+daZ27sElu0a+eICZyXwVn4w4iJphifuw==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-code@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-code@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-JKKDZoceagqVXeC1XF/gOkKhLtsbYJYV+MRDorLnQVz4tXcg/SMs5Ez7OM9MxSSior8fIbUFMNsj1/UNlG+tFw==} resolution: {integrity: sha512-JKKDZoceagqVXeC1XF/gOkKhLtsbYJYV+MRDorLnQVz4tXcg/SMs5Ez7OM9MxSSior8fIbUFMNsj1/UNlG+tFw==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-document@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-document@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-2sja4ZvOb4iynHrzinnclCSFgLyo6fJc1fBV5fIYaOgZOYcvz9KK8fgKiq+wIpG58sJEmQ5kcwwBlkXv+NTK+g==} resolution: {integrity: sha512-2sja4ZvOb4iynHrzinnclCSFgLyo6fJc1fBV5fIYaOgZOYcvz9KK8fgKiq+wIpG58sJEmQ5kcwwBlkXv+NTK+g==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-dropcursor@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-dropcursor@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-BIaA4Lvb3xL9KFN+K6SO2IHqLO6hDmGN2/rGKHFaU3Eh+oiXM2G73KTSS5KIP1u872zY1RpAtswSc4kjv3cuVw==} resolution: {integrity: sha512-BIaA4Lvb3xL9KFN+K6SO2IHqLO6hDmGN2/rGKHFaU3Eh+oiXM2G73KTSS5KIP1u872zY1RpAtswSc4kjv3cuVw==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-floating-menu@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-floating-menu@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-+WfcBEedm82ntaVIEQAGz0Om96Rpav7a+4f7e8N4PrLKm6nZ3gBaEkZVQ6vjJ6S/1htiWCv1XosYIwRboPBG0w==} resolution: {integrity: sha512-+WfcBEedm82ntaVIEQAGz0Om96Rpav7a+4f7e8N4PrLKm6nZ3gBaEkZVQ6vjJ6S/1htiWCv1XosYIwRboPBG0w==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
tippy.js: 6.3.7 tippy.js: 6.3.7
dev: false dev: false
/@tiptap/extension-gapcursor@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-gapcursor@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-W5N2Ey+thufUOrs2TFGpEGBGue7ZEhcUXvxcsZlGbrjVa9Y+4rEp68Du4y7yM0hCeSj2GGwiV+uPzkc0CSDE/g==} resolution: {integrity: sha512-W5N2Ey+thufUOrs2TFGpEGBGue7ZEhcUXvxcsZlGbrjVa9Y+4rEp68Du4y7yM0hCeSj2GGwiV+uPzkc0CSDE/g==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-hard-break@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-hard-break@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-oY3454o53YNFbuokzyGzG4PdMHkIYreY3nrALioZ0SwYeoFNcGA6Zcn4rDRfdp+QvbbiHfeBTR/CpWF13HZYTg==} resolution: {integrity: sha512-oY3454o53YNFbuokzyGzG4PdMHkIYreY3nrALioZ0SwYeoFNcGA6Zcn4rDRfdp+QvbbiHfeBTR/CpWF13HZYTg==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-heading@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-heading@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-7mrHRj++UaZ26C2Gjwb0WKWAzpiKb8TOYkVC2uMaCwaNhLDXpFEwZ7RtJRSTNBHkIGnMO46BH8Z0qlkFMmk9Jw==} resolution: {integrity: sha512-7mrHRj++UaZ26C2Gjwb0WKWAzpiKb8TOYkVC2uMaCwaNhLDXpFEwZ7RtJRSTNBHkIGnMO46BH8Z0qlkFMmk9Jw==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-history@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-history@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-qNL2a9UhnlmCs4y2iQYrfeMB8vEX3bHozBJanHu0PWNQJcj90R5xqorBp/bRcqZdi0kuQfxcTnGHtLUpN/U0TA==} resolution: {integrity: sha512-qNL2a9UhnlmCs4y2iQYrfeMB8vEX3bHozBJanHu0PWNQJcj90R5xqorBp/bRcqZdi0kuQfxcTnGHtLUpN/U0TA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-horizontal-rule@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-horizontal-rule@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-XMIs4R+4BoH5LpIxey513mZuus0XLHqjVayqtf03enmjBTLWzkixvvWLPLw4a47FJL5Q8l4REFHxjNifRzOKkg==} resolution: {integrity: sha512-XMIs4R+4BoH5LpIxey513mZuus0XLHqjVayqtf03enmjBTLWzkixvvWLPLw4a47FJL5Q8l4REFHxjNifRzOKkg==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false dev: false
/@tiptap/extension-italic@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-italic@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-aWAgqoR8fql9fJ7T/ZrEqovkEjZXbUpvlvWEvdBDMG3id8ZTGNDpdDKdvI6J/Rl5ZGPIg1TpHJtd+UixheWQsQ==} resolution: {integrity: sha512-aWAgqoR8fql9fJ7T/ZrEqovkEjZXbUpvlvWEvdBDMG3id8ZTGNDpdDKdvI6J/Rl5ZGPIg1TpHJtd+UixheWQsQ==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-link@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220): /@tiptap/extension-link@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-vjEA8cE37ZZVVgPHSpttw3kbJoClb+ya/BVukDtJ1h6C7mIR1rqzNxTgpbnXJuA8xww0JOjpa5dpzEgcs294fA==} resolution: {integrity: sha512-vjEA8cE37ZZVVgPHSpttw3kbJoClb+ya/BVukDtJ1h6C7mIR1rqzNxTgpbnXJuA8xww0JOjpa5dpzEgcs294fA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
linkifyjs: 4.1.1 linkifyjs: 4.1.1
dev: false dev: false
/@tiptap/extension-list-item@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-list-item@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-+O0ivwxPP2l/m9PAowb2ytDT/cM5kwu0s1W5MUsHPIqf+M6ahnl4ESjhWZfDHUzvjqPq6MTbqoQLHbB1KS/N7w==} resolution: {integrity: sha512-+O0ivwxPP2l/m9PAowb2ytDT/cM5kwu0s1W5MUsHPIqf+M6ahnl4ESjhWZfDHUzvjqPq6MTbqoQLHbB1KS/N7w==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-ordered-list@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-ordered-list@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-j3DmxJfwmNxFfMnvO7glmGlhYeZSIUnRrKnZu2KkpD6OcGJSh9y/yfnYwcuK80XbzEG/jKKIw0M2yRveOvyVwA==} resolution: {integrity: sha512-j3DmxJfwmNxFfMnvO7glmGlhYeZSIUnRrKnZu2KkpD6OcGJSh9y/yfnYwcuK80XbzEG/jKKIw0M2yRveOvyVwA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-paragraph@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-paragraph@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-ZGCzNGFYV4wa3l1nXtDIaYp7O6f0DrGTSl3alKkDTQe3SOmzXS2HjgWl9yPw8VXpU9W5mMGhXd+nGn/jUk+f/A==} resolution: {integrity: sha512-ZGCzNGFYV4wa3l1nXtDIaYp7O6f0DrGTSl3alKkDTQe3SOmzXS2HjgWl9yPw8VXpU9W5mMGhXd+nGn/jUk+f/A==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-strike@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-strike@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-cIM2ma6mzk08pijOn+KS3ZoHWaUVsVT+OF3m6xewjwJdC0ILg9nApEOhPFrhbeDcxcPmJMlgBl/xeUrEu1HQMg==} resolution: {integrity: sha512-cIM2ma6mzk08pijOn+KS3ZoHWaUVsVT+OF3m6xewjwJdC0ILg9nApEOhPFrhbeDcxcPmJMlgBl/xeUrEu1HQMg==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-text@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-text@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-3tnffc2YMjNyv7Lbad6fx9wYDE/Buz8vhx76M2AOSrjYbzmTJf7mLkgdlPM0VTy7FGZD5CGgHJAgYNt5HIqPkQ==} resolution: {integrity: sha512-3tnffc2YMjNyv7Lbad6fx9wYDE/Buz8vhx76M2AOSrjYbzmTJf7mLkgdlPM0VTy7FGZD5CGgHJAgYNt5HIqPkQ==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/extension-typography@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/extension-typography@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-MsQ5WFPUzoC/l8kxnUEYc2dR2eWgve0Ga8+qAJ/s0CLcf7UYGGoFGGobSYwjk++fgNUJMPKEvTpZU2eqjTYAPA==} resolution: {integrity: sha512-MsQ5WFPUzoC/l8kxnUEYc2dR2eWgve0Ga8+qAJ/s0CLcf7UYGGoFGGobSYwjk++fgNUJMPKEvTpZU2eqjTYAPA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
dev: false dev: false
/@tiptap/pm@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220): /@tiptap/pm@2.0.0-beta.220(@tiptap/core@2.0.0):
resolution: {integrity: sha512-O9mGcmwUpEr630HY9RylIyZJKnpXi3xWINWNiAEfRJ1br5j5pHRoVRJQ1HzU+6+Z+i/8qp3zRHGLTBqihaZETA==} resolution: {integrity: sha512-O9mGcmwUpEr630HY9RylIyZJKnpXi3xWINWNiAEfRJ1br5j5pHRoVRJQ1HzU+6+Z+i/8qp3zRHGLTBqihaZETA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
prosemirror-changeset: 2.2.0 prosemirror-changeset: 2.2.0
prosemirror-collab: 1.3.0 prosemirror-collab: 1.3.0
prosemirror-commands: 1.5.1 prosemirror-commands: 1.5.1
@ -877,40 +889,50 @@ packages:
/@tiptap/starter-kit@2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220): /@tiptap/starter-kit@2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-3992NxY5sEp5xmLE/qv/yt1YkgpSpJiUlDRj02isJ0Xsxa4G6bNq+N+tN2rHB0Y8dtYVBSX2vV/DZYVX8O+Gpg==} resolution: {integrity: sha512-3992NxY5sEp5xmLE/qv/yt1YkgpSpJiUlDRj02isJ0Xsxa4G6bNq+N+tN2rHB0Y8dtYVBSX2vV/DZYVX8O+Gpg==}
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-blockquote': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-blockquote': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-bold': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-bold': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-bullet-list': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-bullet-list': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-code': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-code': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-code-block': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-code-block': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-document': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-document': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-dropcursor': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-dropcursor': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-gapcursor': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-gapcursor': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-hard-break': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-hard-break': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-heading': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-heading': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-history': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-history': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-horizontal-rule': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-horizontal-rule': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-italic': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-italic': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-list-item': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-list-item': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-ordered-list': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-ordered-list': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-paragraph': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-paragraph': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-strike': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-strike': 2.0.0-beta.220(@tiptap/core@2.0.0)
'@tiptap/extension-text': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/extension-text': 2.0.0-beta.220(@tiptap/core@2.0.0)
transitivePeerDependencies: transitivePeerDependencies:
- '@tiptap/pm' - '@tiptap/pm'
dev: false dev: false
/@tiptap/vue-3@2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220)(vue@3.2.47): /@tiptap/suggestion@2.0.0(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220):
resolution: {integrity: sha512-U4POIQXKOJu/1a81W2A0COVx0ncAh9VxyMx3DkSZd/gPxjXbWIq1EKcb+TJOo+317fA9WVtWYKRCkFRMv5f24g==}
peerDependencies:
'@tiptap/core': ^2.0.0
'@tiptap/pm': ^2.0.0
dependencies:
'@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
dev: false
/@tiptap/vue-3@2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)(vue@3.2.47):
resolution: {integrity: sha512-rhSKUECLE6NOjTYZHheXAGpyIqruhxkU/9YfWNLWNFIHHW9wHO+t/B3XMJAWBwgkUvRRepU5JmBBIfYd8RgqTA==} resolution: {integrity: sha512-rhSKUECLE6NOjTYZHheXAGpyIqruhxkU/9YfWNLWNFIHHW9wHO+t/B3XMJAWBwgkUvRRepU5JmBBIfYd8RgqTA==}
peerDependencies: peerDependencies:
'@tiptap/core': ^2.0.0-beta.209 '@tiptap/core': ^2.0.0-beta.209
'@tiptap/pm': ^2.0.0-beta.209 '@tiptap/pm': ^2.0.0-beta.209
vue: ^3.0.0 vue: ^3.0.0
dependencies: dependencies:
'@tiptap/core': 2.0.0-beta.220(@tiptap/pm@2.0.0-beta.220) '@tiptap/core': 2.0.0(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-bubble-menu': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-bubble-menu': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/extension-floating-menu': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220)(@tiptap/pm@2.0.0-beta.220) '@tiptap/extension-floating-menu': 2.0.0-beta.220(@tiptap/core@2.0.0)(@tiptap/pm@2.0.0-beta.220)
'@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0-beta.220) '@tiptap/pm': 2.0.0-beta.220(@tiptap/core@2.0.0)
vue: 3.2.47 vue: 3.2.47
dev: false dev: false
@ -1100,7 +1122,7 @@ packages:
vite: ^4.0.0 vite: ^4.0.0
vue: ^3.2.25 vue: ^3.2.25
dependencies: dependencies:
vite: 4.2.1 vite: 4.2.1(sass@1.60.0)
vue: 3.2.47 vue: 3.2.47
dev: true dev: true
@ -2685,6 +2707,10 @@ packages:
engines: {node: '>= 4'} engines: {node: '>= 4'}
dev: true dev: true
/immutable@4.3.0:
resolution: {integrity: sha512-0AOCmOip+xgJwEVTQj1EfiDDOkPmuyllDuTuEX+DDXUgapLAsBIfkg3sxCYyCEA8mQqZrrxPUGjcOQ2JS3WLkg==}
dev: true
/import-fresh@3.3.0: /import-fresh@3.3.0:
resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==} resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
engines: {node: '>=6'} engines: {node: '>=6'}
@ -3912,6 +3938,16 @@ packages:
regexp-tree: 0.1.24 regexp-tree: 0.1.24
dev: true dev: true
/sass@1.60.0:
resolution: {integrity: sha512-updbwW6fNb5gGm8qMXzVO7V4sWf7LMXnMly/JEyfbfERbVH46Fn6q02BX7/eHTdKpE7d+oTkMMQpFWNUMfFbgQ==}
engines: {node: '>=12.0.0'}
hasBin: true
dependencies:
chokidar: 3.5.3
immutable: 4.3.0
source-map-js: 1.0.2
dev: true
/semver@5.7.1: /semver@5.7.1:
resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==} resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
hasBin: true hasBin: true
@ -4328,7 +4364,7 @@ packages:
spdx-expression-parse: 3.0.1 spdx-expression-parse: 3.0.1
dev: true dev: true
/vite@4.2.1: /vite@4.2.1(sass@1.60.0):
resolution: {integrity: sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==} resolution: {integrity: sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true hasBin: true
@ -4357,6 +4393,7 @@ packages:
postcss: 8.4.21 postcss: 8.4.21
resolve: 1.22.1 resolve: 1.22.1
rollup: 3.20.2 rollup: 3.20.2
sass: 1.60.0
optionalDependencies: optionalDependencies:
fsevents: 2.3.2 fsevents: 2.3.2
dev: true dev: true

View file

@ -0,0 +1,117 @@
<script>
export default {
props: {
items: {
type: Array,
required: true,
},
command: {
type: Function,
required: true,
},
},
data() {
return {
selectedIndex: 0,
}
},
watch: {
items() {
this.selectedIndex = 0
},
},
methods: {
onKeyDown({ event }) {
if (event.key === 'ArrowUp') {
this.upHandler()
return true
}
if (event.key === 'ArrowDown') {
this.downHandler()
return true
}
if (event.key === 'Enter') {
this.enterHandler()
return true
}
return false
},
upHandler() {
this.selectedIndex = ((this.selectedIndex + this.items.length) - 1) % this.items.length
},
downHandler() {
this.selectedIndex = (this.selectedIndex + 1) % this.items.length
},
enterHandler() {
this.selectItem(this.selectedIndex)
},
selectItem(index) {
const item = this.items[index]
if (item)
this.command(item)
},
},
}
</script>
<template>
<div class="items">
<template v-if="items.length">
<button
v-for="(item, index) in items"
:key="index"
class="item"
:class="{ 'is-selected': index === selectedIndex }"
@click="selectItem(index)"
>
{{ item.title }}
</button>
</template>
<div v-else class="item">
No result
</div>
</div>
</template>
<style lang="scss">
.items {
padding: 0.2rem;
position: relative;
border-radius: 0.5rem;
background: #FFF;
color: rgba(0, 0, 0, 0.8);
overflow: hidden;
font-size: 0.9rem;
box-shadow:
0 0 0 1px rgba(0, 0, 0, 0.05),
0px 10px 20px rgba(0, 0, 0, 0.1),
;
}
.item {
display: block;
margin: 0;
width: 100%;
text-align: left;
background: transparent;
border-radius: 0.4rem;
border: 1px solid transparent;
padding: 0.2rem 0.4rem;
&.is-selected {
border-color: #000;
}
}
</style>

View file

@ -4,6 +4,8 @@ import StarterKit from '@tiptap/starter-kit'
import Typography from '@tiptap/extension-typography' import Typography from '@tiptap/extension-typography'
import Link from '@tiptap/extension-link' import Link from '@tiptap/extension-link'
import BubbleMenu from './BubbleMenu.vue' import BubbleMenu from './BubbleMenu.vue'
import Commands from './commands'
import suggestion from './suggestion'
const editor = useEditor({ const editor = useEditor({
content: `<p> content: `<p>
@ -18,6 +20,9 @@ const editor = useEditor({
Link.configure({ Link.configure({
openOnClick: false, openOnClick: false,
}), }),
Commands.configure({
suggestion,
}),
], ],
editable: true, editable: true,
autofocus: true, autofocus: true,

View file

@ -0,0 +1,26 @@
import { Extension } from '@tiptap/core'
import Suggestion from '@tiptap/suggestion'
export default Extension.create({
name: 'commands',
addOptions() {
return {
suggestion: {
char: '/',
command: ({ editor, range, props }) => {
props.command({ editor, range })
},
},
}
},
addProseMirrorPlugins() {
return [
Suggestion({
editor: this.editor,
...this.options.suggestion,
}),
]
},
})

View file

@ -0,0 +1,111 @@
import { VueRenderer } from '@tiptap/vue-3'
import tippy from 'tippy.js'
import CommandsList from './CommandsList.vue'
export default {
items: ({ query }) => {
return [
{
title: 'H1',
command: ({ editor, range }) => {
editor
.chain()
.focus()
.deleteRange(range)
.setNode('heading', { level: 1 })
.run()
},
},
{
title: 'H2',
command: ({ editor, range }) => {
editor
.chain()
.focus()
.deleteRange(range)
.setNode('heading', { level: 2 })
.run()
},
},
{
title: 'bold',
command: ({ editor, range }) => {
editor
.chain()
.focus()
.deleteRange(range)
.setMark('bold')
.run()
},
},
{
title: 'italic',
command: ({ editor, range }) => {
editor
.chain()
.focus()
.deleteRange(range)
.setMark('italic')
.run()
},
},
].filter(item => item.title.toLowerCase().startsWith(query.toLowerCase())).slice(0, 10)
},
render: () => {
let component
let popup
return {
onStart: (props) => {
component = new VueRenderer(CommandsList, {
// using vue 2:
// parent: this,
// propsData: props,
props,
editor: props.editor,
})
if (!props.clientRect)
return
popup = tippy('body', {
getReferenceClientRect: props.clientRect,
appendTo: () => document.body,
content: component.element,
showOnCreate: true,
interactive: true,
trigger: 'manual',
placement: 'bottom-start',
})
},
onUpdate(props) {
component.updateProps(props)
if (!props.clientRect)
return
popup[0].setProps({
getReferenceClientRect: props.clientRect,
})
},
onKeyDown(props) {
if (props.event.key === 'Escape') {
popup[0].hide()
return true
}
return component.ref?.onKeyDown(props)
},
onExit() {
popup[0].destroy()
component.destroy()
},
}
},
}