@lls/vivi 24.1.7-0b548db8 → 24.1.7-0dc5023b
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/lib/assets/vivi.css +101 -28
- package/lib/index.js +392 -243
- package/package.json +4 -4
package/lib/assets/vivi.css
CHANGED
|
@@ -83,65 +83,138 @@
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
/* css-modules:css-modules://
|
|
87
|
-
.vv-
|
|
86
|
+
/* css-modules:css-modules://Nn6QZ2dCL6jNXAHejP5TSaMKoN_atqm6Gs_XTxaFR20.css */
|
|
87
|
+
.vv-WWJSSq-editGrid {
|
|
88
88
|
flex-direction: column;
|
|
89
89
|
width: 100%;
|
|
90
90
|
display: flex;
|
|
91
91
|
}
|
|
92
|
-
.vv-
|
|
92
|
+
.vv-WWJSSq-layout {
|
|
93
93
|
box-sizing: border-box;
|
|
94
94
|
flex-direction: column;
|
|
95
|
-
gap:
|
|
95
|
+
gap: 16px;
|
|
96
96
|
width: 100%;
|
|
97
97
|
padding: 8px;
|
|
98
98
|
display: flex;
|
|
99
99
|
}
|
|
100
|
-
.vv-
|
|
100
|
+
.vv-WWJSSq-interface {
|
|
101
|
+
box-sizing: border-box;
|
|
102
|
+
background: #f7faff;
|
|
103
|
+
border-radius: 8px;
|
|
104
|
+
flex-direction: column;
|
|
105
|
+
flex: 1;
|
|
106
|
+
gap: 16px;
|
|
107
|
+
padding: 16px;
|
|
108
|
+
display: flex;
|
|
109
|
+
box-shadow: 0 4px 4px #04224d1f;
|
|
110
|
+
}
|
|
111
|
+
.vv-WWJSSq-zone {
|
|
112
|
+
box-sizing: border-box;
|
|
113
|
+
--kit-button-margin: 0 2px;
|
|
114
|
+
background: #fff;
|
|
115
|
+
border-radius: 8px;
|
|
116
|
+
justify-content: center;
|
|
117
|
+
gap: 8px;
|
|
118
|
+
padding: 16px;
|
|
119
|
+
display: flex;
|
|
120
|
+
box-shadow: 0 4px 4px #04224d1f;
|
|
121
|
+
}
|
|
122
|
+
.vv-WWJSSq-zone h3 {
|
|
123
|
+
margin: 0;
|
|
124
|
+
}
|
|
125
|
+
.vv-WWJSSq-zone .vv-WWJSSq-col {
|
|
126
|
+
flex-direction: column;
|
|
127
|
+
gap: 8px;
|
|
128
|
+
display: flex;
|
|
129
|
+
}
|
|
130
|
+
.vv-WWJSSq-zone .vv-WWJSSq-row {
|
|
131
|
+
justify-content: space-between;
|
|
132
|
+
align-items: center;
|
|
133
|
+
gap: 8px;
|
|
134
|
+
display: flex;
|
|
135
|
+
}
|
|
136
|
+
.vv-WWJSSq-zone .vv-WWJSSq-zonePicture {
|
|
137
|
+
box-sizing: border-box;
|
|
138
|
+
width: 200px;
|
|
139
|
+
height: 130px;
|
|
140
|
+
}
|
|
141
|
+
.vv-WWJSSq-zone .vv-WWJSSq-zonePicture > div {
|
|
142
|
+
aspect-ratio: var(--v-grid-zone-picture-ratio);
|
|
143
|
+
box-sizing: border-box;
|
|
144
|
+
outline: 4px solid var(--v-grid-zone-picture-color);
|
|
145
|
+
max-width: 100%;
|
|
146
|
+
max-height: 100%;
|
|
147
|
+
margin: auto;
|
|
148
|
+
position: relative;
|
|
149
|
+
top: 50%;
|
|
150
|
+
overflow: hidden;
|
|
151
|
+
transform: translateY(-50%);
|
|
152
|
+
}
|
|
153
|
+
.vv-WWJSSq-zone .vv-WWJSSq-zonePicture > div:before {
|
|
154
|
+
content: "";
|
|
155
|
+
width: var(--v-grid-zone-picture-size);
|
|
156
|
+
aspect-ratio: var(--v-grid-picture-aspect-ratio);
|
|
157
|
+
background-image: var(--v-grid-zone-picture-url);
|
|
158
|
+
transform: translate(var(--v-grid-zone-picture-left), var(--v-grid-zone-picture-top));
|
|
159
|
+
background-repeat: no-repeat;
|
|
160
|
+
background-size: 100%;
|
|
161
|
+
position: absolute;
|
|
162
|
+
top: 0;
|
|
163
|
+
left: 0;
|
|
164
|
+
}
|
|
165
|
+
.vv-WWJSSq-addZone {
|
|
166
|
+
border: 2px dashed var(--primary-40-color);
|
|
167
|
+
border-radius: 16px;
|
|
168
|
+
flex-direction: column;
|
|
169
|
+
justify-content: center;
|
|
170
|
+
align-items: center;
|
|
171
|
+
min-height: 178px;
|
|
172
|
+
padding: 16px;
|
|
173
|
+
display: flex;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
/* css-modules:css-modules://E8q_Xr1n2R9Y3XOpQIwBbolIOMDkNminpn6uEP1O3G4.css */
|
|
177
|
+
.vv-WzhmXa-illu {
|
|
178
|
+
box-sizing: border-box;
|
|
101
179
|
border: 4px solid #002747;
|
|
102
180
|
border-radius: 8px;
|
|
103
181
|
flex: 2;
|
|
104
182
|
min-width: 0;
|
|
105
183
|
position: relative;
|
|
106
184
|
}
|
|
107
|
-
.vv-
|
|
108
|
-
aspect-ratio:
|
|
185
|
+
.vv-WzhmXa-illu > img {
|
|
186
|
+
aspect-ratio: var(--v-grid-picture-aspect-ratio);
|
|
109
187
|
width: 100%;
|
|
110
188
|
display: block;
|
|
111
189
|
}
|
|
112
|
-
.vv-
|
|
113
|
-
top: var(--v-picturezone-y);
|
|
114
|
-
left: var(--v-picturezone-x);
|
|
115
|
-
width: var(--v-picturezone-w);
|
|
116
|
-
height: var(--v-picturezone-h);
|
|
117
|
-
border: 5px solid green;
|
|
118
|
-
position: absolute;
|
|
119
|
-
}
|
|
120
|
-
.vv-s56jqa-editGrid .vv-s56jqa-interface {
|
|
190
|
+
.vv-WzhmXa-illu .vv-WzhmXa-pictureZone {
|
|
121
191
|
box-sizing: border-box;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
192
|
+
top: var(--v-zonemaker-y);
|
|
193
|
+
left: var(--v-zonemaker-x);
|
|
194
|
+
width: var(--v-zonemaker-w);
|
|
195
|
+
height: var(--v-zonemaker-h);
|
|
196
|
+
outline: 4px solid var(--v-zonemaker-color);
|
|
197
|
+
position: absolute;
|
|
128
198
|
}
|
|
129
|
-
|
|
199
|
+
|
|
200
|
+
/* css-modules:css-modules://k25kGthh01F0JC5uCLZYEJNVKnlYVmK81yw21wwRr0g.css */
|
|
201
|
+
.vv-TauroG-viewGrid {
|
|
130
202
|
width: 100%;
|
|
131
203
|
}
|
|
132
|
-
.vv-
|
|
204
|
+
.vv-TauroG-illu {
|
|
133
205
|
position: relative;
|
|
134
206
|
}
|
|
135
|
-
.vv-
|
|
136
|
-
aspect-ratio:
|
|
207
|
+
.vv-TauroG-illu > img {
|
|
208
|
+
aspect-ratio: var(--v-grid-picture-aspect-ratio);
|
|
137
209
|
width: 100%;
|
|
210
|
+
display: block;
|
|
138
211
|
}
|
|
139
|
-
.vv-
|
|
212
|
+
.vv-TauroG-pictureZone {
|
|
140
213
|
top: var(--v-picturezone-y);
|
|
141
214
|
left: var(--v-picturezone-x);
|
|
142
215
|
width: var(--v-picturezone-w);
|
|
143
216
|
height: var(--v-picturezone-h);
|
|
144
|
-
|
|
217
|
+
outline: 5px solid var(--v-picturezone-color);
|
|
145
218
|
position: absolute;
|
|
146
219
|
}
|
|
147
220
|
|