@dataloop-ai/components 0.20.263 → 0.20.265
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 +2 -2
- package/src/components/compound/DlDialogBox/components/DlDialogBoxHeader.vue +13 -3
- package/src/components/compound/DlInput/DlInput.vue +1 -1
- package/src/components/compound/DlPagination/components/PageNavigation.vue +1 -1
- package/src/components/compound/DlPagination/components/QuickNavigation.vue +1 -0
- package/src/components/compound/DlSelect/DlSelect.vue +2 -2
- package/src/components/essential/DlMenu/DlMenu.vue +5 -0
- package/src/demos/DlSelectDemo.vue +1 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dataloop-ai/components",
|
|
3
|
-
"version": "0.20.
|
|
3
|
+
"version": "0.20.265",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.ts",
|
|
6
6
|
"./models": "./models.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"check-only": "if grep -E -H -r --exclude-dir=.git --exclude-dir=node_modules --exclude=*.json --exclude=*.yml '^(describe|it).only' .; then echo 'Found only in test files' && exit 1; fi"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@dataloop-ai/icons": "^3.1.
|
|
26
|
+
"@dataloop-ai/icons": "^3.1.82",
|
|
27
27
|
"@monaco-editor/loader": "^1.4.0",
|
|
28
28
|
"@types/flat": "^5.0.2",
|
|
29
29
|
"@types/lodash": "^4.14.184",
|
|
@@ -24,12 +24,16 @@
|
|
|
24
24
|
</div>
|
|
25
25
|
<dl-button
|
|
26
26
|
v-if="closeButton"
|
|
27
|
-
style="--dl-button-bg-hover: var(--dl-color-fill-secondary)"
|
|
28
27
|
class="close-button"
|
|
29
28
|
icon="icon-dl-close"
|
|
30
|
-
size="
|
|
29
|
+
icon-size="16px"
|
|
31
30
|
flat
|
|
32
|
-
|
|
31
|
+
size="m"
|
|
32
|
+
text-color="var(--dell-gray-600)"
|
|
33
|
+
hover-bg-color="var(--dell-gray-100)"
|
|
34
|
+
pressed-bg-color="var(--dell-gray-200)"
|
|
35
|
+
hover-text-color="var(--dell-gray-800)"
|
|
36
|
+
pressed-text-color="var(--dell-gray-800)"
|
|
33
37
|
:padding="closeIconSizePadding"
|
|
34
38
|
@click="$emit('onClose')"
|
|
35
39
|
>
|
|
@@ -98,5 +102,11 @@ export default defineComponent({
|
|
|
98
102
|
margin-top: 5px;
|
|
99
103
|
display: flex;
|
|
100
104
|
align-items: flex-start;
|
|
105
|
+
::v-deep button.dl-button {
|
|
106
|
+
--dl-button-border-radius: 0;
|
|
107
|
+
&:focus-visible {
|
|
108
|
+
--dl-button-border-radius: 2px;
|
|
109
|
+
}
|
|
110
|
+
}
|
|
101
111
|
}
|
|
102
112
|
</style>
|
|
@@ -295,7 +295,7 @@ export default defineComponent({
|
|
|
295
295
|
|
|
296
296
|
&--page_button {
|
|
297
297
|
text-align: center;
|
|
298
|
-
width: 20px;
|
|
298
|
+
min-width: 20px;
|
|
299
299
|
height: 20px;
|
|
300
300
|
font-family: var(--dl-typography-body-body2-font-family);
|
|
301
301
|
font-size: var(--dl-typography-body-body2-font-size);
|
|
@@ -116,6 +116,7 @@ export default defineComponent({
|
|
|
116
116
|
line-height: var(--dl-typography-body-body2-line-height);
|
|
117
117
|
font-weight: var(--dl-typography-body-body2-font-weight);
|
|
118
118
|
max-width: 30px; // 40px - 10px (paddings)
|
|
119
|
+
width: 30px;
|
|
119
120
|
-moz-appearance: textfield;
|
|
120
121
|
&::-webkit-outer-spin-button,
|
|
121
122
|
&::-webkit-inner-spin-button {
|
|
@@ -153,8 +153,7 @@
|
|
|
153
153
|
square
|
|
154
154
|
no-focus
|
|
155
155
|
:offset="[0, 3]"
|
|
156
|
-
style="
|
|
157
|
-
:style="computedMenuStyle"
|
|
156
|
+
:menu-style="computedMenuStyle"
|
|
158
157
|
:menu-class="menuClass"
|
|
159
158
|
:disabled="disabled || readonly"
|
|
160
159
|
:arrow-nav-items="options"
|
|
@@ -703,6 +702,7 @@ export default defineComponent({
|
|
|
703
702
|
},
|
|
704
703
|
computedMenuStyle(): string {
|
|
705
704
|
let style = this.menuStyle ?? ''
|
|
705
|
+
style += '; border-radius: 0'
|
|
706
706
|
if (this.optionsCount > this.MAX_ITEMS_PER_LIST) {
|
|
707
707
|
style += '; overflow-y: hidden'
|
|
708
708
|
}
|
|
@@ -159,6 +159,10 @@ export default defineComponent({
|
|
|
159
159
|
type: String,
|
|
160
160
|
default: ''
|
|
161
161
|
},
|
|
162
|
+
menuStyle: {
|
|
163
|
+
type: String,
|
|
164
|
+
default: ''
|
|
165
|
+
},
|
|
162
166
|
arrowNavItems: {
|
|
163
167
|
type: Array as PropType<any[]>,
|
|
164
168
|
default: () => [] as any[]
|
|
@@ -551,6 +555,7 @@ export default defineComponent({
|
|
|
551
555
|
const computedStyles = computed<any>(() => {
|
|
552
556
|
return [
|
|
553
557
|
attrs.style,
|
|
558
|
+
props.menuStyle,
|
|
554
559
|
transitionStyle.value,
|
|
555
560
|
{
|
|
556
561
|
'--menu-z-index': zIndex.value ?? 'var(--dl-z-index-menu)',
|