Merge https://github.com/apuc/cg-select

2023-01-20 19:22:58 +03:00
parent 136a6bc6e5 ec1a083cde
commit 3b56254919
93 changed files with 7800 additions and 1301 deletions
--- a/example/index.html
+++ b/example/index.html
@ -46,7 +46,7 @@
          <button type="button" class="check-code" id="first">Посмотреть код</button>
          <code id="codeFirst">
            <pre>
-              <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">CGSelect</span>({
                selector: <span class="code__string">'.cg-dropdown_one',</span> 
                placeholder: <span class="code__string">'Выберите авто',</span> 
                lable: <span class="code__string">'EXAMPLE',</span> 
@ -89,7 +89,7 @@
          <button type="button" class="check-code" id="Native">Посмотреть код</button>
          <code id="codeNative">
            <pre>
-              <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">CGSelect</span>({
                selector: <span class="code__string">'.cg-dropdown_one',</span> 
                placeholder: <span class="code__string">'Выберите авто',</span> 
                nativeSelectMode: <span class="code__keyword">true,</span>
@ -133,7 +133,7 @@

          <code id="codeSix">
            <pre>
-              <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">CGSelect</span>({
                selector: <span class="code__string">'.cg-dropdown_listDisplayMode',</span> 
                placeholder: <span class="code__string">'Выберите авто',</span> 
                listDisplayMode: <span class="code__keyword">true,</span>
@ -171,7 +171,7 @@

        <code id="codeSecond">
          <pre>
-            <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">CGSelect</span>({
              selector: <span class="code__string">'.cg-dropdown_three',</span> 
              placeholder: <span class="code__string">'URL',</span> 
              url: <span class="code__string">'https://jsonplaceholder.typicode.com/users',</span>            
@ -201,7 +201,7 @@

        <code id="codeThird">
          <pre>
-            <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">CGSelect</span>({
              selector: <span class="code__string">'.cg-dropdown_categories',</span> 
              placeholder: <span class="code__string">'Выберите регион',</span> 
              searchMode: <span class="code__keyword">true,</span>
@ -267,7 +267,7 @@

        <code id="codeFourth">
          <pre>
-            <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">CGSelect</span>({
              selector: <span class="code__string">'.cg-dropdown_usedBtn',</span> 
              placeholder: <span class="code__string">'Выберите авто',</span> 
              searchMode: <span class="code__keyword">true,</span>
@ -323,7 +323,7 @@
        <button type="button" class="check-code" id="fifth">Посмотреть код</button>
        <code id="codeFifth">
          <pre>
-            <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">CGSelect</span>({
              selector: <span class="code__string">'.cg-dropdown_checkboxDisable',</span> 
              placeholder: <span class="code__string">'Выберите авто',</span> 
              searchMode: <span class="code__keyword">true,</span>
--- a/example/index.js
+++ b/example/index.js
@ -1,8 +1,8 @@
-import DropDown from '../index';
+import { CGSelect } from '../src/cg-select';
 import './example';

 // ------------------------------Обычный селект--------------------
-const dropdown = new DropDown({
+const dropdown = new CGSelect({
  selector: '.cg-dropdown_one',
  placeholder: 'Выберите авто',
  lable: 'EXAMPLE',
@ -28,7 +28,7 @@ const dropdown = new DropDown({
 });

 // ------------------------------NativeSelect-----------------------
-const dropdownNativeSelect = new DropDown({
+const dropdownNativeSelect = new CGSelect({
  selector: '.cg-dropdown_selectNative',
  placeholder: 'Выберите авто',
  nativeSelectMode: true,
@ -43,7 +43,7 @@ const dropdownNativeSelect = new DropDown({
    'MAN',
    'Ferari',
    'Kamaz',
-    'Ural'
+    'Ural',
  ],
  styles: {
    head: {
@ -56,7 +56,7 @@ const dropdownNativeSelect = new DropDown({
 });

 // ------------------------------listDisplayMode--------------------
-const dropdownlistDisplayMode = new DropDown({
+const dropdownlistDisplayMode = new CGSelect({
  selector: '.cg-dropdown_listDisplayMode',
  placeholder: 'Выберите авто',
  listDisplayMode: true,
@ -81,26 +81,8 @@ const dropdownlistDisplayMode = new DropDown({
  },
 });

-// ------------------------------URL--------------------
-const dropdown3 = new DropDown({
-  selector: '.cg-dropdown_three',
-  placeholder: 'URL',
-  url: 'https://jsonplaceholder.typicode.com/users',
-  searchMode: true,
-  darkTheme: false,
-  language: 'ru',
-  styles: {
-    head: {
-      width: '830px',
-    },
-    list: {
-      width: '824px',
-    },
-  },
-});
-
 // --------------------------------Категории--------------------------
-const dropdown4 = new DropDown({
+const dropdown4 = new CGSelect({
  selector: '.cg-dropdown_categories',
  placeholder: 'Выберите регион',
  searchMode: true,
@ -145,7 +127,7 @@ const dropdown4 = new DropDown({
 });

 //----------------управление с помощью кнопок----------------------------------
-const dropdownBtn = new DropDown({
+const dropdownBtn = new CGSelect({
  selector: '.cg-dropdown_usedBtn',
  placeholder: 'Выберите авто',
  searchMode: true,
@ -192,7 +174,7 @@ dropdownBtn.buttonControl(buttonOpen, 'open');
 dropdownBtn.buttonControl(buttonClose, 'close');

 //-------------------------Функция Disabled----------------------------------
-const dropdownDisabled = new DropDown({
+const dropdownDisabled = new CGSelect({
  selector: '.cg-dropdown_checkboxDisable',
  placeholder: 'Выберите авто',
  searchMode: true,
@ -230,3 +212,22 @@ chbox.addEventListener('click', () => {
    dropdownDisabled.disabled(true);
  }
 });
+
+// ------------------------------URL--------------------
+const dropdown3 = new CGSelect({
+  selector: '.cg-dropdown_three',
+  placeholder: 'URL',
+  url: 'https://jsonplaceholder.typicode.com/todos',
+  searchMode: true,
+  darkTheme: false,
+  language: 'ru',
+  styles: {
+    head: {
+      width: '830px',
+    },
+    list: {
+      width: '824px',
+    },
+  },
+  multiselect: true,
+});