@redseed/redseed-ui-vue3 8.1.2 → 8.1.3
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<script setup>
|
|
2
2
|
import { ref, computed, watch } from 'vue'
|
|
3
|
-
import
|
|
3
|
+
import ButtonSecondary from '../Button/ButtonSecondary.vue'
|
|
4
4
|
|
|
5
5
|
const props = defineProps({
|
|
6
6
|
flexible: {
|
|
@@ -19,6 +19,10 @@ const props = defineProps({
|
|
|
19
19
|
type: Boolean,
|
|
20
20
|
default: false,
|
|
21
21
|
},
|
|
22
|
+
radioStart: {
|
|
23
|
+
type: Boolean,
|
|
24
|
+
default: false,
|
|
25
|
+
},
|
|
22
26
|
disabled: {
|
|
23
27
|
type: Boolean,
|
|
24
28
|
default: false,
|
|
@@ -44,12 +48,20 @@ const componentClass = computed(() => [
|
|
|
44
48
|
const titleRowClass = computed(() => [
|
|
45
49
|
'rsui-radio-card__title-row',
|
|
46
50
|
{
|
|
51
|
+
'rsui-radio-card__title-row--radio-start': props.radioStart,
|
|
47
52
|
'rsui-radio-card__title-row--selected': isSelected.value && !props.disabled,
|
|
48
53
|
'rsui-radio-card__title-row--disabled': props.disabled && !isSelected.value,
|
|
49
54
|
'rsui-radio-card__title-row--selected-disabled': isSelected.value && props.disabled,
|
|
50
55
|
},
|
|
51
56
|
])
|
|
52
57
|
|
|
58
|
+
const contentRowClass = computed(() => [
|
|
59
|
+
'rsui-radio-card__content-row',
|
|
60
|
+
{
|
|
61
|
+
'rsui-radio-card__content-row--radio-start': props.radioStart,
|
|
62
|
+
},
|
|
63
|
+
])
|
|
64
|
+
|
|
53
65
|
const emit = defineEmits(['select', 'deselect', 'click'])
|
|
54
66
|
|
|
55
67
|
function handleSelect() {
|
|
@@ -72,8 +84,6 @@ function handleClick(event) {
|
|
|
72
84
|
|
|
73
85
|
event.stopPropagation()
|
|
74
86
|
|
|
75
|
-
console.log('click')
|
|
76
|
-
|
|
77
87
|
emit('click', event)
|
|
78
88
|
}
|
|
79
89
|
</script>
|
|
@@ -89,7 +99,7 @@ function handleClick(event) {
|
|
|
89
99
|
</div>
|
|
90
100
|
</div>
|
|
91
101
|
|
|
92
|
-
<div class="
|
|
102
|
+
<div :class="contentRowClass" v-if="$slots.default">
|
|
93
103
|
<slot></slot>
|
|
94
104
|
</div>
|
|
95
105
|
|
|
@@ -98,9 +108,9 @@ function handleClick(event) {
|
|
|
98
108
|
</div>
|
|
99
109
|
|
|
100
110
|
<div class="rsui-radio-card__action-row" v-if="showButton">
|
|
101
|
-
<
|
|
111
|
+
<ButtonSecondary xs @click="handleClick">
|
|
102
112
|
<slot name="button-label">Button</slot>
|
|
103
|
-
</
|
|
113
|
+
</ButtonSecondary>
|
|
104
114
|
</div>
|
|
105
115
|
</div>
|
|
106
116
|
</template>
|
|
@@ -11,7 +11,9 @@ const props = defineProps({
|
|
|
11
11
|
})
|
|
12
12
|
</script>
|
|
13
13
|
<template>
|
|
14
|
-
<PaginationItem class="rsui-pagination-item-next"
|
|
14
|
+
<PaginationItem class="rsui-pagination-item-next"
|
|
15
|
+
:disabled="disabled"
|
|
16
|
+
>
|
|
15
17
|
<Icon :disabled="disabled">
|
|
16
18
|
<ChevronRightIcon />
|
|
17
19
|
</Icon>
|
|
@@ -11,7 +11,9 @@ const props = defineProps({
|
|
|
11
11
|
})
|
|
12
12
|
</script>
|
|
13
13
|
<template>
|
|
14
|
-
<PaginationItem class="rsui-pagination-item-previous"
|
|
14
|
+
<PaginationItem class="rsui-pagination-item-previous"
|
|
15
|
+
:disabled="disabled"
|
|
16
|
+
>
|
|
15
17
|
<Icon :disabled="disabled">
|
|
16
18
|
<ChevronLeftIcon />
|
|
17
19
|
</Icon>
|