@dataloop-ai/components 0.20.173 → 0.20.174
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/components/basic/DlAlert/DlAlert.vue +1 -1
- package/src/components/basic/DlButton/utils.ts +2 -0
- package/src/components/basic/DlChip/DlChip.vue +1 -1
- package/src/components/basic/DlPopup/components/PopupHeader.vue +5 -17
- package/src/components/compound/DlDialogBox/components/DlDialogBoxHeader.vue +1 -0
- package/src/components/compound/DlInput/DlInput.vue +2 -3
- package/src/components/compound/DlInput/DlTextInput.vue +1 -1
- package/src/components/compound/DlSearches/DlSmartSearch/components/DlSmartSearchInput.vue +1 -1
- package/src/components/compound/DlSelect/DlSelect.vue +1 -1
- package/src/components/compound/DlStepper/components/DlStepperHeader.vue +2 -4
- package/src/components/essential/DlTextArea/DlTextArea.vue +4 -13
- package/src/demos/DlDatasetBrowserLayoutDemo/DlDatasetBrowserLayoutDemo.vue +2 -4
- package/src/demos/DlPageLayoutDemo/DlPageLayoutDemo.vue +3 -7
- package/src/demos/DlStepperDemo/steps/InstructionStep.vue +19 -24
- package/src/demos/DlStudioLayoutDemo/DlStudioLayoutDemo.vue +1 -0
package/package.json
CHANGED
|
@@ -2,6 +2,7 @@ import { getColor } from '../../../utils'
|
|
|
2
2
|
import { getLighterGradient } from '../../../utils/getLighterGradient'
|
|
3
3
|
|
|
4
4
|
export enum ButtonSizes {
|
|
5
|
+
xs = 'xs',
|
|
5
6
|
s = 's',
|
|
6
7
|
m = 'm',
|
|
7
8
|
l = 'l',
|
|
@@ -23,6 +24,7 @@ const iconPaddings: { [key: string]: string } = {
|
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
const iconSizes: { [key: string]: string } = {
|
|
27
|
+
xs: '7px',
|
|
26
28
|
s: '12px',
|
|
27
29
|
m: '16px',
|
|
28
30
|
l: '18px',
|
|
@@ -1,16 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
>
|
|
6
|
-
<slot
|
|
7
|
-
v-if="hasHeaderSlot"
|
|
8
|
-
name="header"
|
|
9
|
-
/>
|
|
10
|
-
<div
|
|
11
|
-
v-else
|
|
12
|
-
class="header-content"
|
|
13
|
-
>
|
|
2
|
+
<div class="popup-header" :style="cssVars">
|
|
3
|
+
<slot v-if="hasHeaderSlot" name="header" />
|
|
4
|
+
<div v-else class="header-content">
|
|
14
5
|
<span class="title">
|
|
15
6
|
<dl-ellipsis :text="title" />
|
|
16
7
|
<span class="info-icon">
|
|
@@ -30,15 +21,12 @@
|
|
|
30
21
|
class="close-button"
|
|
31
22
|
@click="handleClick"
|
|
32
23
|
>
|
|
33
|
-
<slot
|
|
34
|
-
v-if="hasCloseButtonSlot"
|
|
35
|
-
name="close-button"
|
|
36
|
-
/>
|
|
24
|
+
<slot v-if="hasCloseButtonSlot" name="close-button" />
|
|
37
25
|
<dl-icon
|
|
38
26
|
v-else
|
|
39
27
|
color="dl-color-darker"
|
|
40
28
|
icon="icon-dl-close"
|
|
41
|
-
size="
|
|
29
|
+
size="16px"
|
|
42
30
|
/>
|
|
43
31
|
</span>
|
|
44
32
|
<span class="subtitle">
|
|
@@ -1070,8 +1070,8 @@ export default defineComponent({
|
|
|
1070
1070
|
return !!this.$slots.action && !this.isSmall
|
|
1071
1071
|
},
|
|
1072
1072
|
clearIconSize(): string {
|
|
1073
|
-
if (this.isSmall) return '
|
|
1074
|
-
return '
|
|
1073
|
+
if (this.isSmall) return 'xs'
|
|
1074
|
+
return 'm'
|
|
1075
1075
|
},
|
|
1076
1076
|
passShowIcon(): string {
|
|
1077
1077
|
return this.showPass ? 'icon-dl-hide' : 'icon-dl-show'
|
|
@@ -1643,4 +1643,3 @@ export default defineComponent({
|
|
|
1643
1643
|
}
|
|
1644
1644
|
}
|
|
1645
1645
|
</style>
|
|
1646
|
-
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
v-if="clearable && hasSelection"
|
|
130
130
|
class=".dl-select__clear-button"
|
|
131
131
|
icon="icon-dl-close"
|
|
132
|
-
:size="withoutBorders ? '10px' : '
|
|
132
|
+
:size="withoutBorders ? '10px' : '16px'"
|
|
133
133
|
style="margin-right: 3px; cursor: pointer"
|
|
134
134
|
@click.prevent.stop="clearSelection"
|
|
135
135
|
/>
|
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="dl-stepper-header">
|
|
3
3
|
<slot>
|
|
4
|
-
<dl-typography
|
|
5
|
-
size="h2"
|
|
6
|
-
variant="h2"
|
|
7
|
-
>
|
|
4
|
+
<dl-typography size="h2" variant="h2">
|
|
8
5
|
{{ headerTitle }}
|
|
9
6
|
</dl-typography>
|
|
10
7
|
</slot>
|
|
@@ -13,6 +10,7 @@
|
|
|
13
10
|
text-color="dl-color-darker"
|
|
14
11
|
flat
|
|
15
12
|
icon="icon-dl-close"
|
|
13
|
+
size="xl"
|
|
16
14
|
@click="$emit('close')"
|
|
17
15
|
/>
|
|
18
16
|
</div>
|
|
@@ -10,15 +10,9 @@
|
|
|
10
10
|
v-show="!!title.length || !!tooltip.length"
|
|
11
11
|
class="dl-textarea__title-container"
|
|
12
12
|
>
|
|
13
|
-
<label
|
|
14
|
-
v-show="!!title.length"
|
|
15
|
-
class="dl-textarea__title"
|
|
16
|
-
>
|
|
13
|
+
<label v-show="!!title.length" class="dl-textarea__title">
|
|
17
14
|
{{ title }}
|
|
18
|
-
<span
|
|
19
|
-
v-show="required"
|
|
20
|
-
:class="asteriskClasses"
|
|
21
|
-
> *</span>
|
|
15
|
+
<span v-show="required" :class="asteriskClasses"> *</span>
|
|
22
16
|
{{ !required && optional ? ' (Optional)' : null }}
|
|
23
17
|
</label>
|
|
24
18
|
<span v-show="!!tooltip.length">
|
|
@@ -42,14 +36,11 @@
|
|
|
42
36
|
:value="topMessage"
|
|
43
37
|
/>
|
|
44
38
|
</div>
|
|
45
|
-
<span
|
|
46
|
-
v-show="showClearButton"
|
|
47
|
-
class="dl-textarea__clear-button"
|
|
48
|
-
>
|
|
39
|
+
<span v-show="showClearButton" class="dl-textarea__clear-button">
|
|
49
40
|
<dl-button
|
|
50
41
|
ref="input-clear-button"
|
|
51
42
|
icon="icon-dl-close"
|
|
52
|
-
size="
|
|
43
|
+
size="m"
|
|
53
44
|
text-color="dl-color-darker"
|
|
54
45
|
flat
|
|
55
46
|
fluid
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
<dl-button @click="isOpenedDatasetBrowserModal = true">
|
|
4
4
|
Dataset Browser
|
|
5
5
|
</dl-button>
|
|
6
|
-
<div
|
|
7
|
-
v-if="isOpenedDatasetBrowserModal"
|
|
8
|
-
class="fullscreen-template"
|
|
9
|
-
>
|
|
6
|
+
<div v-if="isOpenedDatasetBrowserModal" class="fullscreen-template">
|
|
10
7
|
<div class="fullscreen-template__close">
|
|
11
8
|
<dl-button
|
|
12
9
|
icon="icon-dl-close"
|
|
10
|
+
size="xl"
|
|
13
11
|
flat
|
|
14
12
|
@click="isOpenedDatasetBrowserModal = false"
|
|
15
13
|
/>
|
|
@@ -3,13 +3,11 @@
|
|
|
3
3
|
<dl-button @click="isOpenPageLayoutModal = true">
|
|
4
4
|
Page Layout
|
|
5
5
|
</dl-button>
|
|
6
|
-
<div
|
|
7
|
-
v-if="isOpenPageLayoutModal"
|
|
8
|
-
class="fullscreen-template"
|
|
9
|
-
>
|
|
6
|
+
<div v-if="isOpenPageLayoutModal" class="fullscreen-template">
|
|
10
7
|
<div class="fullscreen-template__close">
|
|
11
8
|
<dl-button
|
|
12
9
|
icon="icon-dl-close"
|
|
10
|
+
size="xl"
|
|
13
11
|
flat
|
|
14
12
|
@click="isOpenPageLayoutModal = false"
|
|
15
13
|
/>
|
|
@@ -45,9 +43,7 @@
|
|
|
45
43
|
label="Switch to Basic Browser"
|
|
46
44
|
/>
|
|
47
45
|
</template>
|
|
48
|
-
<template #subtitle>
|
|
49
|
-
testestse
|
|
50
|
-
</template>
|
|
46
|
+
<template #subtitle> testestse </template>
|
|
51
47
|
</dl-page-layout-header>
|
|
52
48
|
</template>
|
|
53
49
|
<div>This is a body</div>
|
|
@@ -16,10 +16,7 @@
|
|
|
16
16
|
label="Error"
|
|
17
17
|
@click="$emit('error-click')"
|
|
18
18
|
/>
|
|
19
|
-
<dl-button
|
|
20
|
-
label="Reset"
|
|
21
|
-
@click="$emit('reset-click')"
|
|
22
|
-
/>
|
|
19
|
+
<dl-button label="Reset" @click="$emit('reset-click')" />
|
|
23
20
|
</div>
|
|
24
21
|
<div class="inputs-container">
|
|
25
22
|
<dl-select
|
|
@@ -40,12 +37,16 @@
|
|
|
40
37
|
to create a new recipe.
|
|
41
38
|
</dl-typography>
|
|
42
39
|
<span>
|
|
43
|
-
<dl-typography color="dl-color-medium"
|
|
40
|
+
<dl-typography color="dl-color-medium"
|
|
41
|
+
>2. Instruction Document</dl-typography
|
|
42
|
+
>
|
|
44
43
|
<div style="height: 10px" />
|
|
45
44
|
<dl-typography>Lorem Ipsum Dolot Sit Amat.Pdf</dl-typography>
|
|
46
45
|
</span>
|
|
47
46
|
<span>
|
|
48
|
-
<dl-typography color="dl-color-medium"
|
|
47
|
+
<dl-typography color="dl-color-medium"
|
|
48
|
+
>Instruction Range</dl-typography
|
|
49
|
+
>
|
|
49
50
|
<div style="height: 4px" />
|
|
50
51
|
<dl-option-group
|
|
51
52
|
v-model="range"
|
|
@@ -57,7 +58,9 @@
|
|
|
57
58
|
/>
|
|
58
59
|
</span>
|
|
59
60
|
<span>
|
|
60
|
-
<dl-typography color="dl-color-medium"
|
|
61
|
+
<dl-typography color="dl-color-medium"
|
|
62
|
+
>Tools Settings (Optional)</dl-typography
|
|
63
|
+
>
|
|
61
64
|
<div style="height: 10px" />
|
|
62
65
|
<dl-checkbox
|
|
63
66
|
v-model="pixel"
|
|
@@ -66,31 +69,26 @@
|
|
|
66
69
|
/>
|
|
67
70
|
</span>
|
|
68
71
|
<span>
|
|
69
|
-
<dl-typography color="dl-color-medium"
|
|
72
|
+
<dl-typography color="dl-color-medium"
|
|
73
|
+
>Labeling Task Actions</dl-typography
|
|
74
|
+
>
|
|
70
75
|
<div style="height: 10px" />
|
|
71
76
|
<dl-checkbox
|
|
72
77
|
v-model="auto"
|
|
73
78
|
padding="5px 0px"
|
|
74
79
|
label="Auto apply status on classification tool"
|
|
75
80
|
/>
|
|
76
|
-
<div
|
|
77
|
-
class="labeling-option"
|
|
78
|
-
style="margin-top: 4px"
|
|
79
|
-
>
|
|
81
|
+
<div class="labeling-option" style="margin-top: 4px">
|
|
80
82
|
<dl-radio
|
|
81
83
|
v-model="labeling"
|
|
82
84
|
label="Complete"
|
|
83
85
|
padding="5px 0px"
|
|
84
86
|
value="complete"
|
|
85
87
|
/>
|
|
86
|
-
<dl-typography
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<dl-icon
|
|
91
|
-
icon="icon-dl-close"
|
|
92
|
-
size="8px"
|
|
93
|
-
/>
|
|
88
|
+
<dl-typography size="10px" color="dl-color-lighter"
|
|
89
|
+
>(Default)</dl-typography
|
|
90
|
+
>
|
|
91
|
+
<dl-icon icon="icon-dl-close" size="12px" />
|
|
94
92
|
</div>
|
|
95
93
|
<div class="labeling-option">
|
|
96
94
|
<dl-radio
|
|
@@ -99,10 +97,7 @@
|
|
|
99
97
|
padding="5px 0px"
|
|
100
98
|
value="disable"
|
|
101
99
|
/>
|
|
102
|
-
<dl-icon
|
|
103
|
-
icon="icon-dl-close"
|
|
104
|
-
size="8px"
|
|
105
|
-
/>
|
|
100
|
+
<dl-icon icon="icon-dl-close" size="12px" />
|
|
106
101
|
</div>
|
|
107
102
|
</span>
|
|
108
103
|
<dl-button
|