@topvisor/ui 0.9.23 → 0.9.24-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.chunks/datepicker-CQs26CC6.amd.js +247 -0
- package/.chunks/datepicker-CQs26CC6.amd.js.map +1 -0
- package/.chunks/datepicker-HwhZ99xe.es.js +290 -0
- package/.chunks/datepicker-HwhZ99xe.es.js.map +1 -0
- package/.chunks/forms-BBbBD32l.amd.js +3 -0
- package/.chunks/forms-BBbBD32l.amd.js.map +1 -0
- package/.chunks/{forms-U97cW1zp.es.js → forms-CMU4ajdz.es.js} +39 -39
- package/.chunks/forms-CMU4ajdz.es.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-C_o5sC8m.es.js → listItem.vue_vue_type_script_setup_true_lang-BPa6m9N6.es.js} +2 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-BPa6m9N6.es.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-C67aHWhi.amd.js → listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd.js} +2 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd.js.map +1 -0
- package/.chunks/popup-CAjyI5nT.es.js +796 -0
- package/.chunks/popup-CAjyI5nT.es.js.map +1 -0
- package/.chunks/popup-DgxCokgg.amd.js +389 -0
- package/.chunks/popup-DgxCokgg.amd.js.map +1 -0
- package/.chunks/store-Bl79G7T_.amd.js.map +1 -1
- package/.chunks/store-PoMCiuBr.es.js.map +1 -1
- package/.chunks/{widgetInput-DmpYL1aA.es.js → widgetInput-Dglsn0CF.es.js} +2 -2
- package/.chunks/widgetInput-Dglsn0CF.es.js.map +1 -0
- package/.chunks/{widgetInput-DgylW6NK.amd.js → widgetInput-Dm3FgvaC.amd.js} +2 -2
- package/.chunks/widgetInput-Dm3FgvaC.amd.js.map +1 -0
- package/README.md +86 -86
- package/assets/core.css +1 -1
- package/assets/dark.css +1 -1
- package/assets/forms.css +1 -1
- package/assets/formsExt.css +1 -1
- package/assets/light.css +1 -1
- package/assets/tabs.css +1 -1
- package/assets/tabsView.css +1 -1
- package/assets/widgetInput.css +1 -1
- package/core/core.amd.js +1 -1
- package/core/core.js +1 -1
- package/forms/forms.amd.js +1 -1
- package/forms/forms.js +1 -1
- package/forms/helpers.amd.js.map +1 -1
- package/forms/helpers.js.map +1 -1
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +5 -4
- package/formsExt/formsExt.js.map +1 -1
- package/icomoon/Read Me.txt +7 -7
- package/icomoon/demo-files/demo.css +161 -161
- package/icomoon/demo-files/demo.js +30 -30
- package/icomoon/demo.html +3225 -3225
- package/icomoon/fonts/Topvisor-2.svg +252 -252
- package/icomoon/style.css +707 -707
- package/package.json +20 -20
- package/popup/popup.amd.js +1 -1
- package/popup/popup.js +2 -2
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.js +27 -31
- package/popup/worker.js.map +1 -1
- package/require/css.amd.js +11 -11
- package/src/components/formsExt/selector2/selector2.stories.d.ts +16 -16
- package/src/components/formsExt/selector2/selector2.vue.d.ts +8 -8
- package/src/components/popup/lib/popup.d.ts +40 -46
- package/src/components/popup/lib/popup.globalEvents.d.ts +2 -4
- package/src/components/popup/lib/worker.d.ts +24 -33
- package/src/components/popup/lib/worker.globalEvents.d.ts +1 -2
- package/src/components/popup/popup/popup.stories.d.ts +6 -6
- package/src/core/utils/dom.d.ts +3 -3
- package/tabs/tabs.amd.js +1 -1
- package/tabs/tabs.js +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +2 -2
- package/tabsView/tabsView.js.map +1 -1
- package/utils/css.amd.js.map +1 -1
- package/utils/css.js.map +1 -1
- package/utils/date.amd.js +1 -1
- package/utils/date.js +1 -1
- package/utils/device.amd.js +1 -1
- package/utils/device.js +1 -1
- package/utils/dom.amd.js.map +1 -1
- package/utils/dom.js.map +1 -1
- package/utils/keyboard.amd.js.map +1 -1
- package/utils/keyboard.js.map +1 -1
- package/utils/route.amd.js.map +1 -1
- package/utils/route.js.map +1 -1
- package/utils/scroll.amd.js +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js +1 -1
- package/utils/scroll.js.map +1 -1
- package/utils/system.amd.js.map +1 -1
- package/utils/system.js.map +1 -1
- package/utils/window.amd.js +1 -1
- package/utils/window.js +1 -1
- package/.chunks/datepicker-B28_yC8V.es.js +0 -277
- package/.chunks/datepicker-B28_yC8V.es.js.map +0 -1
- package/.chunks/datepicker-CDoo2d0x.amd.js +0 -234
- package/.chunks/datepicker-CDoo2d0x.amd.js.map +0 -1
- package/.chunks/forms-DNRGCC9P.amd.js +0 -3
- package/.chunks/forms-DNRGCC9P.amd.js.map +0 -1
- package/.chunks/forms-U97cW1zp.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C67aHWhi.amd.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-C_o5sC8m.es.js.map +0 -1
- package/.chunks/popup-C1hmF9NI.es.js +0 -765
- package/.chunks/popup-C1hmF9NI.es.js.map +0 -1
- package/.chunks/popup-Cg-GRa9u.amd.js +0 -386
- package/.chunks/popup-Cg-GRa9u.amd.js.map +0 -1
- package/.chunks/widgetInput-DgylW6NK.amd.js.map +0 -1
- package/.chunks/widgetInput-DmpYL1aA.es.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@topvisor/ui",
|
|
3
|
-
"private": false,
|
|
4
|
-
"version": "0.9.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"description": "Topvisor UI-kit Vue",
|
|
7
|
-
"author": "Topvisor",
|
|
8
|
-
"keywords": [
|
|
9
|
-
"topvisor",
|
|
10
|
-
"vue",
|
|
11
|
-
"ui framework",
|
|
12
|
-
"component framework",
|
|
13
|
-
"component library"
|
|
14
|
-
],
|
|
15
|
-
"license": "MIT",
|
|
16
|
-
"peerDependencies": {
|
|
17
|
-
"lodash": "^4.17.21",
|
|
18
|
-
"vue": "^3.4.25"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@topvisor/ui",
|
|
3
|
+
"private": false,
|
|
4
|
+
"version": "0.9.24-0",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"description": "Topvisor UI-kit Vue",
|
|
7
|
+
"author": "Topvisor",
|
|
8
|
+
"keywords": [
|
|
9
|
+
"topvisor",
|
|
10
|
+
"vue",
|
|
11
|
+
"ui framework",
|
|
12
|
+
"component framework",
|
|
13
|
+
"component library"
|
|
14
|
+
],
|
|
15
|
+
"license": "MIT",
|
|
16
|
+
"peerDependencies": {
|
|
17
|
+
"lodash": "^4.17.21",
|
|
18
|
+
"vue": "^3.4.25"
|
|
19
|
+
}
|
|
20
|
+
}
|
package/popup/popup.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
define(["require","exports","../.chunks/listItem.vue_vue_type_script_setup_true_lang-CXLZpO9U.amd","../.chunks/widgetInput-Dm3FgvaC.amd"],function(d,n,e,i){"use strict";if(typeof u>"u")var u=window.Vue;n.Popup=e._sfc_main,n.PopupListItem=e._sfc_main$2,n.PopupOpener=e._sfc_main$1,n.PopupWidgetInput=i.PopupWidgetInput,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
|
|
2
2
|
//# sourceMappingURL=popup.amd.js.map
|
package/popup/popup.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { _ as e, b as t, a } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-
|
|
2
|
-
import { P as s } from "../.chunks/widgetInput-
|
|
1
|
+
import { _ as e, b as t, a } from "../.chunks/listItem.vue_vue_type_script_setup_true_lang-BPa6m9N6.es.js";
|
|
2
|
+
import { P as s } from "../.chunks/widgetInput-Dglsn0CF.es.js";
|
|
3
3
|
export {
|
|
4
4
|
e as Popup,
|
|
5
5
|
t as PopupListItem,
|
package/popup/worker.amd.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","../.chunks/forms-
|
|
1
|
+
define(["require","exports","../.chunks/forms-BBbBD32l.amd","../utils/dom.amd","../utils/scroll.amd"],function(require,exports,forms,utils_dom,utils_scroll){"use strict";if(typeof vue>"u")var vue=window.Vue;class WorkerEvents{static init(){document.addEventListener("mouseover",t=>{var o;!(t.target instanceof HTMLElement)||!((o=t.target.dataset)!=null&&o.topPopupOpenByHover)||t.target.click()}),document.addEventListener("scroll",()=>{forms.Core.state.isMobile||forms.Core.state.isMobileUA||Worker$1.getAll().forEach(t=>Worker$1.close(t))}),forms.Events.addOnReize(t=>{forms.Core.state.isMobile&&t.topEvent.widthDiff&&Worker$1.getAll().forEach(o=>Worker$1.close(o))}),document.addEventListener("click",this.onclick)}static async onclick(t){var p,a,r,s,n;if(!(t.target instanceof HTMLElement))return;let o;switch(!0){case!!((p=t.target.dataset)!=null&&p.topPopup):o=t.target;break;case!!((a=t.target.parentElement)!=null&&a.dataset.topPopup):o=t.target.parentElement;break;case!!((s=(r=t.target.parentElement)==null?void 0:r.parentElement)!=null&&s.dataset.topPopup):o=(n=t.target.parentElement)==null?void 0:n.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(t.preventDefault(),await Worker$1.openByOpener(o)))}}let decoratorBeforeOpen,decoratorAfterOpen,decoratorIsIgnoreOuterClick,i18n={Close:"Close"};class Worker{static noClose=!1;static vueConnectors=new Map;static onInitApp(e){e&&(decoratorBeforeOpen=e.decoratorBeforeOpen,decoratorAfterOpen=e.decoratorAfterOpen,decoratorIsIgnoreOuterClick=e.decoratorIsIgnoreOuterClick,i18n=e.i18n)}static getPopup(e){return utils_dom.default.storage(e,"Popup")}static getAll(){return utils_dom.default.querySelectorAllArray(document,".top-popup-wrapper")}static getAllVisible(){return utils_dom.default.querySelectorAllVisible(document,".top-popup-wrapper")}static async openByOpener(e){if(!(e instanceof HTMLElement))return;const t={};return t.popup=e.dataset.topPopup,e.dataset.topPopupP&&(t.p=parseInt(e.dataset.topPopupP)),e.dataset.topPopupNotch&&(t.notch=e.dataset.topPopupNotch==="true"),e.dataset.topPopupClass&&(t.class=e.dataset.topPopupClass),e.dataset.topPopupPosBy&&(t.posBy=e.dataset.topPopupPosBy),e.dataset.topPopupFront&&(t.frontSelector=e.dataset.topPopupFront),e.dataset.topPopupInvertX&&(t.invertX=e.dataset.topPopupInvertX==="true"),e.dataset.topPopupOpenByHover&&(t.openByHover=e.dataset.topPopupOpenByHover==="true"),e.dataset.topPopupUseOriginal&&(t.useOriginal=e.dataset.topPopupUseOriginal==="true"),await Worker.open(e,t)}static async open(elOpener,options){elOpener instanceof HTMLElement&&(elOpener.dataset.topPopupOpened="opened");const{default:Popup}=await new Promise((e,t)=>require(["../.chunks/popup-DgxCokgg.amd"],e,t));if(forms.Core.$){const $elOpener=forms.Core.$(elOpener);if($elOpener.data("aftershow")){let afterShow=$elOpener.data("aftershow");typeof afterShow=="string"&&(afterShow=eval(afterShow.replace(/\W/g,""))),$elOpener.one("aftershow.top-menu-popup",afterShow)}if($elOpener.data("afterclose")){let afterclose=$elOpener.data("afterclose");typeof afterclose=="string"&&(afterclose=eval(afterclose.replace(/\W/g,""))),$elOpener.one("afterclose.top-menu-popup",afterclose)}}return options.isFullScreen=forms.Core.state.isMobile,options.i18n=i18n,new Popup(elOpener,options)}static close(e){const t=Worker.getPopup(e);t&&t.close()}static recalcPosition(e){const t=Worker.getPopup(e);t&&t.elPopupBody instanceof HTMLElement&&(t.recalcPosition(),utils_scroll.genHasScroll(t.elPopupBody))}static scrollToActive(e){if(!utils_dom.default.querySelectorVisible(e,"ul.top-popup_content > li > .top-active"))return;const o=e.querySelector("ul.top-popup_content"),p=utils_dom.default.querySelectorAllVisible(e,"ul.top-popup_content > li");e.classList.add("top-popup-wrapper-no_animate"),setTimeout(()=>e.classList.remove("top-popup-wrapper-no_animate"),100);let a=100;for(const r of p){if(r.querySelector(":scope > .top-active"))break;r instanceof HTMLElement&&(a+=r.offsetHeight)}if(o instanceof HTMLElement){const r=o.offsetHeight;a>r?o.scrollTop=a-r:o.scrollTop=0}}static decoratorBeforeOpen(e){decoratorBeforeOpen&&decoratorBeforeOpen(e)}static decoratorAfterOpen(e){decoratorAfterOpen&&decoratorAfterOpen(e)}static decoratorIsIgnoreOuterClick(e){return decoratorIsIgnoreOuterClick?decoratorIsIgnoreOuterClick(e):!1}static regVueComponent(e,t){if(Worker.vueConnectors.get(e))throw"Vue component Popup use duplicated id: "+e;Worker.vueConnectors.set(e,t)}static unregVueComponent(e){Worker.vueConnectors.delete(e)}}WorkerEvents.init();const Worker$1=Worker;exports.PopupWorker=Worker$1,exports.default=Worker$1,Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
2
2
|
//# sourceMappingURL=worker.amd.js.map
|
package/popup/worker.amd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worker.amd.js","sources":["../../src/components/popup/lib/worker.globalEvents.js","../../src/components/popup/lib/worker.js"],"sourcesContent":["import Core from '@/core/core/core';\nimport Events from '@/core/core/events';\nimport Worker from '@/components/popup/lib/worker';\n\n/**\n * Глобальные события, для реализации Popup\n */\nclass WorkerEvents {\n\tstatic init() {\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\n\t\tdocument.addEventListener('mouseover', (e) => {\n\t\t\tif (!e.target.dataset?.topPopupOpenByHover) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.target.click();\n\t\t});\n\n\t\t// при скролле страницы убирать закрыть Popup\n\t\tdocument.addEventListener('scroll', () => {\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t});\n\n\t\tEvents.addOnReize(e => {\n\t\t\t// закрыть popup при повороте экрана телефона\n\t\t\t// если была отображена ПК версия, она будет закрыта\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t\t}\n\t\t});\n\n\t\tdocument.addEventListener('click', this.onclick);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики на открытие Popup\n\t * @param {Event} e\n\t */\n\tstatic async onclick(e) {\n\t\tlet elOpener;\n\n\t\tswitch (true) {\n\t\t\tcase !!e.target.dataset?.topPopup:\n\t\t\t\telOpener = e.target;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement.parentElement;\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (!elOpener) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// меню уже открыто\n\t\tif (elOpener.dataset.topPopupOpened) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tawait Worker.openByOpener(elOpener);\n\t}\n}\n\nexport default WorkerEvents;\n","import Core from '@/core/core/core';\nimport DOM from '@/core/utils/dom';\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\nimport { genHasScroll } from '@/core/utils/scroll';\n\nlet decoratorBeforeOpen;\nlet decoratorAfterOpen;\nlet decoratorIsIgnoreOuterClick;\nlet i18n = {\n\tClose: 'Close',\n};\n\nclass Worker {\n\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\n\tstatic noClose = false;\n\n\tstatic vueConnectors = new Map();\n\n\t/**\n\t * Вызывается при инициализаци приложения\n\t * устанавливает глобальные статические декортаоры для компонента Popup\n\t * @param {{\n\t * \tdecoratorBeforeOpen: (object) => void\n\t * \tdecoratorAfterOpen: (object) => void,\n\t * \tdecoratorIsIgnoreOuterClick: (e) => void,\n\t * \ti18n: {Close: string}\n\t * }} options\n\t */\n\tstatic onInitApp(options) {\n\t\tdecoratorBeforeOpen = options?.decoratorBeforeOpen;\n\t\tdecoratorAfterOpen = options?.decoratorAfterOpen;\n\t\tdecoratorIsIgnoreOuterClick = options?.decoratorIsIgnoreOuterClick;\n\t\ti18n = options?.i18n;\n\t}\n\n\t// вернуть объект компонента popup, привязанный к элементу\n\tstatic getPopup(elPopup) {\n\t\treturn DOM.storage(elPopup, 'Popup');\n\t}\n\n\tstatic getAll() {\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\n\t}\n\n\tstatic getAllVisible() {\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\n\t}\n\n\t/**\n\t * Открть Popup от указанного elOpener\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\n\t */\n\tstatic async openByOpener(elOpener) {\n\t\tconst options = {};\n\n\t\toptions.popup = elOpener.dataset.topPopup;\n\n\t\tif (elOpener.dataset.topPopupP) {\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupNotch) {\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupClass) {\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupPosBy) {\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupFront) {\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupInvertX) {\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal;\n\t\t}\n\n\t\treturn await Worker.open(elOpener, options);\n\t}\n\n\t/**\n\t * Создать и открыть Popup\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\n\t * @param {object} options - опции Popup\n\t */\n\tstatic async open(elOpener, options) {\n\t\telOpener.dataset.topPopupOpened = 'opened';\n\n\t\tconst { default: Popup } = await import('./popup');\n\n\t\tif (Core.$) {\n\t\t\tconst $elOpener = Core.$(elOpener);\n\n\t\t\t// deprecated, используется aftershow.top-menu-popup\n\t\t\tif ($elOpener.data('aftershow')) {\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\n\t\t\t\tif (typeof (afterShow) == 'string') {\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\n\t\t\t}\n\n\t\t\t// deprecated, используется afterclose.top-menu-popup\n\t\t\tif ($elOpener.data('afterclose')) {\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\n\t\t\t\tif (typeof (afterclose) == 'string') {\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\n\t\t\t}\n\t\t}\n\n\t\toptions.isFullScreen = Core.state.isMobile;\n\t\toptions.i18n = i18n;\n\n\t\treturn await new Popup(elOpener, options);\n\t}\n\n\tstatic close(elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.close();\n\t\t}\n\t}\n\n\tstatic recalcPosition(elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.recalcPosition();\n\n\t\t\t// контроль за состоянием тени скролла\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\n\t\t\tgenHasScroll(popup.elPopupBody);\n\t\t}\n\t}\n\n\t// скролл к активному элементу списка\n\tstatic scrollToActive(elPopup) {\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\n\t\tif (!elItemActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\n\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\n\n\t\tlet top = 100;\n\t\tfor (const elLi of elsLi) {\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\ttop += elLi.offsetHeight;\n\t\t}\n\n\t\tconst heightWrapper = elUl.offsetHeight;\n\t\tif (top > heightWrapper) {\n\t\t\telUl.scrollTop = top - heightWrapper;\n\t\t} else {\n\t\t\telUl.scrollTop = 0;\n\t\t}\n\t}\n\n\tstatic decoratorBeforeOpen(popup) {\n\t\tif (decoratorBeforeOpen) {\n\t\t\tdecoratorBeforeOpen(popup);\n\t\t}\n\t};\n\n\tstatic decoratorAfterOpen(popup) {\n\t\tif (decoratorAfterOpen) {\n\t\t\tdecoratorAfterOpen(popup);\n\t\t}\n\t};\n\n\t/**\n\t * Определитель того, что клик вне Popup нужно игнорировать\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\n\t */\n\tstatic decoratorIsIgnoreOuterClick(e) {\n\t\tif (decoratorIsIgnoreOuterClick) {\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Зарегистрировать Vue компонент\n\t *\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\n\t * @param {string} id\n\t * @param {any} vueConnector\n\t */\n\tstatic regVueComponent(id, vueConnector) {\n\t\tif (Worker.vueConnectors.get(id)) {\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\n\t\t}\n\n\t\tWorker.vueConnectors.set(id, vueConnector);\n\t}\n\n\t/**\n\t * Снять с регистрации Vue компонент\n\t * @param {string} id\n\t */\n\tstatic unregVueComponent(id) {\n\t\tWorker.vueConnectors.delete(id);\n\t}\n\n}\n\nGlobalEvents.init(Worker, Core);\n\nexport default Worker;\n"],"names":["e","elPopup","elOpener","_d","_c","options","popup","top","elLi","elsLi","heightWrapper","elUl","id","vueConnector","GlobalEvents"],"mappings":"+MAOA,MAAA,YAAA,kHAQAA,EAAA,OAAA,MAAA,CACA,CAAA,EAGA,SAAA,iBAAA,SAAA,IAAA,CACA,MAAA,KAAA,MAAA,UAAA,MAAA,KAAA,MAAA,YAIA,SAAA,OAAA,EAAA,QAAAC,GAAA,SAAA,MAAAA,CAAA,CAAA,CACA,CAAA,EAEA,MAAA,OAAA,WAAAD,GAAA,CAGA,MAAA,KAAA,MAAA,UAAAA,EAAA,SAAA,WACA,SAAA,OAAA,EAAA,QAAAC,GAAA,SAAA,MAAAA,CAAA,CAAA,CAEA,CAAA,kDAUA,aAAA,QAAAD,EAAA,mBAGA,OAAA,GAAA,gDAEAE,EAAAF,EAAA,OAEA,mEAGAE,EAAAF,EAAA,OAAA,cAEA,MAEA,IAAA,CAAA,GAAAG,GAAAC,EAAAJ,EAAA,OAAA,gBAAA,YAAAI,EAAA,gBAAA,MAAAD,EAAA,QAAA,iDAGA,UAOAD,EAAA,QAAA,kBAKAA,EAAA,QAAA,iBAIAF,EAAA,eAAA,EAEA,MAAA,SAAA,aAAAE,CAAA,IAEA,CC3EA,IAAA,oBACA,mBACA,4BACA,KAAA,cAEA,EAEA,MAAA,MAAA,CAGA,OAAA,QAAA,GAEA,OAAA,cAAA,IAAA,IAYA,OAAA,UAAAG,EAAA,CACA,oBAAAA,GAAA,YAAAA,EAAA,oBACA,mBAAAA,GAAA,YAAAA,EAAA,mBACA,4BAAAA,GAAA,YAAAA,EAAA,4BACA,KAAAA,GAAA,YAAAA,EAAA,KAIA,OAAA,SAAAJ,EAAA,kPAgBA,aAAA,aAAAC,EAAA,CACA,MAAAG,EAAA,CAAA,oCAIAH,EAAA,QAAA,YACAG,EAAA,EAAA,SAAAH,EAAA,QAAA,SAAA,GAGAA,EAAA,QAAA,iDAIAA,EAAA,QAAA,iDAIAA,EAAA,QAAA,iDAIAA,EAAA,QAAA,yDAIAA,EAAA,QAAA,uDAIAA,EAAA,QAAA,mEAIAA,EAAA,QAAA,0FAYA,aAAA,KAAA,SAAA,QAAA,CACA,SAAA,QAAA,eAAA,uGAIA,GAAA,MAAA,KAAA,EAAA,wCAIA,GAAA,UAAA,KAAA,WAAA,EAAA,2CAEA,OAAA,WAAA,WACA,UAAA,KAAA,UAAA,QAAA,MAAA,EAAA,CAAA,uDAOA,GAAA,UAAA,KAAA,YAAA,EAAA,6CAEA,OAAA,YAAA,WACA,WAAA,KAAA,WAAA,QAAA,MAAA,EAAA,CAAA,gHAQA,QAAA,KAAA,uCAKA,OAAA,MAAAD,EAAA,+BAGAK,EAAA,MAAA,EAIA,OAAA,eAAAL,EAAA,gCAGAK,EAAA,eAAA,EAIA,aAAA,aAAAA,EAAA,WAAA,GAKA,OAAA,eAAAL,EAAA,yFAGA,kLAOA,WAAA,IAAAA,EAAA,UAAA,OAAA,8BAAA,EAAA,GAAA,EAEA,IAAAM,EAAA,IACA,UAAAC,KAAAC,EAAA,CACA,GAAAD,EAAA,cAAA,sBAAA,EACA,MAGAD,GAAAC,EAAA,aAGA,MAAAE,EAAAC,EAAA,aACAJ,EAAAG,EACAC,EAAA,UAAAJ,EAAAG,EAEAC,EAAA,UAAA,EAIA,OAAA,oBAAAL,EAAA,sBAEA,oBAAAA,CAAA,EAIA,OAAA,mBAAAA,EAAA,qBAEA,mBAAAA,CAAA,EAQA,OAAA,4BAAA,EAAA,oCAEA,4BAAA,CAAA,KAaA,OAAA,gBAAAM,EAAAC,EAAA,gCAEA,KAAA,0CAAAD,gCAUA,OAAA,kBAAAA,EAAA,iCAMAE,aAAAA,KAAAA,OAAAA,MAAAA,IAAAA,EAEA,MAAA,SAAA"}
|
|
1
|
+
{"version":3,"file":"worker.amd.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/components/popup/lib/worker.ts"],"sourcesContent":["import Core from '@/core/core/core';\r\nimport Events from '@/core/core/events';\r\nimport Worker from '@/components/popup/lib/worker';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n */\r\nclass WorkerEvents {\r\n\tstatic init(): void {\r\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\r\n\t\tdocument.addEventListener('mouseover', (e) => {\r\n\t\t\tif (!(e.target instanceof HTMLElement) || !e.target.dataset?.topPopupOpenByHover) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\te.target.click();\r\n\t\t});\r\n\r\n\t\t// при скролле страницы убирать закрыть Popup\r\n\t\tdocument.addEventListener('scroll', () => {\r\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t});\r\n\r\n\t\tEvents.addOnReize(e => {\r\n\t\t\t// закрыть popup при повороте экрана телефона\r\n\t\t\t// если была отображена ПК версия, она будет закрыта\r\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\r\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t * обрабатывает клики на открытие Popup\r\n\t */\r\n\tstatic async onclick(e: Event): Promise<void> {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\tlet elOpener: HTMLElement | null | undefined;\r\n\r\n\t\tswitch (true) {\r\n\t\t\tcase !!e.target.dataset?.topPopup:\r\n\t\t\t\telOpener = e.target;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement?.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (!elOpener) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupDisabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// меню уже открыто\r\n\t\tif (elOpener.dataset.topPopupOpened) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\r\n\t\tawait Worker.openByOpener(elOpener);\r\n\t}\r\n}\r\n\r\nexport default WorkerEvents;\r\n","import Core from '@/core/core/core';\r\nimport DOM from '@/core/utils/dom';\r\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\nimport { genHasScroll } from '@/core/utils/scroll';\r\nimport type { Popup, PopupOptions } from '@/components/popup/lib/popup';\r\n\r\nlet decoratorBeforeOpen: (arg0: Popup) => void;\r\nlet decoratorAfterOpen: (arg0: Popup) => void;\r\nlet decoratorIsIgnoreOuterClick: (arg0: Event) => boolean;\r\nlet i18n = {\r\n\tClose: 'Close',\r\n};\r\n\r\ninterface Options {\r\n\tdecoratorBeforeOpen: typeof decoratorBeforeOpen,\r\n\tdecoratorAfterOpen: typeof decoratorAfterOpen,\r\n\tdecoratorIsIgnoreOuterClick: typeof decoratorIsIgnoreOuterClick,\r\n\ti18n: typeof i18n\r\n}\r\n\r\nclass Worker {\r\n\r\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\r\n\tstatic noClose = false;\r\n\r\n\tstatic vueConnectors = new Map();\r\n\r\n\t/**\r\n\t * Вызывается при инициализаци приложения\r\n\t * устанавливает глобальные статические декортаоры для компонента Popup\r\n\t */\r\n\tstatic onInitApp(options: Options): void {\r\n\t\tif (options) {\r\n\t\t\tdecoratorBeforeOpen = options.decoratorBeforeOpen;\r\n\t\t\tdecoratorAfterOpen = options.decoratorAfterOpen;\r\n\t\t\tdecoratorIsIgnoreOuterClick = options.decoratorIsIgnoreOuterClick;\r\n\t\t\ti18n = options.i18n;\r\n\t\t}\r\n\t}\r\n\r\n\t// вернуть объект компонента popup, привязанный к элементу\r\n\tstatic getPopup(elPopup: Element): Popup {\r\n\t\treturn DOM.storage(elPopup, 'Popup') as Popup;\r\n\t}\r\n\r\n\tstatic getAll(): Element[] {\r\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\r\n\t}\r\n\r\n\tstatic getAllVisible(): Element[] {\r\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\r\n\t}\r\n\r\n\t/**\r\n\t * Открть Popup от указанного elOpener\r\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\r\n\t */\r\n\tstatic async openByOpener(elOpener: Element): Promise<Popup | undefined> {\r\n\t\tif (!(elOpener instanceof HTMLElement)) return;\r\n\r\n\t\tconst options: PopupOptions = {};\r\n\r\n\t\toptions.popup = elOpener.dataset.topPopup;\r\n\r\n\t\tif (elOpener.dataset.topPopupP) {\r\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupNotch) {\r\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupClass) {\r\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupPosBy) {\r\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy as PopupOptions['posBy'];\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupFront) {\r\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupInvertX) {\r\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\r\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\r\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal === 'true';\r\n\t\t}\r\n\r\n\t\treturn await Worker.open(elOpener, options);\r\n\t}\r\n\r\n\t/**\r\n\t * Создать и открыть Popup\r\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\r\n\t * @param {object} options - опции Popup\r\n\t */\r\n\tstatic async open(elOpener: Element, options: PopupOptions): Promise<Popup> {\r\n\t\tif (elOpener instanceof HTMLElement) elOpener.dataset.topPopupOpened = 'opened';\r\n\r\n\t\tconst { default: Popup } = await import('./popup');\r\n\r\n\t\tif (Core.$) {\r\n\t\t\tconst $elOpener = Core.$(elOpener);\r\n\r\n\t\t\t// deprecated, используется aftershow.top-menu-popup\r\n\t\t\tif ($elOpener.data('aftershow')) {\r\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\r\n\t\t\t\tif (typeof (afterShow) == 'string') {\r\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\r\n\t\t\t}\r\n\r\n\t\t\t// deprecated, используется afterclose.top-menu-popup\r\n\t\t\tif ($elOpener.data('afterclose')) {\r\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\r\n\t\t\t\tif (typeof (afterclose) == 'string') {\r\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\toptions.isFullScreen = Core.state.isMobile;\r\n\t\toptions.i18n = i18n;\r\n\r\n\t\treturn new Popup(elOpener, options);\r\n\t}\r\n\r\n\tstatic close(elPopup: Element): void {\r\n\t\tconst popup = Worker.getPopup(elPopup);\r\n\t\tif (popup) {\r\n\t\t\tpopup.close();\r\n\t\t}\r\n\t}\r\n\r\n\tstatic recalcPosition(elPopup: Element): void {\r\n\t\tconst popup = Worker.getPopup(elPopup);\r\n\t\tif (popup && popup.elPopupBody instanceof HTMLElement) {\r\n\t\t\tpopup.recalcPosition();\r\n\r\n\t\t\t// контроль за состоянием тени скролла\r\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\r\n\t\t\tgenHasScroll(popup.elPopupBody);\r\n\t\t}\r\n\t}\r\n\r\n\t// скролл к активному элементу списка\r\n\tstatic scrollToActive(elPopup: Element): void {\r\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\r\n\t\tif (!elItemActive) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\r\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\r\n\r\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\r\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\r\n\r\n\t\tlet top = 100;\r\n\t\tfor (const elLi of elsLi) {\r\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tif (elLi instanceof HTMLElement) top += elLi.offsetHeight;\r\n\t\t}\r\n\r\n\t\tif (elUl instanceof HTMLElement) {\r\n\t\t\tconst heightWrapper = elUl.offsetHeight;\r\n\t\t\tif (top > heightWrapper) {\r\n\t\t\t\telUl.scrollTop = top - heightWrapper;\r\n\t\t\t} else {\r\n\t\t\t\telUl.scrollTop = 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tstatic decoratorBeforeOpen(popup: Popup): void {\r\n\t\tif (decoratorBeforeOpen) {\r\n\t\t\tdecoratorBeforeOpen(popup);\r\n\t\t}\r\n\t};\r\n\r\n\tstatic decoratorAfterOpen(popup: Popup): void {\r\n\t\tif (decoratorAfterOpen) {\r\n\t\t\tdecoratorAfterOpen(popup);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Определитель того, что клик вне Popup нужно игнорировать\r\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\r\n\t */\r\n\tstatic decoratorIsIgnoreOuterClick(e: Event): boolean {\r\n\t\tif (decoratorIsIgnoreOuterClick) {\r\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Зарегистрировать Vue компонент\r\n\t *\r\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\r\n\t */\r\n\tstatic regVueComponent(id: string, vueConnector: any): void {\r\n\t\tif (Worker.vueConnectors.get(id)) {\r\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\r\n\t\t}\r\n\r\n\t\tWorker.vueConnectors.set(id, vueConnector);\r\n\t}\r\n\r\n\t/**\r\n\t * Снять с регистрации Vue компонент\r\n\t */\r\n\tstatic unregVueComponent(id: string): void {\r\n\t\tWorker.vueConnectors.delete(id);\r\n\t}\r\n\r\n}\r\n\r\nGlobalEvents.init();\r\n\r\nexport default Worker;\r\n"],"names":["e","_a","elPopup","elOpener","_d","_c","options2","elOpener2","popup","top","elLi","elsLi","elUl","heightWrapper","id","vueConnector","GlobalEvents"],"mappings":"+MAOA,MAAA,YAAA,+DAIG,EAAAA,EAAA,kBAAA,cAAA,GAAAC,EAAAD,EAAA,OAAA,UAAA,MAAAC,EAAA,sBAIAD,EAAA,OAAA,MAAA,CAAe,CAAA,EAIhB,SAAA,iBAAA,SAAA,IAAA,CACC,MAAA,KAAA,MAAA,UAAA,MAAA,KAAA,MAAA,YAIA,SAAA,OAAA,EAAA,QAAAE,GAAA,SAAA,MAAAA,CAAA,CAAA,CAAwD,CAAA,EAGzD,MAAA,OAAA,WAAAF,GAAA,CAGC,MAAA,KAAA,MAAA,UAAAA,EAAA,SAAA,WACC,SAAA,OAAA,EAAA,QAAAE,GAAA,SAAA,MAAAA,CAAA,CAAA,CACD,CAAA,kDAIF,aAAA,QAAAF,EAAA,eAOC,GAAA,EAAAA,EAAA,kBAAA,aAAwC,aAIxC,OAAA,GAAA,gDAEEG,EAAAH,EAAA,OAEA,mEAGAG,EAAAH,EAAA,OAAA,cAEA,MAAA,IAAA,CAAA,GAAAI,GAAAC,EAAAL,EAAA,OAAA,gBAAA,YAAAK,EAAA,gBAAA,MAAAD,EAAA,QAAA,oEAKA,UAOFD,EAAA,QAAA,kBAKAA,EAAA,QAAA,iBAIAH,EAAA,eAAA,EAEA,MAAA,SAAA,aAAAG,CAAA,IAEF,CC3EA,IAAA,oBACA,mBACA,4BACA,KAAA,cAEA,EASA,MAAA,MAAA,CAAa,OAAA,QAAA,GAGK,OAAA,cAAA,IAAA,IAEc,OAAA,UAAAG,EAAA,KAQ7B,oBAAAA,EAAA,oBACA,mBAAAA,EAAA,mBACA,4BAAAA,EAAA,4BACA,KAAAA,EAAA,MAEF,OAAA,SAAAJ,EAAA,kPAaA,aAAA,aAAAK,EAAA,CAOC,GAAA,EAAAA,aAAA,aAAwC,OAExC,MAAAD,EAAA,CAAA,oCAIAC,EAAA,QAAA,YACCD,EAAA,EAAA,SAAAC,EAAA,QAAA,SAAA,GAGDA,EAAA,QAAA,0DAIAA,EAAA,QAAA,iDAIAA,EAAA,QAAA,iDAIAA,EAAA,QAAA,yDAIAA,EAAA,QAAA,gEAIAA,EAAA,QAAA,4EAIAA,EAAA,QAAA,mGAKD,aAAA,KAAA,SAAA,QAAA,mCAQsC,SAAA,QAAA,eAAA,wGAIrC,GAAA,MAAA,KAAA,EAAA,wCAIC,GAAA,UAAA,KAAA,WAAA,EAAA,2CAEC,OAAA,WAAA,WACC,UAAA,KAAA,UAAA,QAAA,MAAA,EAAA,CAAA,uDAOF,GAAA,UAAA,KAAA,YAAA,EAAA,6CAEC,OAAA,YAAA,WACC,WAAA,KAAA,WAAA,QAAA,MAAA,EAAA,CAAA,gHAQH,QAAA,KAAA,iCAGD,OAAA,MAAAL,EAAA,+BAKEM,EAAA,MAAA,EAEF,OAAA,eAAAN,EAAA,sEAKEM,EAAA,eAAA,EAIA,aAAA,aAAAA,EAAA,WAAA,GAEF,OAAA,eAAAN,EAAA,yFAME,kLAOD,WAAA,IAAAA,EAAA,UAAA,OAAA,8BAAA,EAAA,GAAA,EAEA,IAAAO,EAAA,IACA,UAAAC,KAAAC,EAAA,CACC,GAAAD,EAAA,cAAA,sBAAA,EACC,iCAGgCD,GAAAC,EAAA,cAGlC,GAAAE,aAAA,YAAA,CACC,MAAAC,EAAAD,EAAA,aACAH,EAAAI,EACCD,EAAA,UAAAH,EAAAI,EAEAD,EAAA,UAAA,GAGH,OAAA,oBAAAJ,EAAA,sBAIE,oBAAAA,CAAA,EAEF,OAAA,mBAAAA,EAAA,qBAIE,mBAAAA,CAAA,EAEF,OAAA,4BAAA,EAAA,oCAQE,4BAAA,CAAA,KAIF,OAAA,gBAAAM,EAAAC,EAAA,gCASE,KAAA,0CAAAD,gCAIF,OAAA,kBAAAA,EAAA,iCAWDE,aAAAA,KAAAA,EAEA,MAAA,SAAA"}
|
package/popup/worker.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { C as Core, E as Events } from "../.chunks/forms-
|
|
1
|
+
import { C as Core, E as Events } from "../.chunks/forms-CMU4ajdz.es.js";
|
|
2
2
|
import DOM from "../utils/dom.js";
|
|
3
3
|
import { genHasScroll } from "../utils/scroll.js";
|
|
4
4
|
class WorkerEvents {
|
|
5
5
|
static init() {
|
|
6
6
|
document.addEventListener("mouseover", (t) => {
|
|
7
7
|
var o;
|
|
8
|
-
(o = t.target.dataset) != null && o.topPopupOpenByHover
|
|
8
|
+
!(t.target instanceof HTMLElement) || !((o = t.target.dataset) != null && o.topPopupOpenByHover) || t.target.click();
|
|
9
9
|
}), document.addEventListener("scroll", () => {
|
|
10
10
|
Core.state.isMobile || Core.state.isMobileUA || Worker$1.getAll().forEach((t) => Worker$1.close(t));
|
|
11
11
|
}), Events.addOnReize((t) => {
|
|
@@ -15,20 +15,21 @@ class WorkerEvents {
|
|
|
15
15
|
/**
|
|
16
16
|
* Глобальный обработчик кликов
|
|
17
17
|
* обрабатывает клики на открытие Popup
|
|
18
|
-
* @param {Event} e
|
|
19
18
|
*/
|
|
20
19
|
static async onclick(t) {
|
|
21
|
-
var
|
|
20
|
+
var p, a, r, n, s;
|
|
21
|
+
if (!(t.target instanceof HTMLElement))
|
|
22
|
+
return;
|
|
22
23
|
let o;
|
|
23
24
|
switch (!0) {
|
|
24
|
-
case !!((
|
|
25
|
+
case !!((p = t.target.dataset) != null && p.topPopup):
|
|
25
26
|
o = t.target;
|
|
26
27
|
break;
|
|
27
|
-
case !!((
|
|
28
|
+
case !!((a = t.target.parentElement) != null && a.dataset.topPopup):
|
|
28
29
|
o = t.target.parentElement;
|
|
29
30
|
break;
|
|
30
|
-
case !!((
|
|
31
|
-
o = t.target.parentElement.parentElement;
|
|
31
|
+
case !!((n = (r = t.target.parentElement) == null ? void 0 : r.parentElement) != null && n.dataset.topPopup):
|
|
32
|
+
o = (s = t.target.parentElement) == null ? void 0 : s.parentElement;
|
|
32
33
|
break;
|
|
33
34
|
}
|
|
34
35
|
o && (o.dataset.topPopupDisabled || o.dataset.topPopupOpened || (t.preventDefault(), await Worker$1.openByOpener(o)));
|
|
@@ -44,15 +45,9 @@ class Worker {
|
|
|
44
45
|
/**
|
|
45
46
|
* Вызывается при инициализаци приложения
|
|
46
47
|
* устанавливает глобальные статические декортаоры для компонента Popup
|
|
47
|
-
* @param {{
|
|
48
|
-
* decoratorBeforeOpen: (object) => void
|
|
49
|
-
* decoratorAfterOpen: (object) => void,
|
|
50
|
-
* decoratorIsIgnoreOuterClick: (e) => void,
|
|
51
|
-
* i18n: {Close: string}
|
|
52
|
-
* }} options
|
|
53
48
|
*/
|
|
54
49
|
static onInitApp(e) {
|
|
55
|
-
|
|
50
|
+
e && (decoratorBeforeOpen = e.decoratorBeforeOpen, decoratorAfterOpen = e.decoratorAfterOpen, decoratorIsIgnoreOuterClick = e.decoratorIsIgnoreOuterClick, i18n = e.i18n);
|
|
56
51
|
}
|
|
57
52
|
// вернуть объект компонента popup, привязанный к элементу
|
|
58
53
|
static getPopup(e) {
|
|
@@ -69,8 +64,10 @@ class Worker {
|
|
|
69
64
|
* @param {Element} elOpener - элемент, который должен вызвать открытие Popup
|
|
70
65
|
*/
|
|
71
66
|
static async openByOpener(e) {
|
|
67
|
+
if (!(e instanceof HTMLElement))
|
|
68
|
+
return;
|
|
72
69
|
const t = {};
|
|
73
|
-
return t.popup = e.dataset.topPopup, e.dataset.topPopupP && (t.p = parseInt(e.dataset.topPopupP)), e.dataset.topPopupNotch && (t.notch = e.dataset.topPopupNotch), e.dataset.topPopupClass && (t.class = e.dataset.topPopupClass), e.dataset.topPopupPosBy && (t.posBy = e.dataset.topPopupPosBy), e.dataset.topPopupFront && (t.frontSelector = e.dataset.topPopupFront), e.dataset.topPopupInvertX && (t.invertX = e.dataset.topPopupInvertX), e.dataset.topPopupOpenByHover && (t.openByHover = e.dataset.topPopupOpenByHover), e.dataset.topPopupUseOriginal && (t.useOriginal = e.dataset.topPopupUseOriginal), await Worker.open(e, t);
|
|
70
|
+
return t.popup = e.dataset.topPopup, e.dataset.topPopupP && (t.p = parseInt(e.dataset.topPopupP)), e.dataset.topPopupNotch && (t.notch = e.dataset.topPopupNotch === "true"), e.dataset.topPopupClass && (t.class = e.dataset.topPopupClass), e.dataset.topPopupPosBy && (t.posBy = e.dataset.topPopupPosBy), e.dataset.topPopupFront && (t.frontSelector = e.dataset.topPopupFront), e.dataset.topPopupInvertX && (t.invertX = e.dataset.topPopupInvertX === "true"), e.dataset.topPopupOpenByHover && (t.openByHover = e.dataset.topPopupOpenByHover === "true"), e.dataset.topPopupUseOriginal && (t.useOriginal = e.dataset.topPopupUseOriginal === "true"), await Worker.open(e, t);
|
|
74
71
|
}
|
|
75
72
|
/**
|
|
76
73
|
* Создать и открыть Popup
|
|
@@ -78,8 +75,8 @@ class Worker {
|
|
|
78
75
|
* @param {object} options - опции Popup
|
|
79
76
|
*/
|
|
80
77
|
static async open(elOpener, options) {
|
|
81
|
-
elOpener.dataset.topPopupOpened = "opened";
|
|
82
|
-
const { default: Popup } = await import("../.chunks/popup-
|
|
78
|
+
elOpener instanceof HTMLElement && (elOpener.dataset.topPopupOpened = "opened");
|
|
79
|
+
const { default: Popup } = await import("../.chunks/popup-CAjyI5nT.es.js");
|
|
83
80
|
if (Core.$) {
|
|
84
81
|
const $elOpener = Core.$(elOpener);
|
|
85
82
|
if ($elOpener.data("aftershow")) {
|
|
@@ -91,7 +88,7 @@ class Worker {
|
|
|
91
88
|
typeof afterclose == "string" && (afterclose = eval(afterclose.replace(/\W/g, ""))), $elOpener.one("afterclose.top-menu-popup", afterclose);
|
|
92
89
|
}
|
|
93
90
|
}
|
|
94
|
-
return options.isFullScreen = Core.state.isMobile, options.i18n = i18n,
|
|
91
|
+
return options.isFullScreen = Core.state.isMobile, options.i18n = i18n, new Popup(elOpener, options);
|
|
95
92
|
}
|
|
96
93
|
static close(e) {
|
|
97
94
|
const t = Worker.getPopup(e);
|
|
@@ -99,22 +96,24 @@ class Worker {
|
|
|
99
96
|
}
|
|
100
97
|
static recalcPosition(e) {
|
|
101
98
|
const t = Worker.getPopup(e);
|
|
102
|
-
t && (t.recalcPosition(), genHasScroll(t.elPopupBody));
|
|
99
|
+
t && t.elPopupBody instanceof HTMLElement && (t.recalcPosition(), genHasScroll(t.elPopupBody));
|
|
103
100
|
}
|
|
104
101
|
// скролл к активному элементу списка
|
|
105
102
|
static scrollToActive(e) {
|
|
106
103
|
if (!DOM.querySelectorVisible(e, "ul.top-popup_content > li > .top-active"))
|
|
107
104
|
return;
|
|
108
|
-
const o = e.querySelector("ul.top-popup_content"),
|
|
105
|
+
const o = e.querySelector("ul.top-popup_content"), p = DOM.querySelectorAllVisible(e, "ul.top-popup_content > li");
|
|
109
106
|
e.classList.add("top-popup-wrapper-no_animate"), setTimeout(() => e.classList.remove("top-popup-wrapper-no_animate"), 100);
|
|
110
|
-
let
|
|
111
|
-
for (const
|
|
112
|
-
if (
|
|
107
|
+
let a = 100;
|
|
108
|
+
for (const r of p) {
|
|
109
|
+
if (r.querySelector(":scope > .top-active"))
|
|
113
110
|
break;
|
|
114
|
-
r +=
|
|
111
|
+
r instanceof HTMLElement && (a += r.offsetHeight);
|
|
112
|
+
}
|
|
113
|
+
if (o instanceof HTMLElement) {
|
|
114
|
+
const r = o.offsetHeight;
|
|
115
|
+
a > r ? o.scrollTop = a - r : o.scrollTop = 0;
|
|
115
116
|
}
|
|
116
|
-
const a = o.offsetHeight;
|
|
117
|
-
r > a ? o.scrollTop = r - a : o.scrollTop = 0;
|
|
118
117
|
}
|
|
119
118
|
static decoratorBeforeOpen(e) {
|
|
120
119
|
decoratorBeforeOpen && decoratorBeforeOpen(e);
|
|
@@ -133,8 +132,6 @@ class Worker {
|
|
|
133
132
|
* Зарегистрировать Vue компонент
|
|
134
133
|
*
|
|
135
134
|
* Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js
|
|
136
|
-
* @param {string} id
|
|
137
|
-
* @param {any} vueConnector
|
|
138
135
|
*/
|
|
139
136
|
static regVueComponent(e, t) {
|
|
140
137
|
if (Worker.vueConnectors.get(e))
|
|
@@ -143,13 +140,12 @@ class Worker {
|
|
|
143
140
|
}
|
|
144
141
|
/**
|
|
145
142
|
* Снять с регистрации Vue компонент
|
|
146
|
-
* @param {string} id
|
|
147
143
|
*/
|
|
148
144
|
static unregVueComponent(e) {
|
|
149
145
|
Worker.vueConnectors.delete(e);
|
|
150
146
|
}
|
|
151
147
|
}
|
|
152
|
-
WorkerEvents.init(
|
|
148
|
+
WorkerEvents.init();
|
|
153
149
|
const Worker$1 = Worker;
|
|
154
150
|
export {
|
|
155
151
|
Worker$1 as PopupWorker,
|
package/popup/worker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"worker.js","sources":["../../src/components/popup/lib/worker.globalEvents.js","../../src/components/popup/lib/worker.js"],"sourcesContent":["import Core from '@/core/core/core';\nimport Events from '@/core/core/events';\nimport Worker from '@/components/popup/lib/worker';\n\n/**\n * Глобальные события, для реализации Popup\n */\nclass WorkerEvents {\n\tstatic init() {\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\n\t\tdocument.addEventListener('mouseover', (e) => {\n\t\t\tif (!e.target.dataset?.topPopupOpenByHover) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\te.target.click();\n\t\t});\n\n\t\t// при скролле страницы убирать закрыть Popup\n\t\tdocument.addEventListener('scroll', () => {\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t});\n\n\t\tEvents.addOnReize(e => {\n\t\t\t// закрыть popup при повороте экрана телефона\n\t\t\t// если была отображена ПК версия, она будет закрыта\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\n\t\t\t}\n\t\t});\n\n\t\tdocument.addEventListener('click', this.onclick);\n\t}\n\n\t/**\n\t * Глобальный обработчик кликов\n\t * обрабатывает клики на открытие Popup\n\t * @param {Event} e\n\t */\n\tstatic async onclick(e) {\n\t\tlet elOpener;\n\n\t\tswitch (true) {\n\t\t\tcase !!e.target.dataset?.topPopup:\n\t\t\t\telOpener = e.target;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement;\n\n\t\t\t\tbreak;\n\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\n\t\t\t\telOpener = e.target.parentElement.parentElement;\n\n\t\t\t\tbreak;\n\t\t}\n\n\t\tif (!elOpener) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\t// меню уже открыто\n\t\tif (elOpener.dataset.topPopupOpened) {\n\t\t\treturn;\n\t\t}\n\n\t\te.preventDefault();\n\n\t\tawait Worker.openByOpener(elOpener);\n\t}\n}\n\nexport default WorkerEvents;\n","import Core from '@/core/core/core';\nimport DOM from '@/core/utils/dom';\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\nimport { genHasScroll } from '@/core/utils/scroll';\n\nlet decoratorBeforeOpen;\nlet decoratorAfterOpen;\nlet decoratorIsIgnoreOuterClick;\nlet i18n = {\n\tClose: 'Close',\n};\n\nclass Worker {\n\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\n\tstatic noClose = false;\n\n\tstatic vueConnectors = new Map();\n\n\t/**\n\t * Вызывается при инициализаци приложения\n\t * устанавливает глобальные статические декортаоры для компонента Popup\n\t * @param {{\n\t * \tdecoratorBeforeOpen: (object) => void\n\t * \tdecoratorAfterOpen: (object) => void,\n\t * \tdecoratorIsIgnoreOuterClick: (e) => void,\n\t * \ti18n: {Close: string}\n\t * }} options\n\t */\n\tstatic onInitApp(options) {\n\t\tdecoratorBeforeOpen = options?.decoratorBeforeOpen;\n\t\tdecoratorAfterOpen = options?.decoratorAfterOpen;\n\t\tdecoratorIsIgnoreOuterClick = options?.decoratorIsIgnoreOuterClick;\n\t\ti18n = options?.i18n;\n\t}\n\n\t// вернуть объект компонента popup, привязанный к элементу\n\tstatic getPopup(elPopup) {\n\t\treturn DOM.storage(elPopup, 'Popup');\n\t}\n\n\tstatic getAll() {\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\n\t}\n\n\tstatic getAllVisible() {\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\n\t}\n\n\t/**\n\t * Открть Popup от указанного elOpener\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\n\t */\n\tstatic async openByOpener(elOpener) {\n\t\tconst options = {};\n\n\t\toptions.popup = elOpener.dataset.topPopup;\n\n\t\tif (elOpener.dataset.topPopupP) {\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupNotch) {\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupClass) {\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupPosBy) {\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupFront) {\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupInvertX) {\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover;\n\t\t}\n\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal;\n\t\t}\n\n\t\treturn await Worker.open(elOpener, options);\n\t}\n\n\t/**\n\t * Создать и открыть Popup\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\n\t * @param {object} options - опции Popup\n\t */\n\tstatic async open(elOpener, options) {\n\t\telOpener.dataset.topPopupOpened = 'opened';\n\n\t\tconst { default: Popup } = await import('./popup');\n\n\t\tif (Core.$) {\n\t\t\tconst $elOpener = Core.$(elOpener);\n\n\t\t\t// deprecated, используется aftershow.top-menu-popup\n\t\t\tif ($elOpener.data('aftershow')) {\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\n\t\t\t\tif (typeof (afterShow) == 'string') {\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\n\t\t\t}\n\n\t\t\t// deprecated, используется afterclose.top-menu-popup\n\t\t\tif ($elOpener.data('afterclose')) {\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\n\t\t\t\tif (typeof (afterclose) == 'string') {\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\n\t\t\t\t}\n\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\n\t\t\t}\n\t\t}\n\n\t\toptions.isFullScreen = Core.state.isMobile;\n\t\toptions.i18n = i18n;\n\n\t\treturn await new Popup(elOpener, options);\n\t}\n\n\tstatic close(elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.close();\n\t\t}\n\t}\n\n\tstatic recalcPosition(elPopup) {\n\t\tconst popup = Worker.getPopup(elPopup);\n\t\tif (popup) {\n\t\t\tpopup.recalcPosition();\n\n\t\t\t// контроль за состоянием тени скролла\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\n\t\t\tgenHasScroll(popup.elPopupBody);\n\t\t}\n\t}\n\n\t// скролл к активному элементу списка\n\tstatic scrollToActive(elPopup) {\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\n\t\tif (!elItemActive) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\n\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\n\n\t\tlet top = 100;\n\t\tfor (const elLi of elsLi) {\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\ttop += elLi.offsetHeight;\n\t\t}\n\n\t\tconst heightWrapper = elUl.offsetHeight;\n\t\tif (top > heightWrapper) {\n\t\t\telUl.scrollTop = top - heightWrapper;\n\t\t} else {\n\t\t\telUl.scrollTop = 0;\n\t\t}\n\t}\n\n\tstatic decoratorBeforeOpen(popup) {\n\t\tif (decoratorBeforeOpen) {\n\t\t\tdecoratorBeforeOpen(popup);\n\t\t}\n\t};\n\n\tstatic decoratorAfterOpen(popup) {\n\t\tif (decoratorAfterOpen) {\n\t\t\tdecoratorAfterOpen(popup);\n\t\t}\n\t};\n\n\t/**\n\t * Определитель того, что клик вне Popup нужно игнорировать\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\n\t */\n\tstatic decoratorIsIgnoreOuterClick(e) {\n\t\tif (decoratorIsIgnoreOuterClick) {\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t * Зарегистрировать Vue компонент\n\t *\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\n\t * @param {string} id\n\t * @param {any} vueConnector\n\t */\n\tstatic regVueComponent(id, vueConnector) {\n\t\tif (Worker.vueConnectors.get(id)) {\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\n\t\t}\n\n\t\tWorker.vueConnectors.set(id, vueConnector);\n\t}\n\n\t/**\n\t * Снять с регистрации Vue компонент\n\t * @param {string} id\n\t */\n\tstatic unregVueComponent(id) {\n\t\tWorker.vueConnectors.delete(id);\n\t}\n\n}\n\nGlobalEvents.init(Worker, Core);\n\nexport default Worker;\n"],"names":["e","_a","Worker","elPopup","elOpener","_b","_d","_c","options","popup","elUl","elsLi","top","elLi","heightWrapper","id","vueConnector","GlobalEvents"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"worker.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/components/popup/lib/worker.ts"],"sourcesContent":["import Core from '@/core/core/core';\r\nimport Events from '@/core/core/events';\r\nimport Worker from '@/components/popup/lib/worker';\r\n\r\n/**\r\n * Глобальные события, для реализации Popup\r\n */\r\nclass WorkerEvents {\r\n\tstatic init(): void {\r\n\t\t// автоматическое открытие при наведении мыши, событие глобальное, так как инициализация popup отложена\r\n\t\tdocument.addEventListener('mouseover', (e) => {\r\n\t\t\tif (!(e.target instanceof HTMLElement) || !e.target.dataset?.topPopupOpenByHover) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\te.target.click();\r\n\t\t});\r\n\r\n\t\t// при скролле страницы убирать закрыть Popup\r\n\t\tdocument.addEventListener('scroll', () => {\r\n\t\t\tif (Core.state.isMobile || Core.state.isMobileUA) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t});\r\n\r\n\t\tEvents.addOnReize(e => {\r\n\t\t\t// закрыть popup при повороте экрана телефона\r\n\t\t\t// если была отображена ПК версия, она будет закрыта\r\n\t\t\tif (Core.state.isMobile && e.topEvent.widthDiff) {\r\n\t\t\t\tWorker.getAll().forEach(elPopup => Worker.close(elPopup));\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tdocument.addEventListener('click', this.onclick);\r\n\t}\r\n\r\n\t/**\r\n\t * Глобальный обработчик кликов\r\n\t * обрабатывает клики на открытие Popup\r\n\t */\r\n\tstatic async onclick(e: Event): Promise<void> {\r\n\t\tif (!(e.target instanceof HTMLElement)) return;\r\n\r\n\t\tlet elOpener: HTMLElement | null | undefined;\r\n\r\n\t\tswitch (true) {\r\n\t\t\tcase !!e.target.dataset?.topPopup:\r\n\t\t\t\telOpener = e.target;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\r\n\t\t\tcase !!e.target.parentElement?.parentElement?.dataset.topPopup:\r\n\t\t\t\telOpener = e.target.parentElement?.parentElement;\r\n\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\r\n\t\tif (!elOpener) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupDisabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// меню уже открыто\r\n\t\tif (elOpener.dataset.topPopupOpened) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\te.preventDefault();\r\n\r\n\t\tawait Worker.openByOpener(elOpener);\r\n\t}\r\n}\r\n\r\nexport default WorkerEvents;\r\n","import Core from '@/core/core/core';\r\nimport DOM from '@/core/utils/dom';\r\nimport GlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\nimport { genHasScroll } from '@/core/utils/scroll';\r\nimport type { Popup, PopupOptions } from '@/components/popup/lib/popup';\r\n\r\nlet decoratorBeforeOpen: (arg0: Popup) => void;\r\nlet decoratorAfterOpen: (arg0: Popup) => void;\r\nlet decoratorIsIgnoreOuterClick: (arg0: Event) => boolean;\r\nlet i18n = {\r\n\tClose: 'Close',\r\n};\r\n\r\ninterface Options {\r\n\tdecoratorBeforeOpen: typeof decoratorBeforeOpen,\r\n\tdecoratorAfterOpen: typeof decoratorAfterOpen,\r\n\tdecoratorIsIgnoreOuterClick: typeof decoratorIsIgnoreOuterClick,\r\n\ti18n: typeof i18n\r\n}\r\n\r\nclass Worker {\r\n\r\n\t// глобальное выключение закрытия меню, используется при различных оверлеях\r\n\tstatic noClose = false;\r\n\r\n\tstatic vueConnectors = new Map();\r\n\r\n\t/**\r\n\t * Вызывается при инициализаци приложения\r\n\t * устанавливает глобальные статические декортаоры для компонента Popup\r\n\t */\r\n\tstatic onInitApp(options: Options): void {\r\n\t\tif (options) {\r\n\t\t\tdecoratorBeforeOpen = options.decoratorBeforeOpen;\r\n\t\t\tdecoratorAfterOpen = options.decoratorAfterOpen;\r\n\t\t\tdecoratorIsIgnoreOuterClick = options.decoratorIsIgnoreOuterClick;\r\n\t\t\ti18n = options.i18n;\r\n\t\t}\r\n\t}\r\n\r\n\t// вернуть объект компонента popup, привязанный к элементу\r\n\tstatic getPopup(elPopup: Element): Popup {\r\n\t\treturn DOM.storage(elPopup, 'Popup') as Popup;\r\n\t}\r\n\r\n\tstatic getAll(): Element[] {\r\n\t\treturn DOM.querySelectorAllArray(document, '.top-popup-wrapper');\r\n\t}\r\n\r\n\tstatic getAllVisible(): Element[] {\r\n\t\treturn DOM.querySelectorAllVisible(document, '.top-popup-wrapper');\r\n\t}\r\n\r\n\t/**\r\n\t * Открть Popup от указанного elOpener\r\n\t * @param {Element} elOpener - элемент, который должен вызвать открытие Popup\r\n\t */\r\n\tstatic async openByOpener(elOpener: Element): Promise<Popup | undefined> {\r\n\t\tif (!(elOpener instanceof HTMLElement)) return;\r\n\r\n\t\tconst options: PopupOptions = {};\r\n\r\n\t\toptions.popup = elOpener.dataset.topPopup;\r\n\r\n\t\tif (elOpener.dataset.topPopupP) {\r\n\t\t\toptions.p = parseInt(elOpener.dataset.topPopupP);\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupNotch) {\r\n\t\t\toptions.notch = elOpener.dataset.topPopupNotch === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupClass) {\r\n\t\t\toptions.class = elOpener.dataset.topPopupClass;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupPosBy) {\r\n\t\t\toptions.posBy = elOpener.dataset.topPopupPosBy as PopupOptions['posBy'];\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupFront) {\r\n\t\t\toptions.frontSelector = elOpener.dataset.topPopupFront;\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupInvertX) {\r\n\t\t\toptions.invertX = elOpener.dataset.topPopupInvertX === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupOpenByHover) {\r\n\t\t\toptions.openByHover = elOpener.dataset.topPopupOpenByHover === 'true';\r\n\t\t}\r\n\r\n\t\tif (elOpener.dataset.topPopupUseOriginal) {\r\n\t\t\toptions.useOriginal = elOpener.dataset.topPopupUseOriginal === 'true';\r\n\t\t}\r\n\r\n\t\treturn await Worker.open(elOpener, options);\r\n\t}\r\n\r\n\t/**\r\n\t * Создать и открыть Popup\r\n\t * @param {Element} elOpener - элемент, вызвавший открытие Popup\r\n\t * @param {object} options - опции Popup\r\n\t */\r\n\tstatic async open(elOpener: Element, options: PopupOptions): Promise<Popup> {\r\n\t\tif (elOpener instanceof HTMLElement) elOpener.dataset.topPopupOpened = 'opened';\r\n\r\n\t\tconst { default: Popup } = await import('./popup');\r\n\r\n\t\tif (Core.$) {\r\n\t\t\tconst $elOpener = Core.$(elOpener);\r\n\r\n\t\t\t// deprecated, используется aftershow.top-menu-popup\r\n\t\t\tif ($elOpener.data('aftershow')) {\r\n\t\t\t\tlet afterShow = $elOpener.data('aftershow');\r\n\t\t\t\tif (typeof (afterShow) == 'string') {\r\n\t\t\t\t\tafterShow = eval(afterShow.replace(/\\W/g, ''));\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$elOpener.one('aftershow.top-menu-popup', afterShow);\r\n\t\t\t}\r\n\r\n\t\t\t// deprecated, используется afterclose.top-menu-popup\r\n\t\t\tif ($elOpener.data('afterclose')) {\r\n\t\t\t\tlet afterclose = $elOpener.data('afterclose');\r\n\t\t\t\tif (typeof (afterclose) == 'string') {\r\n\t\t\t\t\tafterclose = eval(afterclose.replace(/\\W/g, ''));\r\n\t\t\t\t}\r\n\r\n\t\t\t\t$elOpener.one('afterclose.top-menu-popup', afterclose);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\toptions.isFullScreen = Core.state.isMobile;\r\n\t\toptions.i18n = i18n;\r\n\r\n\t\treturn new Popup(elOpener, options);\r\n\t}\r\n\r\n\tstatic close(elPopup: Element): void {\r\n\t\tconst popup = Worker.getPopup(elPopup);\r\n\t\tif (popup) {\r\n\t\t\tpopup.close();\r\n\t\t}\r\n\t}\r\n\r\n\tstatic recalcPosition(elPopup: Element): void {\r\n\t\tconst popup = Worker.getPopup(elPopup);\r\n\t\tif (popup && popup.elPopupBody instanceof HTMLElement) {\r\n\t\t\tpopup.recalcPosition();\r\n\r\n\t\t\t// контроль за состоянием тени скролла\r\n\t\t\t// вызывать после имзенения высоты скролла popup.elPopupBody\r\n\t\t\tgenHasScroll(popup.elPopupBody);\r\n\t\t}\r\n\t}\r\n\r\n\t// скролл к активному элементу списка\r\n\tstatic scrollToActive(elPopup: Element): void {\r\n\t\tconst elItemActive = DOM.querySelectorVisible(elPopup, 'ul.top-popup_content > li > .top-active');\r\n\t\tif (!elItemActive) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst elUl = elPopup.querySelector('ul.top-popup_content');\r\n\t\tconst elsLi = DOM.querySelectorAllVisible(elPopup, 'ul.top-popup_content > li');\r\n\r\n\t\telPopup.classList.add('top-popup-wrapper-no_animate');\r\n\t\tsetTimeout(() => elPopup.classList.remove('top-popup-wrapper-no_animate'), 100);\r\n\r\n\t\tlet top = 100;\r\n\t\tfor (const elLi of elsLi) {\r\n\t\t\tif (elLi.querySelector(':scope > .top-active')) {\r\n\t\t\t\tbreak;\r\n\t\t\t}\r\n\r\n\t\t\tif (elLi instanceof HTMLElement) top += elLi.offsetHeight;\r\n\t\t}\r\n\r\n\t\tif (elUl instanceof HTMLElement) {\r\n\t\t\tconst heightWrapper = elUl.offsetHeight;\r\n\t\t\tif (top > heightWrapper) {\r\n\t\t\t\telUl.scrollTop = top - heightWrapper;\r\n\t\t\t} else {\r\n\t\t\t\telUl.scrollTop = 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\tstatic decoratorBeforeOpen(popup: Popup): void {\r\n\t\tif (decoratorBeforeOpen) {\r\n\t\t\tdecoratorBeforeOpen(popup);\r\n\t\t}\r\n\t};\r\n\r\n\tstatic decoratorAfterOpen(popup: Popup): void {\r\n\t\tif (decoratorAfterOpen) {\r\n\t\t\tdecoratorAfterOpen(popup);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Определитель того, что клик вне Popup нужно игнорировать\r\n\t * @returns {boolean} - игнорировать клик, то есть не закрывать Popup\r\n\t */\r\n\tstatic decoratorIsIgnoreOuterClick(e: Event): boolean {\r\n\t\tif (decoratorIsIgnoreOuterClick) {\r\n\t\t\treturn decoratorIsIgnoreOuterClick(e);\r\n\t\t}\r\n\r\n\t\treturn false;\r\n\t}\r\n\r\n\t/**\r\n\t * Зарегистрировать Vue компонент\r\n\t *\r\n\t * Каждый экземляр Popup регистрируется в словаре vueConnectors для последующего доступа из js\r\n\t */\r\n\tstatic regVueComponent(id: string, vueConnector: any): void {\r\n\t\tif (Worker.vueConnectors.get(id)) {\r\n\t\t\tthrow 'Vue component Popup use duplicated id: ' + id;\r\n\t\t}\r\n\r\n\t\tWorker.vueConnectors.set(id, vueConnector);\r\n\t}\r\n\r\n\t/**\r\n\t * Снять с регистрации Vue компонент\r\n\t */\r\n\tstatic unregVueComponent(id: string): void {\r\n\t\tWorker.vueConnectors.delete(id);\r\n\t}\r\n\r\n}\r\n\r\nGlobalEvents.init();\r\n\r\nexport default Worker;\r\n"],"names":["e","_a","Worker","elPopup","elOpener","_b","_d","_c","_e","options","popup","elUl","elsLi","top","elLi","heightWrapper","id","vueConnector","GlobalEvents"],"mappings":"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"}
|
package/require/css.amd.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Плагин requirejs для подгрузки css файлов
|
|
3
|
-
*/
|
|
4
|
-
define({
|
|
5
|
-
load: (name, req, onload) => {
|
|
6
|
-
req(['../utils/css.amd'], ({ insertToPage }) => {
|
|
7
|
-
let cssURL = req.toUrl(name);
|
|
8
|
-
|
|
9
|
-
insertToPage([cssURL]).then(onload).catch(onload.error);
|
|
10
|
-
});
|
|
11
|
-
},
|
|
1
|
+
/**
|
|
2
|
+
* Плагин requirejs для подгрузки css файлов
|
|
3
|
+
*/
|
|
4
|
+
define({
|
|
5
|
+
load: (name, req, onload) => {
|
|
6
|
+
req(['../utils/css.amd'], ({ insertToPage }) => {
|
|
7
|
+
let cssURL = req.toUrl(name);
|
|
8
|
+
|
|
9
|
+
insertToPage([cssURL]).then(onload).catch(onload.error);
|
|
10
|
+
});
|
|
11
|
+
},
|
|
12
12
|
});
|
|
@@ -24,6 +24,10 @@ declare const meta: {
|
|
|
24
24
|
type: import("vue").PropType<ComponentsConst.Item[]>;
|
|
25
25
|
default: () => ComponentsConst.Item[];
|
|
26
26
|
};
|
|
27
|
+
minLength: {
|
|
28
|
+
type: import("vue").PropType<number>;
|
|
29
|
+
default: number;
|
|
30
|
+
};
|
|
27
31
|
apiRequest: {
|
|
28
32
|
type: import("vue").PropType<{
|
|
29
33
|
[propName: string]: any;
|
|
@@ -45,10 +49,6 @@ declare const meta: {
|
|
|
45
49
|
multiselect: {
|
|
46
50
|
type: import("vue").PropType<boolean>;
|
|
47
51
|
};
|
|
48
|
-
minLength: {
|
|
49
|
-
type: import("vue").PropType<number>;
|
|
50
|
-
default: number;
|
|
51
|
-
};
|
|
52
52
|
appendSearchToResult: {
|
|
53
53
|
type: import("vue").PropType<boolean>;
|
|
54
54
|
};
|
|
@@ -81,6 +81,10 @@ declare const meta: {
|
|
|
81
81
|
type: import("vue").PropType<ComponentsConst.Item[]>;
|
|
82
82
|
default: () => ComponentsConst.Item[];
|
|
83
83
|
};
|
|
84
|
+
minLength: {
|
|
85
|
+
type: import("vue").PropType<number>;
|
|
86
|
+
default: number;
|
|
87
|
+
};
|
|
84
88
|
apiRequest: {
|
|
85
89
|
type: import("vue").PropType<{
|
|
86
90
|
[propName: string]: any;
|
|
@@ -102,10 +106,6 @@ declare const meta: {
|
|
|
102
106
|
multiselect: {
|
|
103
107
|
type: import("vue").PropType<boolean>;
|
|
104
108
|
};
|
|
105
|
-
minLength: {
|
|
106
|
-
type: import("vue").PropType<number>;
|
|
107
|
-
default: number;
|
|
108
|
-
};
|
|
109
109
|
appendSearchToResult: {
|
|
110
110
|
type: import("vue").PropType<boolean>;
|
|
111
111
|
};
|
|
@@ -150,6 +150,10 @@ declare const meta: {
|
|
|
150
150
|
type: import("vue").PropType<ComponentsConst.Item[]>;
|
|
151
151
|
default: () => ComponentsConst.Item[];
|
|
152
152
|
};
|
|
153
|
+
minLength: {
|
|
154
|
+
type: import("vue").PropType<number>;
|
|
155
|
+
default: number;
|
|
156
|
+
};
|
|
153
157
|
apiRequest: {
|
|
154
158
|
type: import("vue").PropType<{
|
|
155
159
|
[propName: string]: any;
|
|
@@ -171,10 +175,6 @@ declare const meta: {
|
|
|
171
175
|
multiselect: {
|
|
172
176
|
type: import("vue").PropType<boolean>;
|
|
173
177
|
};
|
|
174
|
-
minLength: {
|
|
175
|
-
type: import("vue").PropType<number>;
|
|
176
|
-
default: number;
|
|
177
|
-
};
|
|
178
178
|
appendSearchToResult: {
|
|
179
179
|
type: import("vue").PropType<boolean>;
|
|
180
180
|
};
|
|
@@ -216,6 +216,10 @@ declare const meta: {
|
|
|
216
216
|
type: import("vue").PropType<ComponentsConst.Item[]>;
|
|
217
217
|
default: () => ComponentsConst.Item[];
|
|
218
218
|
};
|
|
219
|
+
minLength: {
|
|
220
|
+
type: import("vue").PropType<number>;
|
|
221
|
+
default: number;
|
|
222
|
+
};
|
|
219
223
|
apiRequest: {
|
|
220
224
|
type: import("vue").PropType<{
|
|
221
225
|
[propName: string]: any;
|
|
@@ -237,10 +241,6 @@ declare const meta: {
|
|
|
237
241
|
multiselect: {
|
|
238
242
|
type: import("vue").PropType<boolean>;
|
|
239
243
|
};
|
|
240
|
-
minLength: {
|
|
241
|
-
type: import("vue").PropType<number>;
|
|
242
|
-
default: number;
|
|
243
|
-
};
|
|
244
244
|
appendSearchToResult: {
|
|
245
245
|
type: import("vue").PropType<boolean>;
|
|
246
246
|
};
|
|
@@ -21,6 +21,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
21
21
|
type: import("vue").PropType<Item[]>;
|
|
22
22
|
default: () => Item[];
|
|
23
23
|
};
|
|
24
|
+
minLength: {
|
|
25
|
+
type: import("vue").PropType<number>;
|
|
26
|
+
default: number;
|
|
27
|
+
};
|
|
24
28
|
apiRequest: {
|
|
25
29
|
type: import("vue").PropType<{
|
|
26
30
|
[propName: string]: any;
|
|
@@ -42,10 +46,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
42
46
|
multiselect: {
|
|
43
47
|
type: import("vue").PropType<boolean>;
|
|
44
48
|
};
|
|
45
|
-
minLength: {
|
|
46
|
-
type: import("vue").PropType<number>;
|
|
47
|
-
default: number;
|
|
48
|
-
};
|
|
49
49
|
appendSearchToResult: {
|
|
50
50
|
type: import("vue").PropType<boolean>;
|
|
51
51
|
};
|
|
@@ -78,6 +78,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
78
78
|
type: import("vue").PropType<Item[]>;
|
|
79
79
|
default: () => Item[];
|
|
80
80
|
};
|
|
81
|
+
minLength: {
|
|
82
|
+
type: import("vue").PropType<number>;
|
|
83
|
+
default: number;
|
|
84
|
+
};
|
|
81
85
|
apiRequest: {
|
|
82
86
|
type: import("vue").PropType<{
|
|
83
87
|
[propName: string]: any;
|
|
@@ -99,10 +103,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
|
|
|
99
103
|
multiselect: {
|
|
100
104
|
type: import("vue").PropType<boolean>;
|
|
101
105
|
};
|
|
102
|
-
minLength: {
|
|
103
|
-
type: import("vue").PropType<number>;
|
|
104
|
-
default: number;
|
|
105
|
-
};
|
|
106
106
|
appendSearchToResult: {
|
|
107
107
|
type: import("vue").PropType<boolean>;
|
|
108
108
|
};
|
|
@@ -1,51 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
1
|
+
/// <reference types="jquery" />
|
|
2
|
+
/// <reference types="jquery" />
|
|
3
|
+
/// <reference types="jqueryui" />
|
|
4
|
+
import Component from '../../component';
|
|
5
|
+
export interface PopupOptions {
|
|
6
|
+
popup?: string;
|
|
7
|
+
p?: number;
|
|
8
|
+
notch?: boolean;
|
|
9
|
+
class?: string;
|
|
10
|
+
posBy?: 'left' | 'right' | 'fixed' | Element;
|
|
11
|
+
frontSelector?: string;
|
|
12
|
+
invertX?: boolean;
|
|
13
|
+
openByHover?: boolean;
|
|
14
|
+
useOriginal?: boolean;
|
|
15
|
+
transitionDuration?: number;
|
|
16
|
+
isFullScreen?: boolean;
|
|
17
|
+
i18n?: {
|
|
18
|
+
Close?: string;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
21
|
+
export declare class Popup extends Component {
|
|
22
|
+
static componentName: string;
|
|
23
|
+
el: Element;
|
|
24
|
+
elActiveByDefault: boolean | undefined;
|
|
25
|
+
elPopup: Element | undefined | null;
|
|
26
|
+
elPopupInner: Element | undefined;
|
|
27
|
+
elPopupHeader: Element | undefined | null;
|
|
28
|
+
elPopupWidget: Element | undefined | null;
|
|
29
|
+
elPopupBody: Element | undefined | null;
|
|
30
|
+
elPopupFooter: Element | undefined | null;
|
|
31
|
+
elFront: Element | undefined | null;
|
|
32
|
+
popupParent: Popup | undefined;
|
|
33
|
+
$: JQuery<Element> | undefined;
|
|
34
|
+
elStartPosition: Element | undefined | null;
|
|
24
35
|
shift: {
|
|
25
36
|
top: number;
|
|
26
37
|
left: number;
|
|
27
38
|
};
|
|
28
39
|
isClosed: boolean;
|
|
29
40
|
isFirstClick: boolean;
|
|
30
|
-
type:
|
|
31
|
-
options:
|
|
32
|
-
popup: string;
|
|
33
|
-
p: number;
|
|
34
|
-
notch: boolean;
|
|
35
|
-
class: string;
|
|
36
|
-
posBy: string;
|
|
37
|
-
frontSelector: string;
|
|
38
|
-
invertX: boolean;
|
|
39
|
-
openByHover: boolean;
|
|
40
|
-
useOriginal: boolean;
|
|
41
|
-
transitionDuration: number;
|
|
42
|
-
isFullScreen: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* @type {}
|
|
45
|
-
*/
|
|
46
|
-
i18n: any;
|
|
47
|
-
};
|
|
41
|
+
type: string | undefined;
|
|
42
|
+
options: PopupOptions;
|
|
48
43
|
events: {};
|
|
44
|
+
constructor(el: Element, options: PopupOptions);
|
|
49
45
|
mount(): Promise<void>;
|
|
50
46
|
mountJQuery(): Promise<void>;
|
|
51
47
|
/**
|
|
@@ -55,28 +51,26 @@ declare class Popup extends Component {
|
|
|
55
51
|
mountEvents(): void;
|
|
56
52
|
/**
|
|
57
53
|
* Обработка клика вне окна
|
|
58
|
-
* @param {Event} e
|
|
59
54
|
*/
|
|
60
55
|
onMousedown(e: Event): void;
|
|
61
56
|
/**
|
|
62
57
|
* Закрыть другие Popup при фокусе на элемент формы в текущем
|
|
63
|
-
* @param {Event} e
|
|
64
58
|
*/
|
|
65
59
|
onFocus(e: Event): void;
|
|
66
60
|
/**
|
|
67
61
|
* Закрыть Popup при отведении мыши
|
|
68
|
-
* @param {Event} _e
|
|
69
62
|
*/
|
|
70
63
|
onMouseleave(_e: Event): void;
|
|
71
64
|
/**
|
|
72
65
|
* Контроль положения Popup при fixed позиционировании
|
|
73
66
|
*/
|
|
74
67
|
onResize(): void;
|
|
68
|
+
unmount(): void;
|
|
75
69
|
recalcPosition(): void;
|
|
76
|
-
onTouchmove(e:
|
|
70
|
+
onTouchmove(e: Event): void;
|
|
77
71
|
close(): void;
|
|
78
72
|
vueOpen(): Promise<void>;
|
|
79
73
|
vueClose(): void;
|
|
80
74
|
vueGetComponent(): any;
|
|
81
75
|
}
|
|
82
|
-
|
|
76
|
+
export default Popup;
|