@community-release/nx-ui 0.0.55 → 0.0.56
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/module.json
CHANGED
|
@@ -85,6 +85,14 @@
|
|
|
85
85
|
inputId: {
|
|
86
86
|
default: '',
|
|
87
87
|
},
|
|
88
|
+
error: {
|
|
89
|
+
type: Boolean,
|
|
90
|
+
default: false
|
|
91
|
+
},
|
|
92
|
+
disabled: {
|
|
93
|
+
type: Boolean,
|
|
94
|
+
default: false
|
|
95
|
+
},
|
|
88
96
|
});
|
|
89
97
|
|
|
90
98
|
const filesList = ref([]);
|
|
@@ -122,6 +130,8 @@
|
|
|
122
130
|
|
|
123
131
|
if (isOverDropZone.value) result.push('tag-drag-over');
|
|
124
132
|
if (!filesList.value.length) result.push('tag-empty');
|
|
133
|
+
if (props.error) result.push('tag-error');
|
|
134
|
+
if (props.disabled) result.push('tag-disabled');
|
|
125
135
|
|
|
126
136
|
return result;
|
|
127
137
|
});
|
|
@@ -195,7 +205,8 @@
|
|
|
195
205
|
@com-color-surface: var(--ui-color-surface);
|
|
196
206
|
@com-color-border-bolder: var(--ui-color-border-bolder);
|
|
197
207
|
@com-color-border: var(--ui-color-border);
|
|
198
|
-
@com-color-header-text:var(--ui-color-header-text);
|
|
208
|
+
@com-color-header-text: var(--ui-color-header-text);
|
|
209
|
+
@com-color-error: var(--ui-color-error);
|
|
199
210
|
|
|
200
211
|
@com-border-radius-m: var(--ui-border-radius-default);
|
|
201
212
|
|
|
@@ -360,6 +371,21 @@
|
|
|
360
371
|
display: grid;
|
|
361
372
|
}
|
|
362
373
|
}
|
|
374
|
+
|
|
375
|
+
// Disabled
|
|
376
|
+
&.tag-disabled {
|
|
377
|
+
opacity: 0.6;
|
|
378
|
+
cursor: not-allowed;
|
|
379
|
+
|
|
380
|
+
pointer-events: none;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
// Error
|
|
384
|
+
&.tag-error {
|
|
385
|
+
.block-input {
|
|
386
|
+
border-color: @com-color-error;
|
|
387
|
+
}
|
|
388
|
+
}
|
|
363
389
|
}
|
|
364
390
|
|
|
365
391
|
@media (max-width: 640px) {
|