@bildvitta/quasar-ui-asteroid 3.11.0-beta.17 → 3.11.0-beta.18
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 +1 -1
- package/src/assets/icon-loading.svg +1 -0
- package/src/components/form-generator/QasFormGenerator.vue +2 -0
- package/src/components/form-generator/QasFormGenerator.yml +1 -1
- package/src/css/base/font-face.scss +28 -0
- package/src/css/base/index.scss +1 -0
- package/src/index.scss +3 -0
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" fill="#90a4ae" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-80q-84 0-157-31t-127-85q-54-54-85-127T80-480q0-84 31-157t85-127q54-54 127-85t157-31q12 0 21 9t9 21q0 12-9 21t-21 9q-141 0-240.5 99.5T140-480q0 141 99.5 240.5T480-140q141 0 240.5-99.5T820-480q0-12 9-21t21-9q12 0 21 9t9 21q0 84-31 157t-85 127q-54 54-127 85T480-80Z"/></svg>
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
<div v-for="(fieldsetItem, fieldsetItemKey) in normalizedFields" :key="fieldsetItemKey" class="full-width">
|
|
4
4
|
<slot v-if="fieldsetItem.label" :name="`legend-${fieldsetItemKey}`">
|
|
5
5
|
<qas-label :label="fieldsetItem.label" />
|
|
6
|
+
<div v-if="fieldsetItem.description" class="q-mb-md text-body1 text-grey-8">{{ fieldsetItem.description }}</div>
|
|
6
7
|
</slot>
|
|
7
8
|
|
|
8
9
|
<div>
|
|
@@ -123,6 +124,7 @@ const normalizedFields = computed(() => {
|
|
|
123
124
|
|
|
124
125
|
fields[fieldsetKey] = {
|
|
125
126
|
label: fieldsetItem.label,
|
|
127
|
+
description: fieldsetItem.description,
|
|
126
128
|
fields: { hidden: {}, visible: {} }
|
|
127
129
|
}
|
|
128
130
|
|
|
@@ -36,7 +36,7 @@ props:
|
|
|
36
36
|
desc: Lista para agrupar elementos por rótulo (label).
|
|
37
37
|
default: {}
|
|
38
38
|
type: Object
|
|
39
|
-
examples: ["{ personalInformation: { label: 'Informações pessoais', fields: [name, email] } }"]
|
|
39
|
+
examples: ["{ personalInformation: { label: 'Informações pessoais', description: 'Descrição dos campos', fields: ['name', 'email'] } }"]
|
|
40
40
|
|
|
41
41
|
fieldset-gutter:
|
|
42
42
|
desc: Espaçamento entre rótulos (label).
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
@keyframes rotation {
|
|
2
|
+
from {
|
|
3
|
+
transform: rotate(0deg);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
to {
|
|
7
|
+
transform: rotate(359deg);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.icons-is-loading {
|
|
12
|
+
.material-symbols-rounded {
|
|
13
|
+
position: relative;
|
|
14
|
+
color: transparent;
|
|
15
|
+
|
|
16
|
+
&::before {
|
|
17
|
+
content: '';
|
|
18
|
+
background-image: url('~@bildvitta/quasar-ui-asteroid/src/assets/icon-loading.svg');
|
|
19
|
+
background-size: contain;
|
|
20
|
+
background-repeat: no-repeat;
|
|
21
|
+
background-position: center center;
|
|
22
|
+
animation: rotation 1s infinite linear;
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: 0;
|
|
25
|
+
left: 0;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import './font-face';
|
package/src/index.scss
CHANGED