@brandup/ui-dropdown 1.0.34 → 1.0.38
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/README.md +4 -4
- package/package.json +8 -5
- package/source/dropdown.ts +7 -0
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
## Установка
|
|
8
8
|
|
|
9
|
-
```
|
|
9
|
+
```bash
|
|
10
10
|
npm i @brandup/ui-dropdown
|
|
11
11
|
```
|
|
12
12
|
|
|
@@ -35,7 +35,7 @@ dropdown.on(CHANGE_EVENT, (data: ChangeEventData) => {
|
|
|
35
35
|
## Data-атрибуты
|
|
36
36
|
|
|
37
37
|
| Атрибут | По умолчанию | Описание |
|
|
38
|
-
|
|
38
|
+
| --- | --- | --- |
|
|
39
39
|
| `data-placeholder` | `"Select"` | Текст при отсутствии выбранного значения |
|
|
40
40
|
| `data-emptytext` | `"Empty list"` | Текст при пустом списке опций |
|
|
41
41
|
| `data-search-placeholder` | `"Search"` | Плейсхолдер строки поиска |
|
|
@@ -48,7 +48,7 @@ dropdown.on(CHANGE_EVENT, (data: ChangeEventData) => {
|
|
|
48
48
|
### Методы (унаследованы от InputControl)
|
|
49
49
|
|
|
50
50
|
| Метод | Описание |
|
|
51
|
-
|
|
51
|
+
| --- | --- |
|
|
52
52
|
| `validate(): boolean` | Проверяет значение через нативный `checkValidity()` |
|
|
53
53
|
| `focus(): void` | Устанавливает фокус |
|
|
54
54
|
| `destroy(): void` | Восстанавливает исходный `<select>` и освобождает ресурсы |
|
|
@@ -56,7 +56,7 @@ dropdown.on(CHANGE_EVENT, (data: ChangeEventData) => {
|
|
|
56
56
|
### Свойства
|
|
57
57
|
|
|
58
58
|
| Свойство | Тип | Описание |
|
|
59
|
-
|
|
59
|
+
| --- | --- | --- |
|
|
60
60
|
| `placeholder` | `string` | Текст-заглушка |
|
|
61
61
|
| `emptyText` | `string` | Текст при пустом списке |
|
|
62
62
|
| `searchOn` | `number \| boolean` | Настройка отображения строки поиска |
|
package/package.json
CHANGED
|
@@ -1,4 +1,7 @@
|
|
|
1
1
|
{
|
|
2
|
+
"publishConfig": {
|
|
3
|
+
"access": "public"
|
|
4
|
+
},
|
|
2
5
|
"name": "@brandup/ui-dropdown",
|
|
3
6
|
"description": "DropDown control type and styles.",
|
|
4
7
|
"keywords": [
|
|
@@ -21,14 +24,14 @@
|
|
|
21
24
|
"email": "it@brandup.online"
|
|
22
25
|
},
|
|
23
26
|
"license": "Apache-2.0",
|
|
24
|
-
"version": "1.0.
|
|
27
|
+
"version": "1.0.38",
|
|
25
28
|
"main": "source/index.ts",
|
|
26
29
|
"types": "source/index.ts",
|
|
27
30
|
"dependencies": {
|
|
28
|
-
"@brandup/ui": "^2.0.
|
|
29
|
-
"@brandup/ui-helpers": "^2.0.
|
|
30
|
-
"@brandup/ui-input": "^1.0.
|
|
31
|
-
"@brandup/ui-kit": "^1.0.
|
|
31
|
+
"@brandup/ui": "^2.0.7",
|
|
32
|
+
"@brandup/ui-helpers": "^2.0.7",
|
|
33
|
+
"@brandup/ui-input": "^1.0.38",
|
|
34
|
+
"@brandup/ui-kit": "^1.0.38"
|
|
32
35
|
},
|
|
33
36
|
"files": [
|
|
34
37
|
"source",
|
package/source/dropdown.ts
CHANGED
|
@@ -168,6 +168,9 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
|
|
|
168
168
|
// вставляем элементы меню в фрагмент, чтобы не нагружать процессор
|
|
169
169
|
const popupItemsFragment = document.createDocumentFragment();
|
|
170
170
|
|
|
171
|
+
// исключаем дубликаты: значение, уже добавленное в список, повторно не рендерим
|
|
172
|
+
const addedValues = new Set<string>();
|
|
173
|
+
|
|
171
174
|
let elemCount = 0;
|
|
172
175
|
for (let i = 0; i < optionsCount; i++) {
|
|
173
176
|
const optionElem = this.__valueElem.options.item(i);
|
|
@@ -183,6 +186,10 @@ class DropDown extends InputControl<HTMLSelectElement, DropDownEvents> {
|
|
|
183
186
|
continue;
|
|
184
187
|
}
|
|
185
188
|
|
|
189
|
+
// такое значение уже есть в списке — пропускаем дубликат
|
|
190
|
+
if (addedValues.has(itemValue)) continue;
|
|
191
|
+
addedValues.add(itemValue);
|
|
192
|
+
|
|
186
193
|
const itemSpan = DOM.tag("span", { tabindex: "0" });
|
|
187
194
|
itemSpan.textContent = itemText; // безопасно: textContent не парсит HTML
|
|
188
195
|
|