@nuxt/devtools-ui-kit 1.0.0-beta.2 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,8 +8,10 @@ withDefaults(defineProps<{
|
|
|
8
8
|
icon?: string
|
|
9
9
|
border?: boolean
|
|
10
10
|
disabled?: boolean
|
|
11
|
+
type?: 'submit' | 'reset' | 'button'
|
|
11
12
|
}>(), {
|
|
12
13
|
border: true,
|
|
14
|
+
type: 'button',
|
|
13
15
|
})
|
|
14
16
|
</script>
|
|
15
17
|
|
|
@@ -17,7 +19,7 @@ withDefaults(defineProps<{
|
|
|
17
19
|
<Component
|
|
18
20
|
:is="to ? NuxtLink : 'button'"
|
|
19
21
|
:to="to"
|
|
20
|
-
v-bind="
|
|
22
|
+
v-bind="{ ...$attrs, ...(!to && { type }) }"
|
|
21
23
|
:class="[
|
|
22
24
|
{ 'n-button-base active:n-button-active focus-visible:n-focus-base hover:n-button-hover': border },
|
|
23
25
|
{ 'n-icon-button': !$slots.default },
|
|
@@ -59,7 +59,7 @@ export default {
|
|
|
59
59
|
<Teleport v-if="shown" to="body">
|
|
60
60
|
<div
|
|
61
61
|
v-show="show"
|
|
62
|
-
class="
|
|
62
|
+
class="fixed inset-0 z-100 flex items-center justify-center n-transition n-glass-effect"
|
|
63
63
|
role="dialog"
|
|
64
64
|
aria-modal="true"
|
|
65
65
|
:class="[
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
import { ref } from 'vue'
|
|
3
3
|
import { onClickOutside, useVModel } from '@vueuse/core'
|
|
4
4
|
|
|
5
|
-
const props = defineProps<{
|
|
5
|
+
const props = withDefaults(defineProps<{
|
|
6
|
+
modelValue?: boolean
|
|
7
|
+
direction?: 'start' | 'end'
|
|
8
|
+
}>(), {
|
|
9
|
+
direction: 'start',
|
|
10
|
+
})
|
|
6
11
|
const emit = defineEmits<{ (...args: any): void }>()
|
|
7
12
|
|
|
8
13
|
const enabled = useVModel(props, 'modelValue', emit, { passive: true })
|
|
@@ -23,7 +28,7 @@ onClickOutside(el, () => {
|
|
|
23
28
|
|
|
24
29
|
<div
|
|
25
30
|
class="absolute z-10 border n-border-base rounded shadow n-transition n-bg-base"
|
|
26
|
-
:class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1']"
|
|
31
|
+
:class="[enabled ? 'op-100' : 'op0 pointer-events-none -translate-y-1', direction === 'end' ? 'right-0' : 'left-0']"
|
|
27
32
|
>
|
|
28
33
|
<slot />
|
|
29
34
|
</div>
|
package/dist/module.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nuxt/devtools-ui-kit",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "1.0.0
|
|
4
|
+
"version": "1.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"repository": "nuxt/devtools",
|
|
7
7
|
"exports": {
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"dist"
|
|
24
24
|
],
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@nuxt/devtools": "1.0.0
|
|
26
|
+
"@nuxt/devtools": "1.0.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@iconify-json/carbon": "^1.1.21",
|
|
@@ -42,15 +42,15 @@
|
|
|
42
42
|
"@vueuse/integrations": "^10.5.0",
|
|
43
43
|
"@vueuse/nuxt": "^10.5.0",
|
|
44
44
|
"defu": "^6.1.2",
|
|
45
|
-
"focus-trap": "^7.5.
|
|
45
|
+
"focus-trap": "^7.5.4",
|
|
46
46
|
"splitpanes": "^3.1.5",
|
|
47
47
|
"unocss": "^0.56.5",
|
|
48
48
|
"v-lazy-show": "^0.2.3",
|
|
49
|
-
"@nuxt/devtools-kit": "1.0.0
|
|
49
|
+
"@nuxt/devtools-kit": "1.0.0"
|
|
50
50
|
},
|
|
51
51
|
"devDependencies": {
|
|
52
52
|
"nuxt": "^3.7.4",
|
|
53
|
-
"@nuxt/devtools": "1.0.0
|
|
53
|
+
"@nuxt/devtools": "1.0.0"
|
|
54
54
|
},
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|