Fixed errors in working for to React
This commit is contained in:
parent
85920365f7
commit
7280ffd4c8
@ -1,6 +1,6 @@
|
||||
# CG-SELECT
|
||||
|
||||
## version ~ 0.1.0
|
||||
## version ~ 0.1.002
|
||||
|
||||
Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта.
|
||||
Доступна кастомизация, мультивыбор и живой поиск по елементам.
|
||||
|
@ -309,9 +309,10 @@ export class DropDown {
|
||||
|
||||
const elem = document.querySelector(options.selector);
|
||||
|
||||
if (!elem) {
|
||||
throw new Error(`Element with selector ${options.selector}`);
|
||||
}
|
||||
//TODO: для теста в реакте нужно пересмотреть необходимость этой проверки!
|
||||
// if (!elem) {
|
||||
// throw new Error(`Element with selector ${options.selector}`);
|
||||
// }
|
||||
|
||||
this.#element = elem;
|
||||
|
||||
@ -396,8 +397,6 @@ export class DropDown {
|
||||
*/
|
||||
#render(select) {
|
||||
const { styles, multiselect, searchMode, multiselectTag, darkTheme, language } = this.#options;
|
||||
const { list, search } = styles;
|
||||
|
||||
const random = Math.random().toString(36).substring(2, 10);
|
||||
|
||||
if (select || (select && styles)) {
|
||||
@ -419,6 +418,7 @@ export class DropDown {
|
||||
} else {
|
||||
intputSearch = createInputSearch(random, en.placeholder);
|
||||
}
|
||||
const { search } = styles;
|
||||
customStylesFormat(search, intputSearch);
|
||||
ulList.appendChild(intputSearch);
|
||||
}
|
||||
@ -426,6 +426,7 @@ export class DropDown {
|
||||
ulList.classList.add('list');
|
||||
|
||||
if (styles) {
|
||||
const { list } = styles;
|
||||
customStylesFormat(list, ulList);
|
||||
}
|
||||
|
||||
|
@ -230,7 +230,6 @@
|
||||
<span class="code__keyword">const</span> <span class="code__var">dropdown</span> = <span class="code__keyword">new</span> <span class="code__class">DropDown</span>({
|
||||
selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
|
||||
placeholder: <span class="code__string">'Выберите авто',</span>
|
||||
lable: <span class="code__string">'EXAMPLE',</span>
|
||||
searchMode: <span class="code__keyword">true,</span>
|
||||
items: [
|
||||
<span class="code__string">'BMW',</span>
|
||||
|
Loading…
Reference in New Issue
Block a user