This commit is contained in:
2021-08-25 20:03:53 +03:00
parent 543d1c3215
commit 0621b62e4e
4 changed files with 27 additions and 28 deletions
+12 -13
View File
@@ -4,6 +4,14 @@
Предназначен для асинхронной работы с ресурсами на веб-проектах. Предназначен для асинхронной работы с ресурсами на веб-проектах.
## Установка
В директории [php:wt.core] `app()->config()->get('templater.path') . '/kit'` (по умолчанию `/local/templater.dev/kit`) выполнить клонирование проекта
```bash
git clone https://bellord@bitbucket.org/bellord13/kit.git ./
```
## Термины и определения в контексте фреймворка ## Термины и определения в контексте фреймворка
`Плагин` - сущность включающая в себя модуль, js-, css-файлы, шрифты. `Плагин` - сущность включающая в себя модуль, js-, css-файлы, шрифты.
@@ -16,7 +24,7 @@
✨ Инициализация ✨ Инициализация
> Выдержка из плагина `core` Выдержка из плагина `core`:
```js ```js
manager = new PluginManager(global, plugins = {}); manager = new PluginManager(global, plugins = {});
@@ -43,7 +51,7 @@ kit.jquery
| этап | метод | | этап | метод |
| ------ | ------ | | ------ | ------ |
| Регистрация | registerPlugin(`pluginId`, `config`) или registerPlugins(`object`) | | Регистрация | register(`pluginId`, `config`) или registerPlugins(`object`) |
| Загрузка | load(`pluginId`, `callback`) | | Загрузка | load(`pluginId`, `callback`) |
| Установка | install(`pluginId`, `callback`) | | Установка | install(`pluginId`, `callback`) |
| Запрос | require(`pluginId`, `callback`) | | Запрос | require(`pluginId`, `callback`) |
@@ -53,7 +61,7 @@ kit.jquery
```js ```js
kit.PluginManager.register('menu', { kit.PluginManager.register('menu', {
path: kit.config.defaultPath + '/menu', path: kit.config.assetsPath + '/menu',
module: '/menu.js', module: '/menu.js',
type: 'loader', type: 'loader',
css: [ css: [
@@ -105,7 +113,7 @@ PluginManager.ready(deps, callback)
| name | default | description | | name | default | description |
| --- | --- | --- | | --- | --- | --- |
| defaultPath | /local/templater.dev/kit/assets | | | assetsPath | /local/templater.dev/kit/assets | |
| requiredDependencies | ['bsCore', 'toolkit'] | дополнительно определяет список зависимостей для любого колбека вызванного функциями `exec` и `ready` | | requiredDependencies | ['bsCore', 'toolkit'] | дополнительно определяет список зависимостей для любого колбека вызванного функциями `exec` и `ready` |
| autoloadPluginList | ['tooltip'] | Автоматически загрузит ресурсы указанных плагинов. В случае модуля с типом `loader` код не будет исполнен сразу после загрузки. Исполнение бдует определятся функций `install` | | autoloadPluginList | ['tooltip'] | Автоматически загрузит ресурсы указанных плагинов. В случае модуля с типом `loader` код не будет исполнен сразу после загрузки. Исполнение бдует определятся функций `install` |
| debug | false | Расширит список выводимой в консоль информации | | debug | false | Расширит список выводимой в консоль информации |
@@ -119,15 +127,6 @@ PluginManager.ready(deps, callback)
| 100 | flex-kit | .flex-card:hover .flex-card__content | | 100 | flex-kit | .flex-card:hover .flex-card__content |
## Установка
В директории определенной в `config.defaultPath` выполнить
```bash
git clone https://bellord@bitbucket.org/bellord13/kit.git ./
```
## License ## License
MIT MIT
+1 -1
View File
@@ -1,7 +1,7 @@
window.kit = window.kit || {}; window.kit = window.kit || {};
kit.config = kit.config || {}; kit.config = kit.config || {};
kit.config.defaultPath = '/local/templater.dev/kit/assets'; kit.config.assetsPath = '/local/templater.dev/kit/assets';
kit.config.requiredDependencies = ['bsCore', 'toolkit']; kit.config.requiredDependencies = ['bsCore', 'toolkit'];
kit.config.autoloadPluginList = ['tooltip']; kit.config.autoloadPluginList = ['tooltip'];
kit.config.debug = true; kit.config.debug = true;
+1 -1
View File
@@ -563,7 +563,7 @@ window.kit = window.kit || {};
}; };
var defaultConfig = { var defaultConfig = {
defaultPath: '', assetsPath: '',
requiredDependencies: [], requiredDependencies: [],
autoloadPluginList: [], autoloadPluginList: [],
debug: false, debug: false,
+13 -13
View File
@@ -1,6 +1,6 @@
__PluginManager__.registerPlugins({ __PluginManager__.registerPlugins({
menu: { menu: {
path: __pmConfig__.defaultPath + '/menu', path: __pmConfig__.assetsPath + '/menu',
module: '/menu.js', module: '/menu.js',
css: [ css: [
'/menu.css' '/menu.css'
@@ -9,28 +9,28 @@ __PluginManager__.registerPlugins({
deps: ['lib', 'align', 'utils'] deps: ['lib', 'align', 'utils']
}, },
lib: { lib: {
path: __pmConfig__.defaultPath + '/lib', path: __pmConfig__.assetsPath + '/lib',
module: '/lib.js', module: '/lib.js',
type: 'loader', type: 'loader',
}, },
align: { align: {
path: __pmConfig__.defaultPath + '/align', path: __pmConfig__.assetsPath + '/align',
module: '/align.js', module: '/align.js',
type: 'loader', type: 'loader',
}, },
utils: { utils: {
path: __pmConfig__.defaultPath + '/utils', path: __pmConfig__.assetsPath + '/utils',
module: '/utils.js', module: '/utils.js',
type: 'loader', type: 'loader',
}, },
jquery: { jquery: {
path: __pmConfig__.defaultPath + '/jquery', path: __pmConfig__.assetsPath + '/jquery',
module: '/jquery.min.js', module: '/jquery.min.js',
type: 'loader', type: 'loader',
alias: '$', alias: '$',
}, },
tooltip: { tooltip: {
path: __pmConfig__.defaultPath + '/tooltip', path: __pmConfig__.assetsPath + '/tooltip',
module: '/tooltip.js', module: '/tooltip.js',
type: 'loader', type: 'loader',
css: '/tooltip.css', css: '/tooltip.css',
@@ -40,13 +40,13 @@ __PluginManager__.registerPlugins({
deps: ['popper', 'bsCore'], deps: ['popper', 'bsCore'],
}, },
popper: { popper: {
path: __pmConfig__.defaultPath + '/popper', path: __pmConfig__.assetsPath + '/popper',
alias: 'popper.js', alias: 'popper.js',
module: '/popper.js', module: '/popper.js',
type: 'loader', type: 'loader',
}, },
bsCore: { bsCore: {
path: __pmConfig__.defaultPath + '/bsCore', path: __pmConfig__.assetsPath + '/bsCore',
module: '/bsCore.js', module: '/bsCore.js',
type: 'loader', type: 'loader',
css: [ css: [
@@ -54,20 +54,20 @@ __PluginManager__.registerPlugins({
] ]
}, },
mask: { mask: {
path: __pmConfig__.defaultPath + '/mask', path: __pmConfig__.assetsPath + '/mask',
module: '/mask.js', module: '/mask.js',
type: 'loader', type: 'loader',
deps: ['jquery'], deps: ['jquery'],
}, },
toolkit: { toolkit: {
path: __pmConfig__.defaultPath + '/toolkit', path: __pmConfig__.assetsPath + '/toolkit',
module: '/toolkit.js', module: '/toolkit.js',
type: 'loader', type: 'loader',
css: ['/toolkit.css'], css: ['/toolkit.css'],
deps: ['jquery', 'mask'], deps: ['jquery', 'mask'],
}, },
modal: { modal: {
path: __pmConfig__.defaultPath + '/modal', path: __pmConfig__.assetsPath + '/modal',
module: '/modal.js', module: '/modal.js',
type: 'loader', type: 'loader',
css: [ css: [
@@ -92,7 +92,7 @@ __PluginManager__.registerPlugins({
}, },
}, },
collapse: { collapse: {
path: __pmConfig__.defaultPath + '/collapse', path: __pmConfig__.assetsPath + '/collapse',
module: '/collapse.js', module: '/collapse.js',
type: 'loader', type: 'loader',
css: [ css: [
@@ -106,7 +106,7 @@ __PluginManager__.registerPlugins({
}, },
}, },
datepicker: { datepicker: {
path: __pmConfig__.defaultPath + '/datepicker', path: __pmConfig__.assetsPath + '/datepicker',
module: '/js/datepicker.js', module: '/js/datepicker.js',
type: 'loader', type: 'loader',
css: [ css: [