apuc/cg-select
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed errors in working for to React

Browse Source
This commit is contained in:
MaxOvs 2022-12-21 16:24:15 +03:00
parent 85920365f7
commit 7280ffd4c8
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1,6 +1,6 @@
# CG-SELECT # CG-SELECT
## version ~ 0.1.0 ## version ~ 0.1.002
Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта. Этот компонент позволяет создать кастомный селект. Он предлагает более гибкую настройку и использование селекта.
Доступна кастомизация, мультивыбор и живой поиск по елементам. Доступна кастомизация, мультивыбор и живой поиск по елементам.

11
src/cg-dropdown.js
View File

@ -309,9 +309,10 @@ export class DropDown {
const elem = document.querySelector(options.selector); const elem = document.querySelector(options.selector);
if (!elem) { //TODO: для теста в реакте нужно пересмотреть необходимость этой проверки!
throw new Error(`Element with selector ${options.selector}`); // if (!elem) {
} // throw new Error(`Element with selector ${options.selector}`);
// }
this.#element = elem; this.#element = elem;
@ -396,8 +397,6 @@ export class DropDown {
*/ */
#render(select) { #render(select) {
const { styles, multiselect, searchMode, multiselectTag, darkTheme, language } = this.#options; const { styles, multiselect, searchMode, multiselectTag, darkTheme, language } = this.#options;
const { list, search } = styles;
const random = Math.random().toString(36).substring(2, 10); const random = Math.random().toString(36).substring(2, 10);
if (select || (select && styles)) { if (select || (select && styles)) {
@ -419,6 +418,7 @@ export class DropDown {
} else { } else {
intputSearch = createInputSearch(random, en.placeholder); intputSearch = createInputSearch(random, en.placeholder);
} }
const { search } = styles;
customStylesFormat(search, intputSearch); customStylesFormat(search, intputSearch);
ulList.appendChild(intputSearch); ulList.appendChild(intputSearch);
} }
@ -426,6 +426,7 @@ export class DropDown {
ulList.classList.add('list'); ulList.classList.add('list');
if (styles) { if (styles) {
const { list } = styles;
customStylesFormat(list, ulList); customStylesFormat(list, ulList);
} }

1
src/index.html
View File

@ -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>({ <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> selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span>
placeholder: <span class="code__string">'Выберите авто',</span> placeholder: <span class="code__string">'Выберите авто',</span>
lable: <span class="code__string">'EXAMPLE',</span>
searchMode: <span class="code__keyword">true,</span> searchMode: <span class="code__keyword">true,</span>
items: [ items: [
<span class="code__string">'BMW',</span> <span class="code__string">'BMW',</span>