@dataloop-ai/components 0.18.27 → 0.18.29
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/globals.scss +14 -0
- package/src/components/compound/DlJsonEditor/DlJsonEditor.vue +9 -6
- package/src/layouts/DlDatasetBrowserLayout/DlDatasetBrowserLayout.vue +17 -19
- package/src/layouts/DlPageLayout/DlPageLayout.vue +19 -21
- package/src/layouts/DlStudioLayout/DlStudioLayout.vue +17 -16
package/package.json
CHANGED
package/src/assets/globals.scss
CHANGED
|
@@ -200,6 +200,14 @@ body {
|
|
|
200
200
|
--dl-date-picker-shadow: 0px 3px 6px #101e7326;
|
|
201
201
|
--dl-date-picker-selected-strip: rgb(52, 82, 255, 0.2);
|
|
202
202
|
--dl-date-picker-selected-date: #8FA0FF;
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
// DlJsonEditor based on atom one themes
|
|
206
|
+
--dl-json-editor-key-color: #a626a4;
|
|
207
|
+
--dl-json-editor-background-color: #fafafa;
|
|
208
|
+
--dl-json-editor-panel-background: #fafafa;
|
|
209
|
+
--dl-json-editor-value-color-boolean: #c18401;
|
|
210
|
+
--dl-json-editor-value-color-string: #50a14f;
|
|
203
211
|
}
|
|
204
212
|
|
|
205
213
|
/* Define styles for the root window with dark - mode preference */
|
|
@@ -250,6 +258,12 @@ body {
|
|
|
250
258
|
--dl-date-picker-shadow: 0px 3px 6px #292e3580;
|
|
251
259
|
--dl-date-picker-selected-strip: rgb(124, 140, 255, 0.2);
|
|
252
260
|
--dl-date-picker-selected-date: #535E96;
|
|
261
|
+
|
|
262
|
+
--dl-json-editor-key-color: #c678dd;
|
|
263
|
+
--dl-json-editor-background-color: #282c34;
|
|
264
|
+
--dl-json-editor-panel-background: #282c34;
|
|
265
|
+
--dl-json-editor-value-color-boolean: #d19a66;
|
|
266
|
+
--dl-json-editor-value-color-string: #98c379;
|
|
253
267
|
}
|
|
254
268
|
|
|
255
269
|
// scrollbar
|
|
@@ -134,6 +134,7 @@ export default defineComponent({
|
|
|
134
134
|
jsonEditor.value?.set({
|
|
135
135
|
text: formatted
|
|
136
136
|
})
|
|
137
|
+
emit('align-text')
|
|
137
138
|
} catch (e) {
|
|
138
139
|
console.warn('[DlJsonEditor] Failed to format document', e)
|
|
139
140
|
return
|
|
@@ -155,17 +156,19 @@ export default defineComponent({
|
|
|
155
156
|
|
|
156
157
|
<style lang="scss" scoped>
|
|
157
158
|
.json-editor {
|
|
159
|
+
width: 100%;
|
|
160
|
+
height: 100%;
|
|
161
|
+
|
|
158
162
|
--jse-text-color: var(--dl-color-tooltip-background);
|
|
159
163
|
--jse-delimiter-color: var(--dl-color-tooltip-background);
|
|
160
|
-
--jse-key-color: var(--dl-color
|
|
161
|
-
--jse-background-color: var(--dl-
|
|
162
|
-
--jse-value-color-boolean:
|
|
163
|
-
--jse-value-color-string:
|
|
164
|
-
--jse-panel-background: var(--dl-
|
|
164
|
+
--jse-key-color: var(--dl-json-editor-key-color);
|
|
165
|
+
--jse-background-color: var(--dl-json-editor-background-color);
|
|
166
|
+
--jse-value-color-boolean: var(--dl-json-editor-value-color-boolean);
|
|
167
|
+
--jse-value-color-string: var(--dl-json-editor-value-color-string);
|
|
168
|
+
--jse-panel-background: var(--dl-json-editor-panel-background);
|
|
165
169
|
--jse-panel-border: var(--dl-color-separator);
|
|
166
170
|
--jse-main-border: 1px solid var(--dl-color-separator);
|
|
167
171
|
|
|
168
|
-
height: 100%;
|
|
169
172
|
.jse-error {
|
|
170
173
|
display: none !important;
|
|
171
174
|
}
|
|
@@ -1,23 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
<
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
</dl-layout>
|
|
20
|
-
</div>
|
|
2
|
+
<dl-layout :template="template">
|
|
3
|
+
<template #header>
|
|
4
|
+
<slot name="header" />
|
|
5
|
+
</template>
|
|
6
|
+
<template #leftDrawer>
|
|
7
|
+
<slot name="leftDrawer" />
|
|
8
|
+
</template>
|
|
9
|
+
<template #rightDrawer>
|
|
10
|
+
<slot name="rightDrawer" />
|
|
11
|
+
</template>
|
|
12
|
+
<template #body>
|
|
13
|
+
<slot name="body" />
|
|
14
|
+
</template>
|
|
15
|
+
<template #footer>
|
|
16
|
+
<slot name="footer" />
|
|
17
|
+
</template>
|
|
18
|
+
</dl-layout>
|
|
21
19
|
</template>
|
|
22
20
|
|
|
23
21
|
<script lang="ts">
|
|
@@ -1,25 +1,23 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
<
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
<slot
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
<
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
</dl-layout>
|
|
22
|
-
</div>
|
|
2
|
+
<dl-layout :template="template">
|
|
3
|
+
<template #header>
|
|
4
|
+
<slot name="header">
|
|
5
|
+
<dl-page-layout-header
|
|
6
|
+
:title="title"
|
|
7
|
+
:sub-title="subTitle"
|
|
8
|
+
:counters="counters"
|
|
9
|
+
/>
|
|
10
|
+
</slot>
|
|
11
|
+
</template>
|
|
12
|
+
<template #body>
|
|
13
|
+
<slot name="body">
|
|
14
|
+
<slot />
|
|
15
|
+
</slot>
|
|
16
|
+
</template>
|
|
17
|
+
<template #footer>
|
|
18
|
+
<slot name="footer" />
|
|
19
|
+
</template>
|
|
20
|
+
</dl-layout>
|
|
23
21
|
</template>
|
|
24
22
|
|
|
25
23
|
<script lang="ts">
|
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
<
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
2
|
+
<dl-layout
|
|
3
|
+
class="dl-studio-layout"
|
|
4
|
+
:template="template"
|
|
5
|
+
>
|
|
6
|
+
<template #leftDrawer>
|
|
7
|
+
<slot name="leftDrawer" />
|
|
8
|
+
</template>
|
|
9
|
+
<template #rightDrawer>
|
|
10
|
+
<slot name="rightDrawer" />
|
|
11
|
+
</template>
|
|
12
|
+
<template #body>
|
|
13
|
+
<slot name="body" />
|
|
14
|
+
</template>
|
|
15
|
+
<template #footer>
|
|
16
|
+
<slot name="footer" />
|
|
17
|
+
</template>
|
|
18
|
+
</dl-layout>
|
|
18
19
|
</template>
|
|
19
20
|
|
|
20
21
|
<script lang="ts">
|