@d-mok/quasar-app-extension-quasar-axe 2.0.10 → 2.0.13

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/templates/src/boot/axe/components/QxBtn.vue +12 -1
  3. package/src/templates/src/boot/axe/components/QxFloatBtn.vue +1 -1
  4. package/src/templates/src/boot/axe/components/QxMenuItem.vue +1 -1
  5. package/src/templates/src/boot/axe/components/QxWidget.vue +13 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@d-mok/quasar-app-extension-quasar-axe",
3
- "version": "2.0.10",
3
+ "version": "2.0.13",
4
4
  "description": "A Quasar App Extension",
5
5
  "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
6
6
  "license": "MIT",
package/src/templates/src/boot/axe/components/QxBtn.vue CHANGED
@@ -6,6 +6,13 @@
6
6
  :delay="150"
7
7
  >{{ tooltip }}</q-tooltip
8
8
  >
9
+ <q-badge
10
+ v-if="badge !== undefined"
11
+ floating
12
+ rounded
13
+ :color="badgeColor"
14
+ >{{ badge }}</q-badge
15
+ >
9
16
  </q-btn>
10
17
  </template>
11
18
 
@@ -13,7 +20,11 @@
13
20
  const props = withDefaults(
14
21
  defineProps<{
15
22
  tooltip?: string
23
+ badge?: string | number
24
+ badgeColor?: string
16
25
  }>(),
17
- {}
26
+ {
27
+ badgeColor: 'red',
28
+ }
18
29
  )
19
30
  </script>
package/src/templates/src/boot/axe/components/QxFloatBtn.vue CHANGED
@@ -33,7 +33,7 @@ type action = {
33
33
 
34
34
  const props = defineProps<{
35
35
  position: 'bottom-left' | 'bottom-right'
36
- color: string
36
+ color?: string
37
37
  icon: string
38
38
  label?: string
39
39
  actions: action[]
package/src/templates/src/boot/axe/components/QxMenuItem.vue CHANGED
@@ -30,7 +30,7 @@
30
30
  defineProps<{
31
31
  title: string
32
32
  caption?: string
33
- link: string
33
+ link?: string
34
34
  icon?: string
35
35
  }>()
36
36
  </script>
package/src/templates/src/boot/axe/components/QxWidget.vue CHANGED
@@ -33,14 +33,19 @@
33
33
  <script lang="ts" setup>
34
34
  import { computed } from 'vue'
35
35
 
36
- const props = defineProps<{
37
- name?: string
38
- modelValue?: string | boolean
39
- width?: number
40
- title?: string
41
- side?: 'right' | 'left'
42
- noClose?: boolean
43
- }>()
36
+ const props = withDefaults(
37
+ defineProps<{
38
+ name?: string
39
+ modelValue?: string | boolean
40
+ width?: number
41
+ title?: string
42
+ side?: 'right' | 'left'
43
+ noClose?: boolean
44
+ }>(),
45
+ {
46
+ modelValue: undefined,
47
+ }
48
+ )
44
49
 
45
50
  const emit = defineEmits(['update:model-value'])
46
51