Compare commits
1 Commits
913f9b1879
...
cdn-main
Author | SHA1 | Date | |
---|---|---|---|
5527157568 |
14
README.md
14
README.md
@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
## version ~ 0.3.11
|
## version ~ 0.3.11
|
||||||
|
|
||||||
<a href="https://git.itguild.info/apuc/cg-select/src/branch/master/READMERU.md">ЧИТАТЬ НА РУССКОМ</a>
|
<a href="https://github.com/apuc/cg-select/blob/main/READMERU.md">ЧИТАТЬ НА РУССКОМ</a>
|
||||||
|
|
||||||
This component allows you to create a custom select. It offers more flexible customization and use of select.
|
This component allows you to create a custom select. It offers more flexible customization and use of select.
|
||||||
Customization, multi-selection and live search by elements are available.
|
Customization, multi-selection and live search by elements are available.
|
||||||
@ -19,18 +19,10 @@ Customization, multi-selection and live search by elements are available.
|
|||||||
|
|
||||||
## Installation
|
## Installation
|
||||||
|
|
||||||
#### NPM
|
|
||||||
|
|
||||||
```
|
```
|
||||||
npm i cg-select
|
npm i cg-select
|
||||||
```
|
```
|
||||||
|
|
||||||
#### CDN
|
|
||||||
|
|
||||||
```
|
|
||||||
<script src="https://cdn.itguild.info/items/cg-select/latest/main.js"></script>
|
|
||||||
```
|
|
||||||
|
|
||||||
## Usage
|
## Usage
|
||||||
|
|
||||||
### To create a component, you need:
|
### To create a component, you need:
|
||||||
@ -95,11 +87,9 @@ All documentation on CG-SELECT is located in the folder of the same name. The do
|
|||||||
|
|
||||||
## Compatibility
|
## Compatibility
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
| Application Compatibility | JS | React | Angular | Vue |
|
| Application Compatibility | JS | React | Angular | Vue |
|
||||||
| ------------------------- | :----------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :---------------------------------------------------------------------: |
|
| ------------------------- | :----------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :---------------------------------------------------------------------: |
|
||||||
| CG-SELECT | <img src="src/images/yes.png"></img> | <img src="src/images/yes.png"></img> <img src="src/images/no.png"></img> | </img> <img src="src/images/no.png"></img> | </img> <img src="src/images/no.png"></img> |
|
| CG-SELECT |  |   |  |  |
|
||||||
| Comment | Tested in Js applications and it works. | Works only with a crutch in the form `setTimeout()` | not yet available | not yet available |
|
| Comment | Tested in Js applications and it works. | Works only with a crutch in the form `setTimeout()` | not yet available | not yet available |
|
||||||
|
|
||||||
## History
|
## History
|
||||||
|
12
READMERU.md
12
READMERU.md
@ -2,7 +2,7 @@
|
|||||||
|
|
||||||
## Версия ~ 0.3.11
|
## Версия ~ 0.3.11
|
||||||
|
|
||||||
<a href="https://git.itguild.info/apuc/cg-select/src/branch/master/README.md">English README</a>
|
<a href="https://github.com/apuc/cg-select/blob/main/README.md">English README</a>
|
||||||
|
|
||||||
Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select.
|
Этот компонент позволяет вам создать пользовательский Select. Он предлагает более гибкую настройку и использование select.
|
||||||
Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое.
|
Доступна кастомизация, multi-selection, живой поиск по элементам и многое другое.
|
||||||
@ -19,18 +19,10 @@
|
|||||||
|
|
||||||
## Установка
|
## Установка
|
||||||
|
|
||||||
#### NPM
|
|
||||||
|
|
||||||
```
|
```
|
||||||
npm i cg-select
|
npm i cg-select
|
||||||
```
|
```
|
||||||
|
|
||||||
#### CDN
|
|
||||||
|
|
||||||
```
|
|
||||||
<script src="https://cdn.itguild.info/items/cg-select/latest/main.js"></script>
|
|
||||||
```
|
|
||||||
|
|
||||||
## Использование
|
## Использование
|
||||||
|
|
||||||
### Для создания компонента необходимо:
|
### Для создания компонента необходимо:
|
||||||
@ -96,7 +88,7 @@ const dropdown = new CGSelect({
|
|||||||
|
|
||||||
| Совместимость в приложениях | JS | React | Angular | Vue |
|
| Совместимость в приложениях | JS | React | Angular | Vue |
|
||||||
| --------------------------- | :----------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :---------------------------------------------------------------------: |
|
| --------------------------- | :----------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------: | :---------------------------------------------------------------------: |
|
||||||
| CG-SELECT | <img src="src/images/yes.png"></img> | <img src="src/images/yes.png"></img> <img src="src/images/no.png"></img>| <img src="src/images/no.png"></img> | <img src="src/images/no.png"></img> |
|
| CG-SELECT |  |   |  |  |
|
||||||
| Комментарий | Протестировано в Js приложениях | Работает только с костылем в виде `setTimeout()` | пока недоступно | пока недоступно |
|
| Комментарий | Протестировано в Js приложениях | Работает только с костылем в виде `setTimeout()` | пока недоступно | пока недоступно |
|
||||||
|
|
||||||
## История
|
## История
|
||||||
|
@ -7,8 +7,11 @@ module.exports = {
|
|||||||
path: path.resolve(__dirname, 'dist'),
|
path: path.resolve(__dirname, 'dist'),
|
||||||
filename: 'main.js',
|
filename: 'main.js',
|
||||||
clean: true,
|
clean: true,
|
||||||
library: 'CGSelect',
|
library: {
|
||||||
libraryTarget: 'umd',
|
name: 'CGSelect',
|
||||||
|
type: 'window',
|
||||||
|
export: 'default',
|
||||||
|
},
|
||||||
},
|
},
|
||||||
// devServer: {
|
// devServer: {
|
||||||
// open: true,
|
// open: true,
|
||||||
|
Reference in New Issue
Block a user