Compare commits

..

1 Commits

Author SHA1 Message Date
5527157568 create cdn-main 2023-04-13 12:46:11 +03:00
3 changed files with 9 additions and 24 deletions

View File

@ -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 | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) |
| 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

View File

@ -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 | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/yes.png) ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) | ![image](https://github.com/apuc/cg-select/blob/main/src/images/no.png) |
| Комментарий | Протестировано в Js приложениях | Работает только с костылем в виде `setTimeout()` | пока недоступно | пока недоступно | | Комментарий | Протестировано в Js приложениях | Работает только с костылем в виде `setTimeout()` | пока недоступно | пока недоступно |
## История ## История

View File

@ -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,