@redseed/redseed-ui-vue3 7.2.0 → 7.2.1
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
|
@@ -43,6 +43,18 @@ const props = defineProps({
|
|
|
43
43
|
default: false,
|
|
44
44
|
},
|
|
45
45
|
// modal variants
|
|
46
|
+
headerPadded: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
default: true,
|
|
49
|
+
},
|
|
50
|
+
bodyPadded: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
default: true,
|
|
53
|
+
},
|
|
54
|
+
footerPadded: {
|
|
55
|
+
type: Boolean,
|
|
56
|
+
default: true,
|
|
57
|
+
},
|
|
46
58
|
footerStart: {
|
|
47
59
|
type: Boolean,
|
|
48
60
|
default: false,
|
|
@@ -126,20 +138,33 @@ onUnmounted(() => {
|
|
|
126
138
|
:class="modalContentClass"
|
|
127
139
|
>
|
|
128
140
|
<div v-if="$slots.header && show"
|
|
129
|
-
class="
|
|
141
|
+
:class="{
|
|
142
|
+
'rsui-modal__header': true,
|
|
143
|
+
'rsui-modal__header--padded': headerPadded,
|
|
144
|
+
}"
|
|
130
145
|
>
|
|
131
146
|
<slot name="header"
|
|
132
147
|
:close="close"
|
|
133
148
|
></slot>
|
|
134
149
|
</div>
|
|
150
|
+
|
|
135
151
|
<div v-if="show"
|
|
136
|
-
class="
|
|
152
|
+
:class="{
|
|
153
|
+
'rsui-modal__body': true,
|
|
154
|
+
'rsui-modal__body--padded': bodyPadded,
|
|
155
|
+
}"
|
|
137
156
|
>
|
|
138
|
-
<slot
|
|
157
|
+
<slot>
|
|
158
|
+
<slot name="body"
|
|
159
|
+
:close="close"
|
|
160
|
+
></slot>
|
|
161
|
+
</slot>
|
|
139
162
|
</div>
|
|
163
|
+
|
|
140
164
|
<div v-if="$slots.footer && show"
|
|
141
165
|
:class="{
|
|
142
166
|
'rsui-modal__footer': true,
|
|
167
|
+
'rsui-modal__footer--padded': footerPadded,
|
|
143
168
|
'rsui-modal__footer--start': footerStart,
|
|
144
169
|
}"
|
|
145
170
|
>
|