@ditojs/admin 2.33.0 → 2.33.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/dist/dito-admin.es.js +919 -906
- package/dist/dito-admin.umd.js +3 -3
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/components/DitoContainer.vue +19 -3
- package/src/types/DitoTypeLabel.vue +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ditojs/admin",
|
|
3
|
-
"version": "2.33.
|
|
3
|
+
"version": "2.33.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Dito.js Admin is a schema based admin interface for Dito.js Server, featuring auto-generated views and forms and built with Vue.js",
|
|
6
6
|
"repository": "https://github.com/ditojs/dito/tree/master/packages/admin",
|
|
@@ -89,5 +89,5 @@
|
|
|
89
89
|
"vite": "^5.4.6"
|
|
90
90
|
},
|
|
91
91
|
"types": "types",
|
|
92
|
-
"gitHead": "
|
|
92
|
+
"gitHead": "1a73730c672ab5d1157cf8e91767a6f8640e1487"
|
|
93
93
|
}
|
|
@@ -17,12 +17,13 @@
|
|
|
17
17
|
)
|
|
18
18
|
DitoLabel(
|
|
19
19
|
v-if="hasLabel"
|
|
20
|
-
:class="
|
|
20
|
+
:class="labelClasses"
|
|
21
21
|
:label="label"
|
|
22
22
|
:dataPath="labelDataPath"
|
|
23
23
|
:info="info"
|
|
24
24
|
)
|
|
25
25
|
component.dito-component(
|
|
26
|
+
v-if="!(hasLabel && isLabel)"
|
|
26
27
|
:is="typeComponent"
|
|
27
28
|
ref="component"
|
|
28
29
|
:class="componentClasses"
|
|
@@ -82,8 +83,16 @@ export default DitoComponent.component('DitoContainer', {
|
|
|
82
83
|
return new DitoContext(this, { nested: this.nested })
|
|
83
84
|
},
|
|
84
85
|
|
|
86
|
+
type() {
|
|
87
|
+
return this.schema.type
|
|
88
|
+
},
|
|
89
|
+
|
|
85
90
|
typeComponent() {
|
|
86
|
-
return getTypeComponent(this.
|
|
91
|
+
return getTypeComponent(this.type)
|
|
92
|
+
},
|
|
93
|
+
|
|
94
|
+
isLabel() {
|
|
95
|
+
return this.type === 'label'
|
|
87
96
|
},
|
|
88
97
|
|
|
89
98
|
hasLabel() {
|
|
@@ -216,6 +225,13 @@ export default DitoComponent.component('DitoContainer', {
|
|
|
216
225
|
}
|
|
217
226
|
},
|
|
218
227
|
|
|
228
|
+
labelClasses() {
|
|
229
|
+
return {
|
|
230
|
+
'dito-label--visible': this.isLabel,
|
|
231
|
+
...this.layoutClasses
|
|
232
|
+
}
|
|
233
|
+
},
|
|
234
|
+
|
|
219
235
|
panelEntries() {
|
|
220
236
|
return getAllPanelEntries(
|
|
221
237
|
this.api,
|
|
@@ -255,7 +271,7 @@ export default DitoComponent.component('DitoContainer', {
|
|
|
255
271
|
// percentages in flex-basis to work.
|
|
256
272
|
padding: var(--container-padding);
|
|
257
273
|
|
|
258
|
-
> .dito-label:only-child {
|
|
274
|
+
> .dito-label:not(.dito-label--visible):only-child {
|
|
259
275
|
// Used e.g. when sources hide themselves due to maxDepth, but the label
|
|
260
276
|
// is rendered above it.
|
|
261
277
|
display: none;
|