@topvisor/ui 1.0.22-selectorRegion-pr → 1.1.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/{core-DOD2Zduv.amd.js → core-CcWs0qYw.amd.js} +2 -2
- package/.chunks/core-CcWs0qYw.amd.js.map +1 -0
- package/.chunks/{core-Cb1K4rks.es.js → core-Dsl28h7N.es.js} +4 -4
- package/.chunks/core-Dsl28h7N.es.js.map +1 -0
- package/.chunks/{datepicker-DNOnzVIz.amd.js → datepicker-B6kIyIcw.amd.js} +2 -2
- package/.chunks/datepicker-B6kIyIcw.amd.js.map +1 -0
- package/.chunks/{datepicker-BbLOzQtp.es.js → datepicker-BTiE5Grw.es.js} +2 -2
- package/.chunks/datepicker-BTiE5Grw.es.js.map +1 -0
- package/.chunks/{dialog_selectorRegions-BYAZLdbp.es.js → dialog_selectorRegions-BZcnnvJM.es.js} +3 -3
- package/.chunks/dialog_selectorRegions-BZcnnvJM.es.js.map +1 -0
- package/.chunks/{dialog_selectorRegions-D1YE2mYS.amd.js → dialog_selectorRegions-CePGUsCo.amd.js} +2 -2
- package/.chunks/dialog_selectorRegions-CePGUsCo.amd.js.map +1 -0
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-DtLpQTwi.es.js → dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js} +2 -2
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js.map +1 -0
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-xoE5yB6b.amd.js → dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js} +2 -2
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js.map +1 -0
- package/.chunks/{forms-LTK63Ugt.es.js → forms-BsuCen2-.es.js} +7 -7
- package/.chunks/forms-BsuCen2-.es.js.map +1 -0
- package/.chunks/{forms-Dv9L8-AZ.amd.js → forms-BwGakScF.amd.js} +3 -3
- package/.chunks/forms-BwGakScF.amd.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-COGiIcDO.amd.js → listItem.vue_vue_type_script_setup_true_lang-CfM8kOV1.amd.js} +2 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CfM8kOV1.amd.js.map +1 -0
- package/.chunks/{listItem.vue_vue_type_script_setup_true_lang-UC3o5oK5.es.js → listItem.vue_vue_type_script_setup_true_lang-CszHDnB0.es.js} +2 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-CszHDnB0.es.js.map +1 -0
- package/.chunks/{menu.vue_vue_type_style_index_0_lang-BFmZ4tvs.amd.js → menu.vue_vue_type_style_index_0_lang-DQTVNJGq.amd.js} +2 -2
- package/.chunks/menu.vue_vue_type_style_index_0_lang-DQTVNJGq.amd.js.map +1 -0
- package/.chunks/{menu.vue_vue_type_style_index_0_lang-hQu5BJPe.es.js → menu.vue_vue_type_style_index_0_lang-DmY5w4yr.es.js} +2 -2
- package/.chunks/menu.vue_vue_type_style_index_0_lang-DmY5w4yr.es.js.map +1 -0
- package/.chunks/{notice-BoZG4Mg1.amd.js → notice-CJdCc72d.amd.js} +2 -2
- package/.chunks/notice-CJdCc72d.amd.js.map +1 -0
- package/.chunks/{notice-CYutIom0.es.js → notice-Cqs1dKt8.es.js} +2 -2
- package/.chunks/notice-Cqs1dKt8.es.js.map +1 -0
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-CffDh-th.amd.js → page.vue_vue_type_script_setup_true_lang-1JWduCTr.amd.js} +2 -2
- package/.chunks/page.vue_vue_type_script_setup_true_lang-1JWduCTr.amd.js.map +1 -0
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-B2wjrf5z.es.js → page.vue_vue_type_script_setup_true_lang-BCfksgg3.es.js} +4 -4
- package/.chunks/page.vue_vue_type_script_setup_true_lang-BCfksgg3.es.js.map +1 -0
- package/.chunks/{popup-Cg9w4Vy-.amd.js → popup-CLhWWJDe.amd.js} +2 -2
- package/.chunks/popup-CLhWWJDe.amd.js.map +1 -0
- package/.chunks/{popup-ec_xLrTA.es.js → popup-N10MDafw.es.js} +2 -2
- package/.chunks/popup-N10MDafw.es.js.map +1 -0
- package/.chunks/store-CX_6ZXhO.es.js.map +1 -1
- package/.chunks/store-esTid5oI.amd.js.map +1 -1
- package/.chunks/{utils-COoE8KP7.es.js → utils-B1H3EGkg.es.js} +2 -2
- package/.chunks/utils-B1H3EGkg.es.js.map +1 -0
- package/.chunks/{utils-GpKurv7L.amd.js → utils-B7GVqGBH.amd.js} +2 -2
- package/.chunks/utils-B7GVqGBH.amd.js.map +1 -0
- package/.chunks/{utils-z5wL437D.amd.js → utils-DIy2mbYd.amd.js} +2 -2
- package/.chunks/utils-DIy2mbYd.amd.js.map +1 -0
- package/.chunks/{utils-BRLYX_ZC.es.js → utils-bjr7c5my.es.js} +3 -3
- package/.chunks/utils-bjr7c5my.es.js.map +1 -0
- package/CHANGELOG.md +14 -0
- package/README.md +82 -82
- package/assets/forms.css +1 -1
- package/assets/formsExt.css +1 -1
- package/charts/charts.amd.js +1 -1
- package/charts/charts.amd.js.map +1 -1
- package/charts/charts.js +1 -1
- package/charts/charts.js.map +1 -1
- package/components/formsExt/navigationMenu/navigationMenu.d.ts +24 -0
- package/components/formsExt/navigationMenu/stories/items.d.ts +3 -0
- package/core/app.amd.js +1 -1
- package/core/app.amd.js.map +1 -1
- package/core/app.js +5 -5
- package/core/app.js.map +1 -1
- package/dialog/dialog.amd.js +1 -1
- package/dialog/dialog.amd.js.map +1 -1
- package/dialog/dialog.js +2 -2
- package/dialog/dialog.js.map +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 +220 -213
- package/formsExt/formsExt.js.map +1 -1
- package/icomoon/Read Me.txt +7 -7
- package/icomoon/Topvisor icons.json +6259 -6259
- package/icomoon/demo-files/demo.css +158 -158
- package/icomoon/demo-files/demo.js +30 -30
- package/icomoon/demo.html +3558 -3558
- package/icomoon/fonts/Topvisor-2.svg +276 -276
- package/icomoon/style.css +780 -780
- package/jquery-ui.min.css +5 -5
- package/layout/layout.amd.js +1 -1
- package/layout/layout.amd.js.map +1 -1
- package/layout/layout.js +1 -1
- package/layout/layout.js.map +1 -1
- package/package.json +33 -33
- package/popup/popup.amd.js +1 -1
- package/popup/popup.amd.js.map +1 -1
- package/popup/popup.js +2 -2
- package/popup/popup.js.map +1 -1
- package/popup/worker.amd.js +1 -1
- package/popup/worker.amd.js.map +1 -1
- package/popup/worker.js +2 -2
- package/popup/worker.js.map +1 -1
- package/project/project.amd.js +1 -1
- package/project/project.amd.js.map +1 -1
- package/project/project.js +75 -76
- package/project/project.js.map +1 -1
- package/require/css.amd.js +12 -12
- package/tabs/tabs.amd.js.map +1 -1
- package/tabs/tabs.js.map +1 -1
- package/tabsView/tabsView.amd.js +1 -1
- package/tabsView/tabsView.amd.js.map +1 -1
- package/tabsView/tabsView.js +1 -1
- package/tabsView/tabsView.js.map +1 -1
- package/utils/check.amd.js.map +1 -1
- package/utils/check.js.map +1 -1
- package/utils/clipboard.amd.js +1 -1
- package/utils/clipboard.amd.js.map +1 -1
- package/utils/clipboard.js +1 -1
- package/utils/clipboard.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/image.amd.js.map +1 -1
- package/utils/image.js.map +1 -1
- package/utils/keyboard.amd.js.map +1 -1
- package/utils/keyboard.js.map +1 -1
- package/utils/lodash.amd.js +1 -1
- package/utils/lodash.js +1 -1
- package/utils/number.amd.js.map +1 -1
- package/utils/number.js.map +1 -1
- package/utils/price.amd.js +1 -1
- package/utils/price.amd.js.map +1 -1
- package/utils/price.js +1 -1
- package/utils/price.js.map +1 -1
- package/utils/route.amd.js.map +1 -1
- package/utils/route.js.map +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js.map +1 -1
- package/utils/searchers.amd.js +1 -1
- package/utils/searchers.amd.js.map +1 -1
- package/utils/searchers.js +3 -3
- package/utils/searchers.js.map +1 -1
- package/utils/string.amd.js +1 -1
- package/utils/string.amd.js.map +1 -1
- package/utils/string.js +1 -1
- package/utils/string.js.map +1 -1
- package/utils/system.amd.js.map +1 -1
- package/utils/system.js.map +1 -1
- package/utils/url.amd.js.map +1 -1
- package/utils/url.js.map +1 -1
- package/web-types.json +130 -130
- package/.chunks/core-Cb1K4rks.es.js.map +0 -1
- package/.chunks/core-DOD2Zduv.amd.js.map +0 -1
- package/.chunks/datepicker-BbLOzQtp.es.js.map +0 -1
- package/.chunks/datepicker-DNOnzVIz.amd.js.map +0 -1
- package/.chunks/dialog_selectorRegions-BYAZLdbp.es.js.map +0 -1
- package/.chunks/dialog_selectorRegions-D1YE2mYS.amd.js.map +0 -1
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-DtLpQTwi.es.js.map +0 -1
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-xoE5yB6b.amd.js.map +0 -1
- package/.chunks/forms-Dv9L8-AZ.amd.js.map +0 -1
- package/.chunks/forms-LTK63Ugt.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-COGiIcDO.amd.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-UC3o5oK5.es.js.map +0 -1
- package/.chunks/menu.vue_vue_type_style_index_0_lang-BFmZ4tvs.amd.js.map +0 -1
- package/.chunks/menu.vue_vue_type_style_index_0_lang-hQu5BJPe.es.js.map +0 -1
- package/.chunks/notice-BoZG4Mg1.amd.js.map +0 -1
- package/.chunks/notice-CYutIom0.es.js.map +0 -1
- package/.chunks/page.vue_vue_type_script_setup_true_lang-B2wjrf5z.es.js.map +0 -1
- package/.chunks/page.vue_vue_type_script_setup_true_lang-CffDh-th.amd.js.map +0 -1
- package/.chunks/popup-Cg9w4Vy-.amd.js.map +0 -1
- package/.chunks/popup-ec_xLrTA.es.js.map +0 -1
- package/.chunks/utils-BRLYX_ZC.es.js.map +0 -1
- package/.chunks/utils-COoE8KP7.es.js.map +0 -1
- package/.chunks/utils-GpKurv7L.amd.js.map +0 -1
- package/.chunks/utils-z5wL437D.amd.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","vue","./forms-
|
|
2
|
-
//# sourceMappingURL=core-
|
|
1
|
+
define(["require","exports","vue","./forms-BwGakScF.amd","../popup/worker.amd","./dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd","../utils/dom.amd"],function(r,V,w,i,l,_,S){"use strict";if(typeof w>"u")var w=window.Vue;class I{static isInited=!1;static init(){this.isInited||(this.isInited=!0,document.addEventListener("mouseover",e=>{var o;!(e.target instanceof HTMLElement)||!((o=e.target.dataset)!=null&&o.topPopupOpenByHover)||e.target.click()}),document.addEventListener("scroll",()=>{i.Core.state.isMobile||i.Core.state.isMobileUA||l.TopPopupWorker.getAll().forEach(e=>l.TopPopupWorker.close(e))}),i.Events.addOnReize(e=>{i.Core.state.isMobile&&e.topEvent.widthDiff&&l.TopPopupWorker.getAll().forEach(o=>l.TopPopupWorker.close(o))}),document.addEventListener("click",this.onclick))}static async onclick(e){var n,s,c,a,D;if(!(e.target instanceof HTMLElement))return;let o;switch(!0){case!!((n=e.target.dataset)!=null&&n.topPopup):o=e.target;break;case!!((s=e.target.parentElement)!=null&&s.dataset.topPopup):o=e.target.parentElement;break;case!!((a=(c=e.target.parentElement)==null?void 0:c.parentElement)!=null&&a.dataset.topPopup):o=(D=e.target.parentElement)==null?void 0:D.parentElement;break}o&&(o.dataset.topPopupDisabled||o.dataset.topPopupOpened||(e.preventDefault(),await l.TopPopupWorker.openByOpener(o)))}}let g;const R={mounted:async(t,e)=>{g||(g=(await new Promise((c,a)=>r(["../utils/dom.amd"],c,a))).storage);const o=e.arg,n=e.value;g(t,o,n)}};let h,d=[],b;const M=async()=>{const{isVisible:t}=await new Promise((o,n)=>r(["../utils/dom.amd"],o,n));if(d=d.filter(t),!d.length)return;d[0].focus(),d=[]},C=async t=>{h||(h=await new Promise((e,o)=>r(["../utils/lodash.amd"],e,o))),b||(b=h.debounce(M,30)),d.push(t),b()},x={mounted:function(t,e){t.__TOP_V_FOCUS_VALUE=e.value??!0,(e.value??!0)&&C(t)},updated:function(t,e){e.modifiers.onupdate&&t.__TOP_V_FOCUS_VALUE!==(e.value??!0)&&(t.__TOP_V_FOCUS_VALUE=e.value??!0,(e.value??!0)&&C(t))}};let v,E;const k=t=>(typeof t=="boolean"||(t?t={...t}:t={},t.behavior??="smooth",t.block??="nearest",t.inline??="nearest"),t);let f,P;const H=async()=>{if(!f)return;const t=await y(f);t.isVisible&&f.scrollIntoView(t.scrollIntoViewOptions)},A=async t=>{E||(E=await new Promise((e,o)=>r(["../utils/lodash.amd"],e,o))),P||(P=E.debounce(H,30)),f=t,P()},y=async(t,e)=>{v||(v=await new Promise((n,s)=>r(["../utils/dom.amd"],n,s)));let o=v.storage(t,"v-top-scrollIntoView");return o||(o={isVisible:S.isVisible(t),scrollIntoViewOptions:k(e)},v.storage(t,"v-top-scrollIntoView",o)),o},W={async mounted(t,e){await y(t,e.value),e.modifiers.immediate&&A(t)},async updated(t,e){const o=await y(t,e.value);o.scrollIntoViewOptions=k(e.value);const n=S.isVisible(t);n&&o.isVisible!==n&&A(t),o.isVisible=n}};let u;const $={async mounted(t){u||(u=await new Promise((e,o)=>r(["../utils/scroll.amd"],e,o))),u.connectScrollShadow(t)},async unmounted(t){u||(u=await new Promise((e,o)=>r(["../utils/scroll.amd"],e,o))),u.unconnectScrollShadow(t)}};let p;const N={mounted(t,e,o){const n=e.value||"top-sticky";p=new IntersectionObserver(s=>{let c=s[0].intersectionRatio<1;c&&e.modifiers.bottom&&s[0].intersectionRect.y===0&&(c=!1),t.classList.toggle(n,c)},{threshold:[1]}),p.observe(t)},unmounted(t,e,o){p==null||p.disconnect()}};let L=!1,m;const T=new Map,F=(t,e)=>{const{distance:o,percent:n}=t.directiveSwipUpOptions,s=t.getBoundingClientRect().top,c=e*n/100/o,a=(e-s)/c;a<=o?t.style.transform=`translateY(${o-a}px)`:t.style.transform="translateY(0px)"},B=t=>{let e=window.innerHeight;window.addEventListener("scroll",()=>{T.forEach(o=>F(o,e))},{passive:!0}),m=new IntersectionObserver(o=>{e=window.innerHeight,o.forEach(n=>{const s=n.target;if(n.intersectionRatio<.1?T.delete(s):T.set(s,s),n.intersectionRatio===0){const{distance:c}=s.directiveSwipUpOptions;s.style.transform=`translateY(${c}px)`}})},{threshold:.1})},Y={mounted(t,e,o){var n,s;i.Core.state.isMobileUA||(t.directiveSwipUpOptions={distance:((n=e.value)==null?void 0:n.distance)??100,percent:((s=e.value)==null?void 0:s.percent)??30},L||(B(),L=!0),m.observe(t))},unmounted(t,e,o){T.delete(t),m==null||m.unobserve(t)}},U=t=>{var e,o;if(!((o=(e=i.Core.$)==null?void 0:e.ui)!=null&&o.tooltip)){console.info("Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip");return}return i.Core.$(t)},O=(t,e)=>{var n;const o=t.value??{};return o.content??=(n=e.props)==null?void 0:n.title,o.content=String(o.content).replace(/\r\n|\r|\n/g,"<br>"),o.position??={my:"bottom-18px",at:"top center"},o},j={mounted(t,e,o){var n;(n=U(t))==null||n.tooltip(O(e,o))},updated(t,e,o,n){var a;const s=O(e,o),c=(a=U(t))==null?void 0:a.tooltip("instance");c&&(c.options={...c.options,...s})},unmounted(t,e,o){var n;(n=U(t))==null||n.tooltip("destroy")}},z=w.defineAsyncComponent(()=>new Promise((t,e)=>r(["./notice-CJdCc72d.amd"],t,e)));window.vd=console.log;const G={install:(t,e)=>{t.config.globalProperties.$core=i.Core,t.config.globalProperties.$vd=console.log;for(const o in e)i.Core.state[o]=e[o];e.widthForMobile&&(i.Core.widthForMobile=e.widthForMobile),e.themeName&&(i.Core.themeName=e.themeName),i.Core._setState(),e.topPopupOptions&&(l.TopPopupWorker.options=e.topPopupOptions),I.init(),_.TopDialogWorker.init(e.topDialogOptions),t.directive("top-data",R),t.directive("top-focus",x),t.directive("top-scroll-into-view",W),t.directive("top-scroll-shadow",$),t.directive("top-sticky",N),t.directive("top-swim-up",Y),t.directive("top-tooltip",j),t.component("TopAvatar",i.TopAvatar),t.component("TopButton",i.TopButton),t.component("TopCheckbox",i.TopCheckbox),t.component("TopControlLabel",i.TopControlLabel),t.component("TopHint",i.TopHint),t.component("TopInput",i.TopInput),t.component("TopInputDate",i.TopInputDate),t.component("TopInputRange",i.TopInputRange),t.component("TopLoadbar",i.TopLoadbar),t.component("TopRadio",i.TopRadio),t.component("TopSelect",i.TopSelect),t.component("TopSwitcher",i.TopSwitcher),t.component("TopTextarea",i.TopTextarea),t.component("TopNotice",z),t.component("TopDialogs",_._sfc_main)}};V.core=G});
|
|
2
|
+
//# sourceMappingURL=core-CcWs0qYw.amd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core-CcWs0qYw.amd.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/core/directives/data.ts","../../src/core/directives/focus.ts","../../src/core/directives/scrollIntoView.ts","../../src/core/directives/scrollShadow.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/directives/tooltip.ts","../../src/core/plugins/core.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\r\n\tprivate static isInited = false;\r\n\r\n\t/**\r\n\t * Добавить глобальные обработчики\r\n\t *\r\n\t * Добавляются на страницу один раз и навсегда\r\n\t */\r\n\tstatic init(): void {\r\n\t\tif (this.isInited) return;\r\n\r\n\t\tthis.isInited = true;\r\n\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 *\r\n\t * Обрабатывает клики на открытие Popup\r\n\t */\r\n\tprivate static 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 type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\nlet storage: any;\r\n\r\n/**\r\n * Сохранить данные в элементе\r\n *\r\n * Для доступа к данным можно воспользоваться ui/utils/dom storage()\r\n */\r\nconst data = {\r\n\tmounted: async (el: HTMLElement, binding: DirectiveBinding) => {\r\n\t\tif (!storage) {\r\n\t\t\tconst UtilsDom = await import('@/core/utils/dom');\r\n\r\n\t\t\tstorage = UtilsDom.storage;\r\n\t\t}\r\n\r\n\t\tconst name = binding.arg;\r\n\t\tconst value = binding.value;\r\n\r\n\t\tstorage(el, name, value);\r\n\t},\r\n};\r\n\r\nexport default data;\r\n","import type { DirectiveBinding } from 'vue';\r\n\r\ntype Binding = DirectiveBinding<boolean, 'onupdate'>;\r\n\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Список элементов, на которых бала запрошена фокусировка, для дедупликации фокусировок\r\n */\r\nlet elsActive: HTMLElement[] = [];\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet focusOnElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить фокусировку на активном элементе\r\n *\r\n * Если фокусирока запрошена на несколько элементов, будет выбран первый элемент\r\n */\r\nconst focusOnElActive = async () => {\r\n\tconst { isVisible } = await import('@/core/utils/dom');\r\n\telsActive = elsActive.filter(isVisible)\r\n\r\n\tif (!elsActive.length) return;\r\n\r\n\tconst el = elsActive[0];\r\n\r\n\tel.focus();\r\n\r\n\t// // UX: Если выбрано несколько чекбоксов или радио после выбора фокусировка будет снята, чтобы не делать выбор за пользователя\r\n\t// if (elsActive.length && el.nodeName === 'INPUT') {\r\n\t// \tconst type = (el as HTMLInputElement).type;\r\n\t// \tif (type === 'checkbox' || type === 'radio') el.blur();\r\n\t// }\r\n\r\n\telsActive = [];\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированную фокусировку на элементе\r\n */\r\nconst focusOnElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!focusOnElActiveDebounce) focusOnElActiveDebounce = UtilsLodash.debounce(focusOnElActive, 30);\r\n\r\n\telsActive.push(el);\r\n\r\n\tfocusOnElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: Binding) {\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n\r\n\tupdated: function (el: HTMLElement, binding: Binding) {\r\n\t\tif (!binding.modifiers.onupdate) return;\r\n\r\n\t\tif (el['__TOP_V_FOCUS_VALUE'] === (binding.value ?? true)) return;\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n};\r\n\r\nexport default focus;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\nimport { isVisible } from '@/core/utils/dom';\r\n\r\ntype Binding = DirectiveBinding<ScrollIntoViewOptions | boolean | undefined, 'immediate'>;\r\n\r\ntype Storage = {\r\n\t/**\r\n\t * Сохраненное состояние видимости\r\n\t */\r\n\tisVisible: boolean,\r\n\r\n\t/**\r\n\t * Текущие настройки скролла\r\n\t */\r\n\tscrollIntoViewOptions: ScrollIntoViewOptions | boolean\r\n};\r\n\r\nlet UtilsDom: typeof import('@/core/utils/dom');\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Сгенерировать настройки для скролла\r\n *\r\n * @see https://developer.mozilla.org/ru/docs/Web/API/Element/scrollIntoView\r\n */\r\nconst genScrollIntoViewOptions = (scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (typeof scrollIntoViewOptions === 'boolean') return scrollIntoViewOptions;\r\n\r\n\tif (!scrollIntoViewOptions) {\r\n\t\tscrollIntoViewOptions = {};\r\n\t} else {\r\n\t\tscrollIntoViewOptions = { ...scrollIntoViewOptions };\r\n\t}\r\n\r\n\tscrollIntoViewOptions.behavior ??= 'smooth';\r\n\tscrollIntoViewOptions.block ??= 'nearest';\r\n\tscrollIntoViewOptions.inline ??= 'nearest';\r\n\r\n\treturn scrollIntoViewOptions;\r\n};\r\n\r\n/**\r\n * Активный элемент, для дедупликации скроллов\r\n *\r\n * Только один элемент на странице может считаться активным\r\n */\r\nlet elActive: HTMLElement | undefined;\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet scrollToElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить скролл к текущему активному элементу\r\n */\r\nconst scrollToElActive = async () => {\r\n\tif (!elActive) return;\r\n\r\n\tconst storage = await useStorage(elActive);\r\n\tif (!storage.isVisible) return;\r\n\r\n\telActive.scrollIntoView(storage.scrollIntoViewOptions);\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированный скролл к элементу\r\n *\r\n * Будет выполнен скролл к самому последнему элементу, вызвавшему срабатывание директивы\r\n */\r\nconst scrollToElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!scrollToElActiveDebounce) scrollToElActiveDebounce = UtilsLodash.debounce(scrollToElActive, 30);\r\n\r\n\telActive = el;\r\n\r\n\tscrollToElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Данные, связанные с элементом и директивой\r\n */\r\nconst useStorage = async (el: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (!UtilsDom) UtilsDom = await import('@/core/utils/dom');\r\n\r\n\tlet storage: Storage | undefined = UtilsDom.storage(el, 'v-top-scrollIntoView');\r\n\r\n\t// инициализация\r\n\tif (!storage) {\r\n\t\tstorage = {\r\n\t\t\tisVisible: isVisible(el),\r\n\t\t\tscrollIntoViewOptions: genScrollIntoViewOptions(scrollIntoViewOptions),\r\n\t\t};\r\n\r\n\t\tUtilsDom.storage(el, 'v-top-scrollIntoView', storage);\r\n\t}\r\n\r\n\treturn storage;\r\n};\r\n\r\nconst scrollIntoView: ObjectDirective = {\r\n\tasync mounted(el: HTMLElement, binding: Binding) {\r\n\t\tawait useStorage(el, binding.value);\r\n\r\n\t\tif (binding.modifiers.immediate) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\t},\r\n\r\n\tasync updated(el: HTMLElement, binding: Binding) {\r\n\t\tconst storage = await useStorage(el, binding.value);\r\n\t\tstorage.scrollIntoViewOptions = genScrollIntoViewOptions(binding.value);\r\n\r\n\t\tconst isVisibleNew = isVisible(el);\r\n\t\tif (isVisibleNew && storage.isVisible !== isVisibleNew) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\r\n\t\tstorage.isVisible = isVisibleNew;\r\n\t},\r\n};\r\n\r\nexport default scrollIntoView;\r\n","let UtilsScroll: typeof import('@/core/utils/scroll');\r\n\r\n/**\r\n * Добавить отображение тени при появлении скролла у элемента\r\n *\r\n * Будут добавлены события для усатновки модификаторов тени в зависимости от скролла элемента\r\n *\r\n * Модификаторы:\r\n * - top-scrollShadow\r\n * - top-scrollShadow-started\r\n * - top-scrollShadow-finished\r\n */\r\nconst connectScrollShadow = {\r\n\tasync mounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.connectScrollShadow(el);\r\n\t},\r\n\r\n\tasync unmounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.unconnectScrollShadow(el);\r\n\t},\r\n};\r\n\r\nexport default connectScrollShadow;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif (condition) {\r\n\t\t\t\tif (binding.modifiers.bottom && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold: [1],\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n};\r\n\r\nexport default sticky;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface HTMLElementWithSwimUpOptions extends HTMLElement {\r\n\tdirectiveSwipUpOptions: {\r\n\t\tdistance: number,\r\n\t\tpercent: number,\r\n\t};\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nconst appSwimUpEls = new Map();\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElementWithSwimUpOptions, windowHeight: number): void => {\r\n\tconst { distance, percent } = el.directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n};\r\n\r\nconst swimUpInit = (_el: HTMLElementWithSwimUpOptions): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElementWithSwimUpOptions;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance } = el.directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n};\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tel.directiveSwipUpOptions = {\r\n\t\t\tdistance: binding.value?.distance ?? 100, // количество px на которые блок изначально смещен вниз,\r\n\t\t\tpercent: binding.value?.percent ?? 30, // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\t\t};\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t},\r\n};\r\n\r\nexport default swimUp;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Добавление всплывающей подсказки к элементу.\r\n */\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n};\r\n\r\nexport default tooltip;\r\n","import { defineAsyncComponent, type Plugin } from 'vue';\r\nimport type { PartialBy } from '@/components/types';\r\n\r\nimport Core from '@/core/core/core';\r\nimport coreDefaultOptions from '@/core/core/options';\r\n\r\nimport * as Forms from '../../components/forms/forms';\r\n\r\nconst TopNotice = defineAsyncComponent(() => import('@/components/core/notice/notice.vue'));\r\n\r\nimport type { Options as TopPopupOptions } from '@/components/popup/lib/worker';\r\nimport TopPopupWorker from '@/components/popup/lib/worker';\r\nimport TopPopupWorkerGlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\n\r\nimport TopDialogs from '@/components/dialog/dialog/dialogs/dialogs.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { TopDialogOptions } from '@/components/dialog/lib/types';\r\n\r\nimport directiveData from '@/core/directives/data';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveScrollIntoView from '@/core/directives/scrollIntoView';\r\nimport directiveScrollShadow from '@/core/directives/scrollShadow';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\ndeclare global {\r\n\tconst vd: typeof console.log;\r\n}\r\n\r\nwindow['vd'] = console.log;\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t/**\r\n\t\t * Статический класс с текущим состоянимем UI\r\n\t\t */\r\n\t\t$core: typeof Core;\r\n\r\n\t\t$vd: typeof console.log;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\r\n\t\tTopNotice: typeof TopNotice;\r\n\t\tTopDialogs: typeof TopDialogs;\r\n\t}\r\n}\r\n\r\ntype CoreOptions = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'>;\r\n\r\ntype Options = CoreOptions & {\r\n\ttopPopupOptions?: TopPopupOptions\r\n\ttopDialogOptions?: TopDialogOptions\r\n};\r\n\r\n/**\r\n * Плагин для интеграции UI во Vue приложение\r\n *\r\n * - В глобальную область видимости шаблонов будет добавлен объект $core\r\n * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n */\r\nexport default {\r\n\r\n\tinstall: (app, options: Options) => {\r\n\t\tapp.config.globalProperties.$core = Core;\r\n\t\tapp.config.globalProperties.$vd = console.log;\r\n\r\n\t\t// начальные настройки UI\r\n\t\tfor (const name in options) {\r\n\t\t\tCore.state[name] = options[name];\r\n\t\t}\r\n\r\n\t\tif (options.widthForMobile) Core.widthForMobile = options.widthForMobile;\r\n\t\tif (options.themeName) Core.themeName = options.themeName;\r\n\r\n\t\tCore._setState();\r\n\r\n\t\tif (options.topPopupOptions) TopPopupWorker.options = options.topPopupOptions;\r\n\t\tTopPopupWorkerGlobalEvents.init();\r\n\r\n\t\tTopDialogWorker.init(options.topDialogOptions);\r\n\r\n\t\t// определение директив\r\n\t\tapp.directive('top-data', directiveData);\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-scroll-into-view', directiveScrollIntoView);\r\n\t\tapp.directive('top-scroll-shadow', directiveScrollShadow);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\t// определение базовых компонентов\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\r\n\t\tapp.component('TopNotice', TopNotice);\r\n\t\tapp.component('TopDialogs', TopDialogs);\r\n\t},\r\n\r\n} satisfies Plugin<Options>;\r\n"],"names":["WorkerEvents","_a","forms","popup_worker","elPopup","elOpener","_d","_c","storage","data","el","binding","resolve","reject","require","name","value","UtilsLodash$1","focusOnElActiveDebounce","elsActive","isVisible","focusOnElDebounce","focusOnElActive","focus","UtilsDom","UtilsLodash","genScrollIntoViewOptions","scrollIntoViewOptions","elActive","scrollToElActiveDebounce","useStorage","scrollToElDebounce","scrollToElActive","utils_dom","scrollIntoView","isVisibleNew","UtilsScroll","connectScrollShadow","appStickyObserver","sticky","_vnode","className","entries","_el","_binding","appSwimUpObserver","appSwimUpEls","swimUpElTransform","windowHeight","triggerHeight","distance","swimUpInit","entry","swimUp","_b","$","tvTooltipGenOptions","vnode","options","tooltip","core","app","dialogs_vue_vue_type_script_setup_true_lang","TopNotice"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineAsyncComponent as D } from "vue";
|
|
2
|
-
import { C as r, E as P, T as I, g as V, h as C, j as R, k as M, l as x, m as H, n as $, o as N, p as F, q as B, r as W, s as Y } from "./forms-
|
|
2
|
+
import { C as r, E as P, T as I, g as V, h as C, j as R, k as M, l as x, m as H, n as $, o as N, p as F, q as B, r as W, s as Y } from "./forms-BsuCen2-.es.js";
|
|
3
3
|
import { TopPopupWorker as l } from "../popup/worker.js";
|
|
4
|
-
import { T as j, _ as q } from "./dialogs.vue_vue_type_script_setup_true_lang-
|
|
4
|
+
import { T as j, _ as q } from "./dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js";
|
|
5
5
|
import { isVisible as L } from "../utils/dom.js";
|
|
6
6
|
class z {
|
|
7
7
|
static isInited = !1;
|
|
@@ -180,7 +180,7 @@ const v = /* @__PURE__ */ new Map(), et = (t, e) => {
|
|
|
180
180
|
var n;
|
|
181
181
|
(n = E(t)) == null || n.tooltip("destroy");
|
|
182
182
|
}
|
|
183
|
-
}, st = D(() => import("./notice-
|
|
183
|
+
}, st = D(() => import("./notice-Cqs1dKt8.es.js"));
|
|
184
184
|
window.vd = console.log;
|
|
185
185
|
const ut = {
|
|
186
186
|
install: (t, e) => {
|
|
@@ -193,4 +193,4 @@ const ut = {
|
|
|
193
193
|
export {
|
|
194
194
|
ut as c
|
|
195
195
|
};
|
|
196
|
-
//# sourceMappingURL=core-
|
|
196
|
+
//# sourceMappingURL=core-Dsl28h7N.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"core-Dsl28h7N.es.js","sources":["../../src/components/popup/lib/worker.globalEvents.ts","../../src/core/directives/data.ts","../../src/core/directives/focus.ts","../../src/core/directives/scrollIntoView.ts","../../src/core/directives/scrollShadow.ts","../../src/core/directives/sticky.ts","../../src/core/directives/swimUp.ts","../../src/core/directives/tooltip.ts","../../src/core/plugins/core.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\r\n\tprivate static isInited = false;\r\n\r\n\t/**\r\n\t * Добавить глобальные обработчики\r\n\t *\r\n\t * Добавляются на страницу один раз и навсегда\r\n\t */\r\n\tstatic init(): void {\r\n\t\tif (this.isInited) return;\r\n\r\n\t\tthis.isInited = true;\r\n\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 *\r\n\t * Обрабатывает клики на открытие Popup\r\n\t */\r\n\tprivate static 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 type { DirectiveBinding, ObjectDirective } from 'vue';\r\n\r\nlet storage: any;\r\n\r\n/**\r\n * Сохранить данные в элементе\r\n *\r\n * Для доступа к данным можно воспользоваться ui/utils/dom storage()\r\n */\r\nconst data = {\r\n\tmounted: async (el: HTMLElement, binding: DirectiveBinding) => {\r\n\t\tif (!storage) {\r\n\t\t\tconst UtilsDom = await import('@/core/utils/dom');\r\n\r\n\t\t\tstorage = UtilsDom.storage;\r\n\t\t}\r\n\r\n\t\tconst name = binding.arg;\r\n\t\tconst value = binding.value;\r\n\r\n\t\tstorage(el, name, value);\r\n\t},\r\n};\r\n\r\nexport default data;\r\n","import type { DirectiveBinding } from 'vue';\r\n\r\ntype Binding = DirectiveBinding<boolean, 'onupdate'>;\r\n\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Список элементов, на которых бала запрошена фокусировка, для дедупликации фокусировок\r\n */\r\nlet elsActive: HTMLElement[] = [];\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet focusOnElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить фокусировку на активном элементе\r\n *\r\n * Если фокусирока запрошена на несколько элементов, будет выбран первый элемент\r\n */\r\nconst focusOnElActive = async () => {\r\n\tconst { isVisible } = await import('@/core/utils/dom');\r\n\telsActive = elsActive.filter(isVisible)\r\n\r\n\tif (!elsActive.length) return;\r\n\r\n\tconst el = elsActive[0];\r\n\r\n\tel.focus();\r\n\r\n\t// // UX: Если выбрано несколько чекбоксов или радио после выбора фокусировка будет снята, чтобы не делать выбор за пользователя\r\n\t// if (elsActive.length && el.nodeName === 'INPUT') {\r\n\t// \tconst type = (el as HTMLInputElement).type;\r\n\t// \tif (type === 'checkbox' || type === 'radio') el.blur();\r\n\t// }\r\n\r\n\telsActive = [];\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированную фокусировку на элементе\r\n */\r\nconst focusOnElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!focusOnElActiveDebounce) focusOnElActiveDebounce = UtilsLodash.debounce(focusOnElActive, 30);\r\n\r\n\telsActive.push(el);\r\n\r\n\tfocusOnElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Фокусировка на элементе сразу после его отображения\r\n */\r\nconst focus = {\r\n\tmounted: function (el: HTMLElement, binding: Binding) {\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n\r\n\tupdated: function (el: HTMLElement, binding: Binding) {\r\n\t\tif (!binding.modifiers.onupdate) return;\r\n\r\n\t\tif (el['__TOP_V_FOCUS_VALUE'] === (binding.value ?? true)) return;\r\n\t\tel['__TOP_V_FOCUS_VALUE'] = binding.value ?? true;\r\n\r\n\t\tif (binding.value ?? true) focusOnElDebounce(el);\r\n\t},\r\n};\r\n\r\nexport default focus;\r\n","import type { DirectiveBinding, ObjectDirective } from 'vue';\r\nimport { isVisible } from '@/core/utils/dom';\r\n\r\ntype Binding = DirectiveBinding<ScrollIntoViewOptions | boolean | undefined, 'immediate'>;\r\n\r\ntype Storage = {\r\n\t/**\r\n\t * Сохраненное состояние видимости\r\n\t */\r\n\tisVisible: boolean,\r\n\r\n\t/**\r\n\t * Текущие настройки скролла\r\n\t */\r\n\tscrollIntoViewOptions: ScrollIntoViewOptions | boolean\r\n};\r\n\r\nlet UtilsDom: typeof import('@/core/utils/dom');\r\nlet UtilsLodash: typeof import('@/core/utils/lodash');\r\n\r\n/**\r\n * Сгенерировать настройки для скролла\r\n *\r\n * @see https://developer.mozilla.org/ru/docs/Web/API/Element/scrollIntoView\r\n */\r\nconst genScrollIntoViewOptions = (scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (typeof scrollIntoViewOptions === 'boolean') return scrollIntoViewOptions;\r\n\r\n\tif (!scrollIntoViewOptions) {\r\n\t\tscrollIntoViewOptions = {};\r\n\t} else {\r\n\t\tscrollIntoViewOptions = { ...scrollIntoViewOptions };\r\n\t}\r\n\r\n\tscrollIntoViewOptions.behavior ??= 'smooth';\r\n\tscrollIntoViewOptions.block ??= 'nearest';\r\n\tscrollIntoViewOptions.inline ??= 'nearest';\r\n\r\n\treturn scrollIntoViewOptions;\r\n};\r\n\r\n/**\r\n * Активный элемент, для дедупликации скроллов\r\n *\r\n * Только один элемент на странице может считаться активным\r\n */\r\nlet elActive: HTMLElement | undefined;\r\n\r\n/**\r\n * Функция скролла с дедупликацией\r\n */\r\nlet scrollToElActiveDebounce: Function;\r\n\r\n/**\r\n * Выполнить скролл к текущему активному элементу\r\n */\r\nconst scrollToElActive = async () => {\r\n\tif (!elActive) return;\r\n\r\n\tconst storage = await useStorage(elActive);\r\n\tif (!storage.isVisible) return;\r\n\r\n\telActive.scrollIntoView(storage.scrollIntoViewOptions);\r\n};\r\n\r\n/**\r\n * Выполнить дедуплицированный скролл к элементу\r\n *\r\n * Будет выполнен скролл к самому последнему элементу, вызвавшему срабатывание директивы\r\n */\r\nconst scrollToElDebounce = async (el: HTMLElement) => {\r\n\tif (!UtilsLodash) UtilsLodash = await import('@/core/utils/lodash');\r\n\tif (!scrollToElActiveDebounce) scrollToElActiveDebounce = UtilsLodash.debounce(scrollToElActive, 30);\r\n\r\n\telActive = el;\r\n\r\n\tscrollToElActiveDebounce();\r\n};\r\n\r\n/**\r\n * Данные, связанные с элементом и директивой\r\n */\r\nconst useStorage = async (el: HTMLElement, scrollIntoViewOptions?: ScrollIntoViewOptions | boolean) => {\r\n\tif (!UtilsDom) UtilsDom = await import('@/core/utils/dom');\r\n\r\n\tlet storage: Storage | undefined = UtilsDom.storage(el, 'v-top-scrollIntoView');\r\n\r\n\t// инициализация\r\n\tif (!storage) {\r\n\t\tstorage = {\r\n\t\t\tisVisible: isVisible(el),\r\n\t\t\tscrollIntoViewOptions: genScrollIntoViewOptions(scrollIntoViewOptions),\r\n\t\t};\r\n\r\n\t\tUtilsDom.storage(el, 'v-top-scrollIntoView', storage);\r\n\t}\r\n\r\n\treturn storage;\r\n};\r\n\r\nconst scrollIntoView: ObjectDirective = {\r\n\tasync mounted(el: HTMLElement, binding: Binding) {\r\n\t\tawait useStorage(el, binding.value);\r\n\r\n\t\tif (binding.modifiers.immediate) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\t},\r\n\r\n\tasync updated(el: HTMLElement, binding: Binding) {\r\n\t\tconst storage = await useStorage(el, binding.value);\r\n\t\tstorage.scrollIntoViewOptions = genScrollIntoViewOptions(binding.value);\r\n\r\n\t\tconst isVisibleNew = isVisible(el);\r\n\t\tif (isVisibleNew && storage.isVisible !== isVisibleNew) {\r\n\t\t\tscrollToElDebounce(el);\r\n\t\t}\r\n\r\n\t\tstorage.isVisible = isVisibleNew;\r\n\t},\r\n};\r\n\r\nexport default scrollIntoView;\r\n","let UtilsScroll: typeof import('@/core/utils/scroll');\r\n\r\n/**\r\n * Добавить отображение тени при появлении скролла у элемента\r\n *\r\n * Будут добавлены события для усатновки модификаторов тени в зависимости от скролла элемента\r\n *\r\n * Модификаторы:\r\n * - top-scrollShadow\r\n * - top-scrollShadow-started\r\n * - top-scrollShadow-finished\r\n */\r\nconst connectScrollShadow = {\r\n\tasync mounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.connectScrollShadow(el);\r\n\t},\r\n\r\n\tasync unmounted(el) {\r\n\t\tif (!UtilsScroll) UtilsScroll = await import('@/core/utils/scroll');\r\n\r\n\t\tUtilsScroll.unconnectScrollShadow(el);\r\n\t},\r\n};\r\n\r\nexport default connectScrollShadow;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\n\r\nlet appStickyObserver: IntersectionObserver;\r\n\r\n/**\r\n * Добавление sticky\r\n * К элементу добляется класс переданный как значение диррективы либо **'top-sticky'** по умолчанию\r\n */\r\nconst sticky = {\r\n\tmounted(el: HTMLElement, binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tconst className = binding.value || 'top-sticky';\r\n\r\n\t\tappStickyObserver = new IntersectionObserver(entries => {\r\n\t\t\tlet condition = entries[0].intersectionRatio < 1;\r\n\t\t\tif (condition) {\r\n\t\t\t\tif (binding.modifiers.bottom && entries[0].intersectionRect.y === 0) condition = false;\r\n\t\t\t}\r\n\r\n\t\t\tel.classList.toggle(className, condition);\r\n\t\t}, {\r\n\t\t\tthreshold: [1],\r\n\t\t});\r\n\r\n\t\tappStickyObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(_el: HTMLElement, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappStickyObserver?.disconnect();\r\n\t},\r\n};\r\n\r\nexport default sticky;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\ninterface HTMLElementWithSwimUpOptions extends HTMLElement {\r\n\tdirectiveSwipUpOptions: {\r\n\t\tdistance: number,\r\n\t\tpercent: number,\r\n\t};\r\n}\r\n\r\nlet appSwimUpInited = false;\r\nlet appSwimUpObserver: IntersectionObserver;\r\nconst appSwimUpEls = new Map();\r\n\r\n/**\r\n * Отодвинуть блок в зависимости от скролла старинцы\r\n * @param el\r\n * @param windowHeight\r\n */\r\nconst swimUpElTransform = (el: HTMLElementWithSwimUpOptions, windowHeight: number): void => {\r\n\tconst { distance, percent } = el.directiveSwipUpOptions;\r\n\r\n\tconst elTop = el.getBoundingClientRect().top;\r\n\r\n\t// во столько раз triggerHeight должен быть меньше, чтобы закончить подплытие к нужной высоте экрана\r\n\tconst triggerHeightReducer = windowHeight * percent / 100 / distance;\r\n\tconst triggerHeight = (windowHeight - elTop) / triggerHeightReducer;\r\n\r\n\tif (triggerHeight <= distance) {\r\n\t\tel.style.transform = `translateY(${distance - triggerHeight}px)`;\r\n\t} else {\r\n\t\tel.style.transform = 'translateY(0px)';\r\n\t}\r\n};\r\n\r\nconst swimUpInit = (_el: HTMLElementWithSwimUpOptions): void => {\r\n\tlet windowHeight = window.innerHeight;\r\n\r\n\twindow.addEventListener('scroll', () => {\r\n\t\tappSwimUpEls.forEach((el) => swimUpElTransform(el, windowHeight));\r\n\t}, { passive: true });\r\n\r\n\t// проверка того, что элемент в зоне видимости\r\n\tappSwimUpObserver = new IntersectionObserver(entries => {\r\n\t\twindowHeight = window.innerHeight;\r\n\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tconst el = entry.target as HTMLElementWithSwimUpOptions;\r\n\r\n\t\t\tif (entry.intersectionRatio < 0.1) {\r\n\t\t\t\t// элемент за областью видимости\r\n\t\t\t\tappSwimUpEls.delete(el);\r\n\t\t\t} else {\r\n\t\t\t\t// элемент на экране\r\n\t\t\t\tappSwimUpEls.set(el, el);\r\n\t\t\t}\r\n\r\n\t\t\tif (entry.intersectionRatio === 0) {\r\n\t\t\t\tconst { distance } = el.directiveSwipUpOptions;\r\n\t\t\t\tel.style.transform = `translateY(${distance}px)`;\r\n\t\t\t}\r\n\t\t});\r\n\t}, {\r\n\t\tthreshold: 0.1,\r\n\t});\r\n};\r\n\r\n/**\r\n * Добавление анимации подплытия вверх для блока\r\n */\r\nconst swimUp = {\r\n\tmounted(el: HTMLElementWithSwimUpOptions, binding: DirectiveBinding, _vnode: VNode): void {\r\n\t\tif (Core.state.isMobileUA) return;\r\n\r\n\t\tel.directiveSwipUpOptions = {\r\n\t\t\tdistance: binding.value?.distance ?? 100, // количество px на которые блок изначально смещен вниз,\r\n\t\t\tpercent: binding.value?.percent ?? 30, // процент высоты экрана поднявшись на который блок закончит подплытие\r\n\t\t};\r\n\r\n\t\tif (!appSwimUpInited) {\r\n\t\t\tswimUpInit(el);\r\n\r\n\t\t\tappSwimUpInited = true;\r\n\t\t}\r\n\r\n\t\tappSwimUpObserver.observe(el);\r\n\t},\r\n\r\n\tunmounted(el: HTMLElementWithSwimUpOptions, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\tappSwimUpEls.delete(el);\r\n\t\tappSwimUpObserver?.unobserve(el);\r\n\t},\r\n};\r\n\r\nexport default swimUp;\r\n","import type { DirectiveBinding, ObjectDirective, VNode } from 'vue';\r\nimport Core from '@/core/core/core';\r\n\r\nconst $ = (el: VNode) => {\r\n\tif (!Core.$?.ui?.tooltip) {\r\n\t\tconsole.info('Для работы v-top-tooltip требуется глобальная загрузка jQuery UI Tooltip');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nconst tvTooltipGenOptions = (binding: DirectiveBinding, vnode: VNode) => {\r\n\tconst options = binding.value ?? {};\r\n\r\n\toptions.content ??= vnode.props?.title;\r\n\toptions.content = String(options.content).replace(/\\r\\n|\\r|\\n/g, '<br>');\r\n\r\n\toptions.position ??= {\r\n\t\tmy: 'bottom-18px',\r\n\t\tat: 'top center',\r\n\t};\r\n\r\n\treturn options;\r\n};\r\n\r\n/**\r\n * Добавление всплывающей подсказки к элементу.\r\n */\r\nconst tooltip = {\r\n\tmounted(el: VNode, binding: DirectiveBinding, vnode: VNode) {\r\n\t\t$(el)?.tooltip(tvTooltipGenOptions(binding, vnode));\r\n\t},\r\n\r\n\tupdated(el: VNode, binding: DirectiveBinding, vnode: VNode, _prevVnode: VNode) {\r\n\t\t/**\r\n\t\t * В результате обновления может быть открыто несколько тултипов поэтому изменить опции, без перерисовки тултипа\r\n\t\t */\r\n\t\tconst options = tvTooltipGenOptions(binding, vnode);\r\n\t\tconst instance = $(el)?.tooltip('instance') as { options: JQueryUI.TooltipOptions } | undefined;\r\n\t\tif (!instance) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tinstance.options = {\r\n\t\t\t...instance.options,\r\n\t\t\t...options,\r\n\t\t};\r\n\t},\r\n\r\n\tunmounted(el: VNode, _binding: DirectiveBinding, _vnode: VNode) {\r\n\t\t$(el)?.tooltip('destroy');\r\n\t},\r\n};\r\n\r\nexport default tooltip;\r\n","import { defineAsyncComponent, type Plugin } from 'vue';\r\nimport type { PartialBy } from '@/components/types';\r\n\r\nimport Core from '@/core/core/core';\r\nimport coreDefaultOptions from '@/core/core/options';\r\n\r\nimport * as Forms from '../../components/forms/forms';\r\n\r\nconst TopNotice = defineAsyncComponent(() => import('@/components/core/notice/notice.vue'));\r\n\r\nimport type { Options as TopPopupOptions } from '@/components/popup/lib/worker';\r\nimport TopPopupWorker from '@/components/popup/lib/worker';\r\nimport TopPopupWorkerGlobalEvents from '@/components/popup/lib/worker.globalEvents';\r\n\r\nimport TopDialogs from '@/components/dialog/dialog/dialogs/dialogs.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { TopDialogOptions } from '@/components/dialog/lib/types';\r\n\r\nimport directiveData from '@/core/directives/data';\r\nimport directiveFocus from '@/core/directives/focus';\r\nimport directiveScrollIntoView from '@/core/directives/scrollIntoView';\r\nimport directiveScrollShadow from '@/core/directives/scrollShadow';\r\nimport directiveSticky from '@/core/directives/sticky';\r\nimport directiveSwimUp from '@/core/directives/swimUp';\r\nimport directiveTooltip from '@/core/directives/tooltip';\r\n\r\ndeclare global {\r\n\tconst vd: typeof console.log;\r\n}\r\n\r\nwindow['vd'] = console.log;\r\n\r\ndeclare module 'vue' {\r\n\texport interface ComponentCustomProperties {\r\n\t\t/**\r\n\t\t * Статический класс с текущим состоянимем UI\r\n\t\t */\r\n\t\t$core: typeof Core;\r\n\r\n\t\t$vd: typeof console.log;\r\n\t}\r\n\r\n\t/**\r\n\t * Обязательные компоненты UI\r\n\t *\r\n\t * Они подключаются через плагин и доступны без явного указания импорта\r\n\t */\r\n\texport interface GlobalComponents {\r\n\t\tTopAvatar: typeof Forms.TopAvatar;\r\n\t\tTopButton: typeof Forms.TopButton;\r\n\t\tTopCheckbox: typeof Forms.TopCheckbox;\r\n\t\tTopControlLabel: typeof Forms.TopControlLabel;\r\n\t\tTopHint: typeof Forms.TopHint;\r\n\t\tTopInput: typeof Forms.TopInput;\r\n\t\tTopInputDate: typeof Forms.TopInputDate;\r\n\t\tTopInputRange: typeof Forms.TopInputRange;\r\n\t\tTopRadio: typeof Forms.TopRadio;\r\n\t\tTopSwitcher: typeof Forms.TopSwitcher;\r\n\t\tTopTextarea: typeof Forms.TopTextarea;\r\n\t\tTopSelect: typeof Forms.TopSelect;\r\n\t\tTopLoadbar: typeof Forms.TopLoadbar;\r\n\r\n\t\tTopNotice: typeof TopNotice;\r\n\t\tTopDialogs: typeof TopDialogs;\r\n\t}\r\n}\r\n\r\ntype CoreOptions = PartialBy<typeof coreDefaultOptions, 'gmt' | 'documentClassModificators'>;\r\n\r\ntype Options = CoreOptions & {\r\n\ttopPopupOptions?: TopPopupOptions\r\n\ttopDialogOptions?: TopDialogOptions\r\n};\r\n\r\n/**\r\n * Плагин для интеграции UI во Vue приложение\r\n *\r\n * - В глобальную область видимости шаблонов будет добавлен объект $core\r\n * - Будут зарегистрирвоаны директивы UI: https://ui.topvisor.com/?path=/docs/core-directives-focus--docs\r\n * - Будут подключены базовые компоненты UI/Forms: https://ui.topvisor.com/?path=/docs/components-forms-readme--docs\r\n */\r\nexport default {\r\n\r\n\tinstall: (app, options: Options) => {\r\n\t\tapp.config.globalProperties.$core = Core;\r\n\t\tapp.config.globalProperties.$vd = console.log;\r\n\r\n\t\t// начальные настройки UI\r\n\t\tfor (const name in options) {\r\n\t\t\tCore.state[name] = options[name];\r\n\t\t}\r\n\r\n\t\tif (options.widthForMobile) Core.widthForMobile = options.widthForMobile;\r\n\t\tif (options.themeName) Core.themeName = options.themeName;\r\n\r\n\t\tCore._setState();\r\n\r\n\t\tif (options.topPopupOptions) TopPopupWorker.options = options.topPopupOptions;\r\n\t\tTopPopupWorkerGlobalEvents.init();\r\n\r\n\t\tTopDialogWorker.init(options.topDialogOptions);\r\n\r\n\t\t// определение директив\r\n\t\tapp.directive('top-data', directiveData);\r\n\t\tapp.directive('top-focus', directiveFocus);\r\n\t\tapp.directive('top-scroll-into-view', directiveScrollIntoView);\r\n\t\tapp.directive('top-scroll-shadow', directiveScrollShadow);\r\n\t\tapp.directive('top-sticky', directiveSticky);\r\n\t\tapp.directive('top-swim-up', directiveSwimUp);\r\n\t\tapp.directive('top-tooltip', directiveTooltip);\r\n\r\n\t\t// определение базовых компонентов\r\n\t\tapp.component('TopAvatar', Forms.TopAvatar);\r\n\t\tapp.component('TopButton', Forms.TopButton);\r\n\t\tapp.component('TopCheckbox', Forms.TopCheckbox);\r\n\t\tapp.component('TopControlLabel', Forms.TopControlLabel);\r\n\t\tapp.component('TopHint', Forms.TopHint);\r\n\t\tapp.component('TopInput', Forms.TopInput);\r\n\t\tapp.component('TopInputDate', Forms.TopInputDate);\r\n\t\tapp.component('TopInputRange', Forms.TopInputRange);\r\n\t\tapp.component('TopLoadbar', Forms.TopLoadbar);\r\n\t\tapp.component('TopRadio', Forms.TopRadio);\r\n\t\tapp.component('TopSelect', Forms.TopSelect);\r\n\t\tapp.component('TopSwitcher', Forms.TopSwitcher);\r\n\t\tapp.component('TopTextarea', Forms.TopTextarea);\r\n\r\n\t\tapp.component('TopNotice', TopNotice);\r\n\t\tapp.component('TopDialogs', TopDialogs);\r\n\t},\r\n\r\n} satisfies Plugin<Options>;\r\n"],"names":["WorkerEvents","_a","Core","Worker","elPopup","Events","elOpener","_b","_d","_c","_e","storage","data","el","binding","name","value","UtilsLodash","elsActive","focusOnElActiveDebounce","focusOnElActive","isVisible","focusOnElDebounce","focus","UtilsDom","genScrollIntoViewOptions","scrollIntoViewOptions","elActive","scrollToElActiveDebounce","scrollToElActive","useStorage","scrollToElDebounce","scrollIntoView","isVisibleNew","UtilsScroll","connectScrollShadow","appStickyObserver","sticky","_vnode","className","entries","condition","_el","_binding","appSwimUpInited","appSwimUpObserver","appSwimUpEls","swimUpElTransform","windowHeight","distance","percent","elTop","triggerHeightReducer","triggerHeight","swimUpInit","entry","swimUp","$","tvTooltipGenOptions","vnode","options","tooltip","_prevVnode","instance","TopNotice","defineAsyncComponent","core","app","TopPopupWorker","TopPopupWorkerGlobalEvents","TopDialogWorker","directiveData","directiveFocus","directiveScrollIntoView","directiveScrollShadow","directiveSticky","directiveSwimUp","directiveTooltip","Forms.TopAvatar","Forms.TopButton","Forms.TopCheckbox","Forms.TopControlLabel","Forms.TopHint","Forms.TopInput","Forms.TopInputDate","Forms.TopInputRange","Forms.TopLoadbar","Forms.TopRadio","Forms.TopSelect","Forms.TopSwitcher","Forms.TopTextarea","TopDialogs"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","vue","./forms-
|
|
2
|
-
//# sourceMappingURL=datepicker-
|
|
1
|
+
define(["require","exports","vue","./forms-BwGakScF.amd"],function(x,k,c,i){"use strict";if(typeof c>"u")var c=window.Vue;i.Core.insertStyleToPage('.ui-datepicker{--datepicker-day-color: var(--color-layout-front-1);--datepicker-day-color-hover: var(--color-layer-1);--datepicker-selected-color: var(--color-bg-primary-1);--datepicker-selected-color-hover: var(--color-bg-primary-2);--datepicker-range-color: var(--color-layer-primary-1);--datepicker-range-color-hover: var(--color-layer-primary-2);-webkit-user-select:none;user-select:none;width:auto;padding:0}.ui-datepicker:before,.ui-datepicker:after{display:none}.ui-datepicker-inline{display:inline-block!important}.ui-datepicker:not(.ui-datepicker-inline){border-radius:8px;background:var(--color-layout-front-1);box-shadow:var(--top-shadow);z-index:10000000!important;padding:8px}.ui-datepicker a{text-decoration:none!important}.ui-datepicker option{color:var(--color-text-1);font-size:14px}.ui-datepicker-header{padding:0!important;margin:0 0 18px;display:flex;align-items:center}.ui-datepicker-header>*{display:flex;align-items:center;justify-content:center}.ui-datepicker-title{width:100%!important;height:24px;margin:0!important}.ui-datepicker-month,.ui-datepicker-year{outline:none!important;width:auto!important;border:none;padding:0;margin:0 6px!important;text-align:center;font-size:16px!important}.ui-datepicker-month{color:var(--color-text-1)}.ui-datepicker-year{color:var(--color-text-2)}select.ui-datepicker-month,select.ui-datepicker-year{cursor:pointer}.ui-datepicker-prev,.ui-datepicker-next{cursor:pointer;width:24px!important;height:24px!important;font-size:24px;font-family:Topvisor-2;position:static!important}.ui-datepicker-prev:before{color:var(--color-text-3);content:""}.ui-datepicker-prev-hover:before{color:var(--color-text-1);content:""}.ui-datepicker-next{color:var(--color-text-3);order:1}.ui-datepicker-next-hover{color:var(--color-text-1);order:1}.ui-datepicker-next:before{content:""}.ui-datepicker-prev>*,.ui-datepicker-next>*{display:none!important}.ui-datepicker thead th{width:auto!important;padding:0!important;color:var(--color-text-3);font-size:14px;font-weight:400!important}.ui-datepicker table{margin:0!important;font-size:14px}.ui-datepicker td{color:var(--color-text-1);background:none;padding:0!important}.ui-datepicker td span,.ui-datepicker td a{border-radius:8px;border:none;min-width:32px;height:32px;padding:0;margin:1px;color:var(--color-text-1)!important;line-height:32px;text-align:center;position:relative;display:block}.ui-datepicker td a{background:var(--datepicker-day-color)}.ui-datepicker td a:hover{background:var(--datepicker-day-color-hover)}td.ui-datepicker-today span,td.ui-datepicker-today a{background:none;position:relative}.ui-datepicker td.selected a{background:var(--datepicker-range-color);padding-right:0;padding-left:1px;margin-right:1px;margin-left:0}.ui-datepicker td.selected a:hover{background:var(--datepicker-range-color-hover)}.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:1px;margin-left:0}.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:1px;margin-right:0}.ui-datepicker td.selected-start a,.ui-datepicker td.selected-end a,.ui-datepicker td.ui-datepicker-current-day a{background:var(--datepicker-selected-color);color:#fff!important}.ui-datepicker td.selected-start a:hover,.ui-datepicker td.selected-end a:hover,.ui-datepicker td.ui-datepicker-current-day a:hover{background:var(--datepicker-selected-color-hover)}.ui-datepicker-day-marks{line-height:normal;position:absolute;right:0;bottom:3px;left:0;display:flex;align-items:center;justify-content:center}.ui-datepicker-day-marks>i{border-radius:50%;border:1px solid #FFF;width:4px;height:4px;margin:0 2px}.ui-datepicker-day-marks-exists{background:var(--color-text-primary)}.ui-datepicker-day-marks-update{background:var(--color-text-negative)}.ui-datepicker-row-break{display:none}');const h=t=>{var e,r;if(!((r=(e=i.Core.$)==null?void 0:e.ui)!=null&&r.datepicker)){console.info("Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker");return}return i.Core.$.datepicker.setDefaults({dateFormat:i.Core.state.dateFormat.toLowerCase().replace("m","mm").replace("y","yy").replace("d","dd")}),i.Core.$(t)};function m(t,e){var r;return(r=h(t))==null?void 0:r.datepicker(e)}let d,p,l,u;c.watch(c.toRef(i.Core.state.dateFormat),()=>{var t;d=i.dateFormat("2000-01-01"),p=((t=d.match(/\D/))==null?void 0:t[0])??"-",l=d.replace(/\D+/g,"").length,u=[];for(let e=0;e<d.length;e++)d[e]===p&&u.push(e)},{immediate:!0});function v(t){let e=t.target.selectionEnd,r=t.target.value,a=r.substring(0,e).replace(/\D+/g,""),o=r.substring(e).replace(/\D+/g,""),s=a.length+o.length-l;if(s>0){a=a.substring(0,l);const n=l-a.length;o=o.substring(o.length-n)}else s<0&&(t.inputType==="deleteContentForward"?a+="0".repeat(-s):o="0".repeat(-s)+o);e=a.length,r=a+o;for(let n=0;n<u.length;n++){const g=u[n];r=r.substring(0,g)+p+r.substring(g),e>=g&&e++}t.inputType==="deleteContentBackward"&&r[e-1]===p&&e--,r!==t.target.value&&(t.target.value=r,t.target.selectionStart=e,t.target.selectionEnd=e)}k.connectDatepicker=m,k.oninput=v,Object.defineProperty(k,Symbol.toStringTag,{value:"Module"})});
|
|
2
|
+
//# sourceMappingURL=datepicker-B6kIyIcw.amd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-B6kIyIcw.amd.js","sources":["../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?inline';\r\n\r\nCore.insertStyleToPage(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd'),\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}\r\n"],"names":["Core","$","el","forms","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","_a","i","selectionPos","e","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":"0HAMAA,EAAAA,KAAAA,83HAAAA,EAEA,MAAAC,EAAAC,GAAA,uEAEE,QAAA,KAAA,0EAAA,QAEA,CAGD,OAAAC,EAAA,KAAA,EAAA,WAAA,YAAA,CAA8B,WAAAA,EAAA,KAAA,MAAA,WAAA,YAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,EAAA,QAAA,IAAA,IAAA,CAC0E,CAAA,EAGxGA,EAAA,KAAA,EAAAD,CAAA,GAGe,SAAAE,EAAAF,EAAAG,EAAA,kDAEhB,CAEA,IAAAC,EACAC,EACAC,EACAC,EAEAC,EAAAA,MAAAA,EAAAA,MAAAA,EAAAA,KAAAA,MAAAA,UAAAA,EAAAA,IAAAA,OAECJ,EAAAH,EAAA,WAAA,YAAA,EACAI,IAAAI,EAAAL,EAAA,MAAA,IAAA,IAAA,YAAAK,EAAA,KAAA,uCAIA,QAAAC,EAAA,EAAAA,EAAAN,EAAA,OAAAM,IACCN,EAAAM,CAAA,IAAAL,GACCE,EAAA,KAAAG,CAAA,CAGH,EAAA,CAAA,UAAA,EAAA,CAAA,gBAMC,IAAAC,EAAAC,EAAA,OAAA,aACAC,EAAAD,EAAA,OAAA,MAIAE,EAAAD,EAAA,UAAA,EAAAF,CAAA,EAAA,QAAA,OAAA,EAAA,EACAI,EAAAF,EAAA,UAAAF,CAAA,EAAA,QAAA,OAAA,EAAA,wBAGA,GAAAK,EAAA,EAAA,oBAIC,MAAAC,EAAAX,EAAAQ,EAAA,gCAC6F,MAAAE,EAAA,IAG7FJ,EAAA,YAAA,6DAQDD,EAAAG,EAAA,OACAD,EAAAC,EAAAC,EAGA,QAAAL,EAAA,EAAAA,EAAAH,EAAA,OAAAG,IAAA,CACC,MAAAQ,EAAAX,EAAAG,CAAA,EAEAG,EAAAA,EAAA,UAAA,EAAAK,CAAA,EAAAb,EAAAQ,EAAA,UAAAK,CAAA,EAGAP,GAAAO,GACCP,GACD,CAIDC,EAAA,YAAA,yBAAAC,EAAAF,EAAA,CAAA,IAAAN,GACCM,yBAKAC,EAAA,OAAA,MAAAC,EACAD,EAAA,OAAA,eAAAD,EACAC,EAAA,OAAA,aAAAD,EAEF"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { watch as k, toRef as g } from "vue";
|
|
2
|
-
import { C as o, c as m } from "./forms-
|
|
2
|
+
import { C as o, c as m } from "./forms-BsuCen2-.es.js";
|
|
3
3
|
const h = '.ui-datepicker{--datepicker-day-color: var(--color-layout-front-1);--datepicker-day-color-hover: var(--color-layer-1);--datepicker-selected-color: var(--color-bg-primary-1);--datepicker-selected-color-hover: var(--color-bg-primary-2);--datepicker-range-color: var(--color-layer-primary-1);--datepicker-range-color-hover: var(--color-layer-primary-2);-webkit-user-select:none;user-select:none;width:auto;padding:0}.ui-datepicker:before,.ui-datepicker:after{display:none}.ui-datepicker-inline{display:inline-block!important}.ui-datepicker:not(.ui-datepicker-inline){border-radius:8px;background:var(--color-layout-front-1);box-shadow:var(--top-shadow);z-index:10000000!important;padding:8px}.ui-datepicker a{text-decoration:none!important}.ui-datepicker option{color:var(--color-text-1);font-size:14px}.ui-datepicker-header{padding:0!important;margin:0 0 18px;display:flex;align-items:center}.ui-datepicker-header>*{display:flex;align-items:center;justify-content:center}.ui-datepicker-title{width:100%!important;height:24px;margin:0!important}.ui-datepicker-month,.ui-datepicker-year{outline:none!important;width:auto!important;border:none;padding:0;margin:0 6px!important;text-align:center;font-size:16px!important}.ui-datepicker-month{color:var(--color-text-1)}.ui-datepicker-year{color:var(--color-text-2)}select.ui-datepicker-month,select.ui-datepicker-year{cursor:pointer}.ui-datepicker-prev,.ui-datepicker-next{cursor:pointer;width:24px!important;height:24px!important;font-size:24px;font-family:Topvisor-2;position:static!important}.ui-datepicker-prev:before{color:var(--color-text-3);content:""}.ui-datepicker-prev-hover:before{color:var(--color-text-1);content:""}.ui-datepicker-next{color:var(--color-text-3);order:1}.ui-datepicker-next-hover{color:var(--color-text-1);order:1}.ui-datepicker-next:before{content:""}.ui-datepicker-prev>*,.ui-datepicker-next>*{display:none!important}.ui-datepicker thead th{width:auto!important;padding:0!important;color:var(--color-text-3);font-size:14px;font-weight:400!important}.ui-datepicker table{margin:0!important;font-size:14px}.ui-datepicker td{color:var(--color-text-1);background:none;padding:0!important}.ui-datepicker td span,.ui-datepicker td a{border-radius:8px;border:none;min-width:32px;height:32px;padding:0;margin:1px;color:var(--color-text-1)!important;line-height:32px;text-align:center;position:relative;display:block}.ui-datepicker td a{background:var(--datepicker-day-color)}.ui-datepicker td a:hover{background:var(--datepicker-day-color-hover)}td.ui-datepicker-today span,td.ui-datepicker-today a{background:none;position:relative}.ui-datepicker td.selected a{background:var(--datepicker-range-color);padding-right:0;padding-left:1px;margin-right:1px;margin-left:0}.ui-datepicker td.selected a:hover{background:var(--datepicker-range-color-hover)}.ui-datepicker td.selected:not(.selected-start):not(:first-child):not(.first-of-month) a{border-top-left-radius:0;border-bottom-left-radius:0;padding-left:1px;margin-left:0}.ui-datepicker td.selected:not(.selected-end):not(:last-child):not(.last-of-month) a{border-top-right-radius:0;border-bottom-right-radius:0;padding-right:1px;margin-right:0}.ui-datepicker td.selected-start a,.ui-datepicker td.selected-end a,.ui-datepicker td.ui-datepicker-current-day a{background:var(--datepicker-selected-color);color:#fff!important}.ui-datepicker td.selected-start a:hover,.ui-datepicker td.selected-end a:hover,.ui-datepicker td.ui-datepicker-current-day a:hover{background:var(--datepicker-selected-color-hover)}.ui-datepicker-day-marks{line-height:normal;position:absolute;right:0;bottom:3px;left:0;display:flex;align-items:center;justify-content:center}.ui-datepicker-day-marks>i{border-radius:50%;border:1px solid #FFF;width:4px;height:4px;margin:0 2px}.ui-datepicker-day-marks-exists{background:var(--color-text-primary)}.ui-datepicker-day-marks-update{background:var(--color-text-negative)}.ui-datepicker-row-break{display:none}';
|
|
4
4
|
o.insertStyleToPage(h);
|
|
5
5
|
const x = (t) => {
|
|
@@ -41,4 +41,4 @@ export {
|
|
|
41
41
|
b as connectDatepicker,
|
|
42
42
|
y as oninput
|
|
43
43
|
};
|
|
44
|
-
//# sourceMappingURL=datepicker-
|
|
44
|
+
//# sourceMappingURL=datepicker-BTiE5Grw.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"datepicker-BTiE5Grw.es.js","sources":["../../src/components/forms/inputDate/datepicker.ts"],"sourcesContent":["import { toRef, watch } from 'vue';\r\nimport Core from '@/core/core/core';\r\nimport { dateFormat } from '@/core/utils/date';\r\n\r\nimport css from '@/components/forms/inputDate/datepicker.css?inline';\r\n\r\nCore.insertStyleToPage(css);\r\n\r\nconst $ = (el: HTMLInputElement) => {\r\n\tif (!Core.$?.ui?.datepicker) {\r\n\t\tconsole.info('Для работы datepicker требуется глобальная загрузка jQuery UI Datepicker');\r\n\r\n\t\treturn;\r\n\t}\r\n\r\n\tCore.$.datepicker.setDefaults({\r\n\t\tdateFormat: Core.state.dateFormat.toLowerCase().replace('m', 'mm').replace('y', 'yy').replace('d', 'dd'),\r\n\t});\r\n\r\n\treturn Core.$(el);\r\n};\r\n\r\nexport function connectDatepicker(el: HTMLInputElement, options: any) {\r\n\treturn $(el)?.datepicker(options);\r\n}\r\n\r\nlet dateFormatted;\r\nlet delimiter: string;\r\nlet dateNumbersCount: number;\r\nlet delimitersIndexes: number[];\r\n\r\nwatch(toRef(Core.state.dateFormat), () => {\r\n\t// генерация отформатированной даты, извлечение из нее разделителей и их индексов\r\n\tdateFormatted = dateFormat('2000-01-01');\r\n\tdelimiter = dateFormatted.match(/\\D/)?.[0] ?? '-';\r\n\tdateNumbersCount = dateFormatted.replace(/\\D+/g, '').length;\r\n\tdelimitersIndexes = [];\r\n\r\n\tfor (let i = 0; i < dateFormatted.length; i++) {\r\n\t\tif (dateFormatted[i] === delimiter) {\r\n\t\t\tdelimitersIndexes.push(i);\r\n\t\t}\r\n\t}\r\n}, { immediate: true });\r\n\r\n/**\r\n * Автоформат при вводе в поле с датой\r\n */\r\nexport function oninput(e: any) {\r\n\tlet selectionPos = e.target.selectionEnd;\r\n\tlet value = e.target.value;\r\n\r\n\t// разбить занчение на две половины - до и после каретки\r\n\t// удалить все символы, кроме цифр\r\n\tlet valueChunkLeft = value.substring(0, selectionPos).replace(/\\D+/g, '');\r\n\tlet valueChunkRight = value.substring(selectionPos).replace(/\\D+/g, '');\r\n\r\n\tlet extraNumbersCount = valueChunkLeft.length + valueChunkRight.length - dateNumbersCount;\r\n\tif (extraNumbersCount > 0) {\r\n\t\t// // количество цифр больше требуемого - удалить лишние\r\n\t\tvalueChunkLeft = valueChunkLeft.substring(0, dateNumbersCount);\r\n\r\n\t\tconst valueChunkRightMaxLength = dateNumbersCount - valueChunkLeft.length;\r\n\t\tvalueChunkRight = valueChunkRight.substring(valueChunkRight.length - valueChunkRightMaxLength);\r\n\t} else if (extraNumbersCount < 0) {\r\n\t\t// количество цифр меньше требуемого - добавить 0\r\n\t\tif (e.inputType === 'deleteContentForward') {\r\n\t\t\t// нажатие на delete - добавить к левой части для правильного позиционирования каретки\r\n\t\t\tvalueChunkLeft += '0'.repeat(-extraNumbersCount);\r\n\t\t} else {\r\n\t\t\tvalueChunkRight = '0'.repeat(-extraNumbersCount) + valueChunkRight;\r\n\t\t}\r\n\t}\r\n\r\n\tselectionPos = valueChunkLeft.length;\r\n\tvalue = valueChunkLeft + valueChunkRight;\r\n\r\n\t// вставить разделители\r\n\tfor (let i = 0; i < delimitersIndexes.length; i++) {\r\n\t\tconst delimiterIndex = delimitersIndexes[i];\r\n\r\n\t\tvalue = value.substring(0, delimiterIndex) + delimiter + value.substring(delimiterIndex);\r\n\r\n\t\t// сдвинуть каретку, если разделитель вставлен левее ее\r\n\t\tif (selectionPos >= delimiterIndex) {\r\n\t\t\tselectionPos++;\r\n\t\t}\r\n\t}\r\n\r\n\t// нажатие на backspace - если слева символ разделителя, перенести каретку за него\r\n\tif (e.inputType === 'deleteContentBackward' && value[selectionPos - 1] === delimiter) {\r\n\t\tselectionPos--;\r\n\t}\r\n\r\n\t// если значение изменилось - вставить его и переместить каретку\r\n\tif (value !== e.target.value) {\r\n\t\te.target.value = value;\r\n\t\te.target.selectionStart = selectionPos;\r\n\t\te.target.selectionEnd = selectionPos;\r\n\t}\r\n}\r\n"],"names":["Core","css","$","el","_b","_a","connectDatepicker","options","dateFormatted","delimiter","dateNumbersCount","delimitersIndexes","watch","toRef","dateFormat","i","oninput","e","selectionPos","value","valueChunkLeft","valueChunkRight","extraNumbersCount","valueChunkRightMaxLength","delimiterIndex"],"mappings":";;;AAMAA,EAAK,kBAAkBC,CAAG;AAE1B,MAAMC,IAAI,CAACC,MAAyB;;AACnC,MAAI,GAACC,KAAAC,IAAAL,EAAK,MAAL,gBAAAK,EAAQ,OAAR,QAAAD,EAAY,aAAY;AAC5B,YAAQ,KAAK,0EAA0E;AAEvF;AAAA,EAAA;AAGI,SAAAJ,EAAA,EAAE,WAAW,YAAY;AAAA,IAC7B,YAAYA,EAAK,MAAM,WAAW,YAAA,EAAc,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI,EAAE,QAAQ,KAAK,IAAI;AAAA,EAAA,CACvG,GAEMA,EAAK,EAAEG,CAAE;AACjB;AAEgB,SAAAG,EAAkBH,GAAsBI,GAAc;;AACrE,UAAOF,IAAAH,EAAEC,CAAE,MAAJ,gBAAAE,EAAO,WAAWE;AAC1B;AAEA,IAAIC,GACAC,GACAC,GACAC;AAEJC,EAAMC,EAAMb,EAAK,MAAM,UAAU,GAAG,MAAM;;AAEzC,EAAAQ,IAAgBM,EAAW,YAAY,GACvCL,MAAYJ,IAAAG,EAAc,MAAM,IAAI,MAAxB,gBAAAH,EAA4B,OAAM,KAC9CK,IAAmBF,EAAc,QAAQ,QAAQ,EAAE,EAAE,QACrDG,IAAoB,CAAC;AAErB,WAASI,IAAI,GAAGA,IAAIP,EAAc,QAAQO;AACrC,IAAAP,EAAcO,CAAC,MAAMN,KACxBE,EAAkB,KAAKI,CAAC;AAG3B,GAAG,EAAE,WAAW,IAAM;AAKf,SAASC,EAAQC,GAAQ;AAC3B,MAAAC,IAAeD,EAAE,OAAO,cACxBE,IAAQF,EAAE,OAAO,OAIjBG,IAAiBD,EAAM,UAAU,GAAGD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GACpEG,IAAkBF,EAAM,UAAUD,CAAY,EAAE,QAAQ,QAAQ,EAAE,GAElEI,IAAoBF,EAAe,SAASC,EAAgB,SAASX;AACzE,MAAIY,IAAoB,GAAG;AAET,IAAAF,IAAAA,EAAe,UAAU,GAAGV,CAAgB;AAEvD,UAAAa,IAA2Bb,IAAmBU,EAAe;AACnE,IAAAC,IAAkBA,EAAgB,UAAUA,EAAgB,SAASE,CAAwB;AAAA,EAAA,MAC9F,CAAWD,IAAoB,MAE1BL,EAAE,cAAc,yBAEDG,KAAA,IAAI,OAAO,CAACE,CAAiB,IAE/CD,IAAkB,IAAI,OAAO,CAACC,CAAiB,IAAID;AAIrD,EAAAH,IAAeE,EAAe,QAC9BD,IAAQC,IAAiBC;AAGzB,WAASN,IAAI,GAAGA,IAAIJ,EAAkB,QAAQI,KAAK;AAC5C,UAAAS,IAAiBb,EAAkBI,CAAC;AAElC,IAAAI,IAAAA,EAAM,UAAU,GAAGK,CAAc,IAAIf,IAAYU,EAAM,UAAUK,CAAc,GAGnFN,KAAgBM,KACnBN;AAAA,EACD;AAID,EAAID,EAAE,cAAc,2BAA2BE,EAAMD,IAAe,CAAC,MAAMT,KAC1ES,KAIGC,MAAUF,EAAE,OAAO,UACtBA,EAAE,OAAO,QAAQE,GACjBF,EAAE,OAAO,iBAAiBC,GAC1BD,EAAE,OAAO,eAAeC;AAE1B;"}
|
package/.chunks/{dialog_selectorRegions-BYAZLdbp.es.js → dialog_selectorRegions-BZcnnvJM.es.js}
RENAMED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Core as N } from "../core/app.js";
|
|
2
2
|
import { defineComponent as $, ref as x, reactive as A, watch as R, resolveComponent as I, createBlock as L, openBlock as c, unref as f, withCtx as i, createVNode as r, createTextVNode as V, toDisplayString as m, createElementBlock as p, Fragment as w, renderList as D, createElementVNode as k, createCommentVNode as h } from "vue";
|
|
3
|
-
import { _ as E, a as U } from "./page.vue_vue_type_script_setup_true_lang-
|
|
4
|
-
import { b as G } from "./utils-
|
|
3
|
+
import { _ as E, a as U } from "./page.vue_vue_type_script_setup_true_lang-BCfksgg3.es.js";
|
|
4
|
+
import { b as G } from "./utils-B1H3EGkg.es.js";
|
|
5
5
|
import { genFlagLinkByCountryCode as O } from "../utils/string.js";
|
|
6
6
|
import { getSearcherGIcon as P, getLangLabel as j, getDeviceGIcon as q } from "../utils/searchers.js";
|
|
7
7
|
const T = ["../assets/dialog_selectorRegions.css"].map((_) => import.meta.resolve(_));
|
|
@@ -137,4 +137,4 @@ const z = { class: "dialog_selectorRegions_header" }, H = ["data-top-icon"], J =
|
|
|
137
137
|
export {
|
|
138
138
|
oe as default
|
|
139
139
|
};
|
|
140
|
-
//# sourceMappingURL=dialog_selectorRegions-
|
|
140
|
+
//# sourceMappingURL=dialog_selectorRegions-BZcnnvJM.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog_selectorRegions-BZcnnvJM.es.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { reactive, ref, watch } from 'vue';\r\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\r\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\r\nimport type { Props, RegionRich } from './types';\r\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\r\n\r\ndefineOptions({ id: 'selectorRegions' });\r\n\r\nconst props = defineProps<Partial<Props>>();\r\n\r\nconst dialog = useTopDialogSelf();\r\n\r\n/**\r\n * Выбраны все регионы\r\n */\r\nconst isAllSelected = ref(false);\r\n\r\n/**\r\n * Список расширенных регионов для использования в компоненте\r\n */\r\nconst regionsRich = ref<RegionRich[]>([]);\r\n\r\n/**\r\n * Направление сортировки по полю\r\n */\r\nconst sortedVectorByField = reactive({\r\n\tsearcher_key: -1,\r\n\tkey: -1,\r\n\tname: -1,\r\n});\r\n\r\n/**\r\n * Сортировать регионы по выбранному полю\r\n * @param sortedField - Поле для сортировки\r\n */\r\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\r\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\r\n\r\n\tregionsRich.value.sort((regionA, regionB) => {\r\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\r\n\r\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\r\n\t});\r\n};\r\n\r\n/**\r\n * Применить изменения\r\n *\r\n * Вызывает callback `props['@update:regionsIndexes']`\r\n */\r\nconst onSubmit = () => {\r\n\tif (!regionsRich.value.some((region) => region.selected)) return;\r\n\r\n\tconst regionsIndexes = regionsRich.value.filter((region) => region.selected).map((region) => region.index);\r\n\r\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\r\n\r\n\tdialog.close();\r\n};\r\n\r\n// Выбрать / отменить все регионы\r\nwatch(isAllSelected, () => {\r\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\r\n});\r\n\r\n// генерация регионов\r\nwatch([\r\n\t() => props.regions,\r\n\t() => props.regionsIndexes,\r\n], () => {\r\n\tregionsRich.value = [];\r\n\r\n\tlet isAllSelectedLocal = true;\r\n\r\n\tprops.regions.forEach((region) => {\r\n\t\tlet title = region.name;\r\n\t\tif (region.areaName) title += ` (${region.areaName})`;\r\n\r\n\t\tconst selected = (props.regionsIndexes.indexOf(+region.index) !== -1);\r\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\r\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key, region.lang) : undefined;\r\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\r\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\r\n\r\n\t\tconst regionRich = {\r\n\t\t\t...region,\r\n\t\t\tselected,\r\n\t\t\ttitle,\r\n\t\t\tsearcherIcon,\r\n\t\t\tlangLabel,\r\n\t\t\tdeviceIcon,\r\n\t\t\tflagLink,\r\n\t\t};\r\n\r\n\t\tregionsRich.value.push(regionRich);\r\n\r\n\t\tif (!regionRich.selected) {\r\n\t\t\tisAllSelectedLocal = false;\r\n\t\t}\r\n\t});\r\n\r\n\tisAllSelected.value = isAllSelectedLocal;\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<TopDialog\r\n\t\t:id=\"dialog.id\"\r\n\t\tpageActive=\"selectorRegions\"\r\n\t\tclass=\"dialog_selectorRegions\"\r\n\t\theight=\"600px\"\r\n\t\twidth=\"600px\"\r\n\t>\r\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\r\n\t\t\t<template #header>\r\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\r\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('name')\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #body>\r\n\t\t\t\t<TopCheckbox\r\n\t\t\t\t\tv-for=\"region of regionsRich\"\r\n\t\t\t\t\t:key=\"region.index\"\r\n\t\t\t\t\tv-model=\"region.selected\"\r\n\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\r\n\t\t\t\t\t></div>\r\n\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tv-if=\"region.flagLink\"\r\n\t\t\t\t\t\tclass=\"top-flag\"\r\n\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\r\n\t\t\t\t\t\t:alt=\"region.countryCode\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t{{ region.name }}\r\n\r\n\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\r\n\t\t\t\t\t\t{{ region.areaName }}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div v-if=\"region.langLabel\">\r\n\t\t\t\t\t\t[{{ region.langLabel }}]\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tv-if=\"region.deviceIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</TopCheckbox>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #footer>\r\n\t\t\t\t<TopButton @click=\"onSubmit\">\r\n\t\t\t\t\t{{ $i18n.Common.Apply }}\r\n\t\t\t\t</TopButton>\r\n\t\t\t</template>\r\n\t\t</TopDialogPage>\r\n\t</TopDialog>\r\n</template>\r\n\r\n<style>\r\n@import \"./style.css\";\r\n</style>\r\n"],"names":["props","__props","dialog","useTopDialogSelf","isAllSelected","ref","regionsRich","sortedVectorByField","reactive","sort","sortedField","regionA","regionB","onSubmit","region","regionsIndexes","_a","watch","isAllSelectedLocal","title","selected","searcherIcon","getSearcherGIcon","langLabel","getLangLabel","deviceIcon","getDeviceGIcon","flagLink","genFlagLinkByCountryCode","regionRich"],"mappings":";;;;;;;;;;;;;;;;;AASA,UAAAA,IAAAC,GAEAC,IAAAC,EAAA,GAKAC,IAAAC,EAAA,EAAA,GAKAC,IAAAD,EAAA,CAAA,CAAA,GAKAE,IAAAC,EAAA;AAAA,MAAqC,cAAA;AAAA,MACtB,KAAA;AAAA,MACT,MAAA;AAAA,IACC,CAAA,GAOPC,IAAA,CAAAC,MAAA;AACC,MAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,GAEAJ,EAAA,MAAA,KAAA,CAAAK,GAAAC,MACC,CAAAD,EAAAD,CAAA,KAAA,CAAAE,EAAAF,CAAA,IAAA,KAEAC,EAAAD,CAAA,KAAAE,EAAAF,CAAA,IAAAH,EAAAG,CAAA,IAAA,CAAAH,EAAAG,CAAA,CAAyH;AAAA,IACzH,GAQFG,IAAA,MAAA;;AACC,UAAA,CAAAP,EAAA,MAAA,KAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA;AAEA,YAAAC,IAAAT,EAAA,MAAA,OAAA,CAAAQ,MAAAA,EAAA,QAAA,EAAA,IAAA,CAAAA,MAAAA,EAAA,KAAA;AAEA,OAAAE,IAAAhB,EAAA,8BAAA,QAAAgB,EAAA,KAAAhB,GAAAe,IAEAb,EAAA,MAAA;AAAA,IAAa;AAId,WAAAe,EAAAb,GAAA,MAAA;AACC,MAAAE,EAAA,QAAAA,EAAA,MAAA,IAAA,CAAAQ,OAAA,EAAA,GAAAA,GAAA,UAAAV,EAAA,MAAA,EAAA;AAAA,IAAoG,CAAA,GAIrGa,EAAA;AAAA,MAAM,MAAAjB,EAAA;AAAA,MACO,MAAAA,EAAA;AAAA,IACA,GAAA,MAAA;AAEZ,MAAAM,EAAA,QAAA,CAAA;AAEA,UAAAY,IAAA;AAEA,MAAAlB,EAAA,QAAA,QAAA,CAAAc,MAAA;AACC,YAAAK,IAAAL,EAAA;AACA,QAAAA,EAAA,aAAAK,KAAA,KAAAL,EAAA,QAAA;AAEA,cAAAM,IAAApB,EAAA,eAAA,QAAA,CAAAc,EAAA,KAAA,MAAA,IACAO,IAAAC,EAAAR,EAAA,YAAA,GACAS,IAAAT,EAAA,SAAA,SAAAU,EAAAV,EAAA,cAAAA,EAAA,IAAA,IAAA,QACAW,IAAAX,EAAA,WAAA,SAAAY,EAAAZ,EAAA,MAAA,IAAA,QACAa,IAAAb,EAAA,gBAAA,SAAAc,EAAAd,EAAA,WAAA,IAAA,QAEAe,IAAA;AAAA,UAAmB,GAAAf;AAAA,UACf,UAAAM;AAAA,UACH,OAAAD;AAAA,UACA,cAAAE;AAAA,UACA,WAAAE;AAAA,UACA,YAAAE;AAAA,UACA,UAAAE;AAAA,QACA;AAGD,QAAArB,EAAA,MAAA,KAAAuB,CAAA,GAEAA,EAAA,aACCX,IAAA;AAAA,MACD,CAAA,GAGDd,EAAA,QAAAc;AAAA,IAAsB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/.chunks/{dialog_selectorRegions-D1YE2mYS.amd.js → dialog_selectorRegions-CePGUsCo.amd.js}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","vue","./page.vue_vue_type_script_setup_true_lang-
|
|
2
|
-
//# sourceMappingURL=dialog_selectorRegions-
|
|
1
|
+
define(["require","exports","vue","./page.vue_vue_type_script_setup_true_lang-1JWduCTr.amd","./utils-DIy2mbYd.amd","../utils/string.amd","../utils/searchers.amd","../require/css.amd!../assets/dialog_selectorRegions.css"],function(w,p,e,v,f,k,r){"use strict";if(typeof e>"u")var e=window.Vue;const h={class:"dialog_selectorRegions_header"},y=["data-top-icon"],C=["src","alt"],V={class:"dialog_selectorRegions_regionAreaName top-ellipsis"},x={key:1},B=["data-top-icon"],N=e.defineComponent({id:"selectorRegions",__name:"dialog_selectorRegions",props:{regions:{},regionsIndexes:{},"@update:regionsIndexes":{type:Function}},setup(R){const c=R,g=f.useTopDialogSelf(),i=e.ref(!1),l=e.ref([]),d=e.reactive({searcher_key:-1,key:-1,name:-1}),u=n=>{d[n]=-d[n],l.value.sort((t,a)=>!t[n]||!a[n]?-1:t[n]>=a[n]?d[n]:-d[n])},I=()=>{var t;if(!l.value.some(a=>a.selected))return;const n=l.value.filter(a=>a.selected).map(a=>a.index);(t=c["@update:regionsIndexes"])==null||t.call(c,n),g.close()};return e.watch(i,()=>{l.value=l.value.map(n=>({...n,selected:i.value}))}),e.watch([()=>c.regions,()=>c.regionsIndexes],()=>{l.value=[];let n=!0;c.regions.forEach(t=>{let a=t.name;t.areaName&&(a+=` (${t.areaName})`);const s=c.regionsIndexes.indexOf(+t.index)!==-1,o=r.getSearcherGIcon(t.searcher_key),m=t.lang!==void 0?r.getLangLabel(t.searcher_key,t.lang):void 0,S=t.device!==void 0?r.getDeviceGIcon(t.device):void 0,b=t.countryCode!==void 0?k.genFlagLinkByCountryCode(t.countryCode):void 0,_={...t,selected:s,title:a,searcherIcon:o,langLabel:m,deviceIcon:S,flagLink:b};l.value.push(_),_.selected||(n=!1)}),i.value=n}),(n,t)=>{const a=e.resolveComponent("TopCheckbox"),s=e.resolveComponent("TopButton");return e.openBlock(),e.createBlock(e.unref(v._sfc_main),{id:e.unref(g).id,pageActive:"selectorRegions",class:"dialog_selectorRegions",height:"600px",width:"600px"},{default:e.withCtx(()=>[e.createVNode(e.unref(v._sfc_main$1),{name:"selectorRegions",order:0},{header:e.withCtx(()=>[e.createElementVNode("div",h,[e.createVNode(a,{modelValue:i.value,"onUpdate:modelValue":t[0]||(t[0]=o=>i.value=o)},null,8,["modelValue"]),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[1]||(t[1]=o=>u("searcher_key"))}),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[2]||(t[2]=o=>u("key"))}),e.createVNode(s,{class:"dialog_selectorRegions_sortButton",color:"theme","data-top-icon":"",onClick:t[3]||(t[3]=o=>u("name"))})])]),body:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,o=>(e.openBlock(),e.createBlock(a,{key:o.index,modelValue:o.selected,"onUpdate:modelValue":m=>o.selected=m,class:"dialog_selectorRegions_region"},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"dialog_selectorRegions_regionSearcherIcon","data-top-icon":o.searcherIcon},null,8,y),o.flagLink?(e.openBlock(),e.createElementBlock("img",{key:0,class:"top-flag",src:"//topvisor.dev"+o.flagLink,alt:o.countryCode},null,8,C)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(o.name)+" ",1),e.createElementVNode("div",V,e.toDisplayString(o.areaName),1),o.langLabel?(e.openBlock(),e.createElementBlock("div",x," ["+e.toDisplayString(o.langLabel)+"] ",1)):e.createCommentVNode("",!0),o.deviceIcon?(e.openBlock(),e.createElementBlock("div",{key:2,"data-top-icon":o.deviceIcon},null,8,B)):e.createCommentVNode("",!0)]),_:2},1032,["modelValue","onUpdate:modelValue"]))),128))]),footer:e.withCtx(()=>[e.createVNode(s,{onClick:I},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.$i18n.Common.Apply),1)]),_:1})]),_:1})]),_:1},8,["id"])}}});p.default=N,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|
|
2
|
+
//# sourceMappingURL=dialog_selectorRegions-CePGUsCo.amd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialog_selectorRegions-CePGUsCo.amd.js","sources":["../../src/components/project/selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { reactive, ref, watch } from 'vue';\r\nimport { TopDialog, TopDialogPage, useTopDialogSelf } from '@/components/dialog/dialog';\r\nimport { genFlagLinkByCountryCode } from '@/core/utils/string';\r\nimport type { Props, RegionRich } from './types';\r\nimport { getDeviceGIcon, getLangLabel, getSearcherGIcon } from '@/core/utils/searchers';\r\n\r\ndefineOptions({ id: 'selectorRegions' });\r\n\r\nconst props = defineProps<Partial<Props>>();\r\n\r\nconst dialog = useTopDialogSelf();\r\n\r\n/**\r\n * Выбраны все регионы\r\n */\r\nconst isAllSelected = ref(false);\r\n\r\n/**\r\n * Список расширенных регионов для использования в компоненте\r\n */\r\nconst regionsRich = ref<RegionRich[]>([]);\r\n\r\n/**\r\n * Направление сортировки по полю\r\n */\r\nconst sortedVectorByField = reactive({\r\n\tsearcher_key: -1,\r\n\tkey: -1,\r\n\tname: -1,\r\n});\r\n\r\n/**\r\n * Сортировать регионы по выбранному полю\r\n * @param sortedField - Поле для сортировки\r\n */\r\nconst sort = (sortedField: keyof typeof sortedVectorByField) => {\r\n\tsortedVectorByField[sortedField] = -sortedVectorByField[sortedField];\r\n\r\n\tregionsRich.value.sort((regionA, regionB) => {\r\n\t\tif (!regionA[sortedField] || !regionB[sortedField]) return -1;\r\n\r\n\t\treturn regionA[sortedField] >= regionB[sortedField] ? sortedVectorByField[sortedField] : -sortedVectorByField[sortedField];\r\n\t});\r\n};\r\n\r\n/**\r\n * Применить изменения\r\n *\r\n * Вызывает callback `props['@update:regionsIndexes']`\r\n */\r\nconst onSubmit = () => {\r\n\tif (!regionsRich.value.some((region) => region.selected)) return;\r\n\r\n\tconst regionsIndexes = regionsRich.value.filter((region) => region.selected).map((region) => region.index);\r\n\r\n\tprops['@update:regionsIndexes']?.(regionsIndexes);\r\n\r\n\tdialog.close();\r\n};\r\n\r\n// Выбрать / отменить все регионы\r\nwatch(isAllSelected, () => {\r\n\tregionsRich.value = regionsRich.value.map((region) => ({ ...region, selected: isAllSelected.value }));\r\n});\r\n\r\n// генерация регионов\r\nwatch([\r\n\t() => props.regions,\r\n\t() => props.regionsIndexes,\r\n], () => {\r\n\tregionsRich.value = [];\r\n\r\n\tlet isAllSelectedLocal = true;\r\n\r\n\tprops.regions.forEach((region) => {\r\n\t\tlet title = region.name;\r\n\t\tif (region.areaName) title += ` (${region.areaName})`;\r\n\r\n\t\tconst selected = (props.regionsIndexes.indexOf(+region.index) !== -1);\r\n\t\tconst searcherIcon = getSearcherGIcon(region.searcher_key);\r\n\t\tconst langLabel = region.lang !== undefined ? getLangLabel(region.searcher_key, region.lang) : undefined;\r\n\t\tconst deviceIcon = region.device !== undefined ? getDeviceGIcon(region.device) : undefined;\r\n\t\tconst flagLink = region.countryCode !== undefined ? genFlagLinkByCountryCode(region.countryCode) : undefined;\r\n\r\n\t\tconst regionRich = {\r\n\t\t\t...region,\r\n\t\t\tselected,\r\n\t\t\ttitle,\r\n\t\t\tsearcherIcon,\r\n\t\t\tlangLabel,\r\n\t\t\tdeviceIcon,\r\n\t\t\tflagLink,\r\n\t\t};\r\n\r\n\t\tregionsRich.value.push(regionRich);\r\n\r\n\t\tif (!regionRich.selected) {\r\n\t\t\tisAllSelectedLocal = false;\r\n\t\t}\r\n\t});\r\n\r\n\tisAllSelected.value = isAllSelectedLocal;\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<TopDialog\r\n\t\t:id=\"dialog.id\"\r\n\t\tpageActive=\"selectorRegions\"\r\n\t\tclass=\"dialog_selectorRegions\"\r\n\t\theight=\"600px\"\r\n\t\twidth=\"600px\"\r\n\t>\r\n\t\t<TopDialogPage name=\"selectorRegions\" :order=\"0\">\r\n\t\t\t<template #header>\r\n\t\t\t\t<div class=\"dialog_selectorRegions_header\">\r\n\t\t\t\t\t<TopCheckbox v-model=\"isAllSelected\"></TopCheckbox>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('searcher_key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('key')\"\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<TopButton\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_sortButton\"\r\n\t\t\t\t\t\tcolor=\"theme\"\r\n\t\t\t\t\t\tdata-top-icon=\"\"\r\n\t\t\t\t\t\t@click=\"sort('name')\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #body>\r\n\t\t\t\t<TopCheckbox\r\n\t\t\t\t\tv-for=\"region of regionsRich\"\r\n\t\t\t\t\t:key=\"region.index\"\r\n\t\t\t\t\tv-model=\"region.selected\"\r\n\t\t\t\t\tclass=\"dialog_selectorRegions_region\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclass=\"dialog_selectorRegions_regionSearcherIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.searcherIcon\"\r\n\t\t\t\t\t></div>\r\n\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tv-if=\"region.flagLink\"\r\n\t\t\t\t\t\tclass=\"top-flag\"\r\n\t\t\t\t\t\t:src=\"'//topvisor.dev' + region.flagLink\"\r\n\t\t\t\t\t\t:alt=\"region.countryCode\"\r\n\t\t\t\t\t>\r\n\r\n\t\t\t\t\t{{ region.name }}\r\n\r\n\t\t\t\t\t<div class=\"dialog_selectorRegions_regionAreaName top-ellipsis\">\r\n\t\t\t\t\t\t{{ region.areaName }}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div v-if=\"region.langLabel\">\r\n\t\t\t\t\t\t[{{ region.langLabel }}]\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tv-if=\"region.deviceIcon\"\r\n\t\t\t\t\t\t:data-top-icon=\"region.deviceIcon\"\r\n\t\t\t\t\t></div>\r\n\t\t\t\t</TopCheckbox>\r\n\t\t\t</template>\r\n\r\n\t\t\t<template #footer>\r\n\t\t\t\t<TopButton @click=\"onSubmit\">\r\n\t\t\t\t\t{{ $i18n.Common.Apply }}\r\n\t\t\t\t</TopButton>\r\n\t\t\t</template>\r\n\t\t</TopDialogPage>\r\n\t</TopDialog>\r\n</template>\r\n\r\n<style>\r\n@import \"./style.css\";\r\n</style>\r\n"],"names":["dialog","utils","isAllSelected","vue","regionsRich","sortedVectorByField","sort","sortedField","regionA","regionB","region","_a","props","regionsIndexes","title","selected","deviceIcon","utils_searchers","flagLink","utils_string","searcherIcon","langLabel","regionRich","isAllSelectedLocal"],"mappings":"+nBAWAA,EAAAC,EAAA,iBAAA,EAKAC,EAAAC,EAAA,IAAA,EAAA,EAKAC,EAAAD,EAAA,IAAA,CAAA,CAAA,EAKAE,EAAAF,EAAA,SAAA,wBAEM,KAAA,EACC,CAAA,EAOPG,EAAAC,GAAA,gCAIE,CAAAC,EAAAD,CAAA,GAAA,CAAAE,EAAAF,CAAA,EAAA,wBAEyH,gBAU1H,GAAA,CAAAH,EAAA,MAAA,KAAAM,GAAAA,EAAA,QAAA,EAAA,8DAIAC,EAAAC,EAAA,4BAAA,MAAAD,EAAA,KAAAC,EAAAC,cAMD,OAAAV,EAAA,MAAAD,EAAA,IAAA,kDACqG,CAAA,EAIrGC,EAAA,MAAA,mCAEa,EAAA,IAAA,CAEZC,EAAA,MAAA,CAAA,iCAKC,IAAAU,EAAAJ,EAAA,KACAA,EAAA,WAAAI,GAAA,KAAAJ,EAAA,QAAA,KAEA,MAAAK,EAAAH,EAAA,eAAA,QAAA,CAAAF,EAAA,KAAA,IAAA,uGAGAM,EAAAN,EAAA,SAAA,OAAAO,EAAA,eAAAP,EAAA,MAAA,EAAA,OACAQ,EAAAR,EAAA,cAAA,OAAAS,EAAA,yBAAAT,EAAA,WAAA,EAAA,UAEmB,GAAAA,EACf,SAAAK,EACH,MAAAD,EACA,aAAAM,EACA,UAAAC,EACA,WAAAL,cAKDZ,EAAA,MAAA,KAAAkB,CAAA,EAEAA,EAAA,gBAEA,CAAA,EAGDpB,EAAA,MAAAqB,CAAsB,CAAA"}
|
|
@@ -55,7 +55,7 @@ class c {
|
|
|
55
55
|
}), setTimeout(() => this.getDialogsUtils(), a);
|
|
56
56
|
}
|
|
57
57
|
static async getDialogsUtils() {
|
|
58
|
-
const { TopDialogUtils: t } = await import("./utils-
|
|
58
|
+
const { TopDialogUtils: t } = await import("./utils-bjr7c5my.es.js");
|
|
59
59
|
return t;
|
|
60
60
|
}
|
|
61
61
|
static get$dialog(t) {
|
|
@@ -263,4 +263,4 @@ export {
|
|
|
263
263
|
I as a,
|
|
264
264
|
F as g
|
|
265
265
|
};
|
|
266
|
-
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-
|
|
266
|
+
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-B5hK613K.es.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\r\n\r\n\t\t/**\r\n\t\t * Порядковай номер перехода в диалоговых окнах\r\n\t\t *\r\n\t\t * Для расчета направления Вперед / Назад\r\n\t\t */\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/**\r\n\t * Инициировать события слежения за парамтерами url\r\n\t *\r\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t */\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/**\r\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t */\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /**\r\n\t\t\t// * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t// */\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Осуществить переход по ссылке с учетом historyType\r\n\t\t */\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/**\r\n\t * Получить элементы страницы в шапке и в контенте\r\n\t */\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t */\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/**\r\n\t * Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t */\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/**\r\n\t * Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t */\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] || '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray | null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/**\r\n * Объект для работы с диалоговым окном\r\n *\r\n * Каждое окно уникально и может быть открыто одновременно только один раз\r\n *\r\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n */\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/**\r\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t *\r\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * ID, используемый в верстке диалогового окна\r\n\t */\r\n\tidAttr: string;\r\n\r\n\t/**\r\n\t * Пользовательский компонент диалогового окна\r\n\t */\r\n\tComponent: T;\r\n\r\n\t/**\r\n\t * Компонент инициирован\r\n\t *\r\n\t * Устанавливается после первого вызова useTopDialog()\r\n\t */\r\n\tisMounted = ref(false);\r\n\r\n\t/**\r\n\t * Компонент готов к использованию\r\n\t *\r\n\t * Используется для внутренних преобразований после отрисовки\r\n\t */\r\n\tisReady = ref(false);\r\n\r\n\t/**\r\n\t * Диалоговое окно открыто\r\n\t */\r\n\tisOpened = ref(false);\r\n\r\n\t/**\r\n\t * Имя активной страницы дилогового окна\r\n\t */\r\n\tpageActive = ref('');\r\n\r\n\t/**\r\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t */\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/**\r\n\t * Следующая активная страница\r\n\t *\r\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t */\r\n\tpageActiveNext = ref('');\r\n\r\n\t/**\r\n\t * props компонента, доступны после инициализации\r\n\t */\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/**\r\n\t * emit базового компонента `TopDialog`\r\n\t */\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/**\r\n\t * Одноразовое событие на закрытие диалогового окна\r\n\t *\r\n\t * Используется для привязки окна к сценариям использования\r\n\t */\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/**\r\n\t * Событие - компонент инициирован\r\n\t */\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно\r\n\t *\r\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t */\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t *\r\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t */\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t *\r\n\t * Не меняет состояние компонента диалогового окна\r\n\t */\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/**\r\n\t * Устанвоить props\r\n\t *\r\n\t * Полностью сбрасывается состояние props\r\n\t */\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t */\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/**\r\n * Словарь всех используемых диалоговых окон\r\n *\r\n * В других компонентах не использовать\r\n */\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/**\r\n * Добавить компонент диалогового окна для использования\r\n */\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","viewName","$toDialog","moveDirection","TopDialogUtils","toView","$modalLayers","$currentPage","replaceHistory","pageName","hash","historySetState","$el","$dialog","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","math2","getHash","view","regexp","_index","dialog","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
define(["require","exports","vue","../utils/system.amd","../utils/route.amd"],function(p,w,s,y,h){"use strict";if(typeof s>"u")var s=window.Vue;class c{static state={load:void 0,decoratorOnCreate:void 0,viewPageN:0,locationHashPrev:""};static inited=!1;static init(e){if(this.inited)return;this.inited=!0,this.state.load=e==null?void 0:e.load,this.state.decoratorOnCreate=e==null?void 0:e.decoratorOnCreate;const t=(e==null?void 0:e.autoInitDelay)??5e3;$(window).on("hashchange.dialogs",()=>{this.compareStates(location.hash,this.state.locationHashPrev)&&this.opendDialogsFromUrl()}),$(window).trigger("hashchange.dialogs"),$(document).on("mousedown","a[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]"),o=a.dataset.toView.split("-")[0],l=$("#"+o);$("> .modal-layer",l);let d="next";a.dataset.action==="top-dialog-close"&&(d="prev"),a.href=c.genViewPageHash(a.dataset.toView,d)}),$(document).on("click","[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]");if(a.href==="."){i.preventDefault(),a.mousedown(),setTimeout(()=>a.click());return}const r=await this.getDialogsUtils(),o=a.dataset.toView,l=o.split("-")[0],d=$("#"+l),v=$("> .modal-layer",d),m=$("> .active",v),x=!!d.data("data-to-view-replace");let u="next";if(m.length){const A=o.split("-")[1].split(":")[0];$('> [data-view-page="'+A+'"]',v).data("order")<m.data("order")&&(u="prev")}a.dataset.action==="top-dialog-close"&&(u="prev");const f=c.genViewPageHash(o,u);if(a.tagName==="A"){if(!d.is(":visible"))return;if(location.hash.indexOf(o.replace("-","="))!==-1){await r.toViewDirty(o);return}}x?(i.preventDefault(),h.historySetState(!0,f),await r.toViewDirty(o),u=="next"?c.state.viewPageN++:c.state.viewPageN--):a.tagName!=="A"&&(this.compareStates(f,location.hash)?location.hash=f:await r.toViewDirty(o))}),setTimeout(()=>this.getDialogsUtils(),t)}static async getDialogsUtils(){const{TopDialogUtils:e}=await new Promise((t,i)=>p(["./utils-
|
|
2
|
-
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
define(["require","exports","vue","../utils/system.amd","../utils/route.amd"],function(p,w,s,y,h){"use strict";if(typeof s>"u")var s=window.Vue;class c{static state={load:void 0,decoratorOnCreate:void 0,viewPageN:0,locationHashPrev:""};static inited=!1;static init(e){if(this.inited)return;this.inited=!0,this.state.load=e==null?void 0:e.load,this.state.decoratorOnCreate=e==null?void 0:e.decoratorOnCreate;const t=(e==null?void 0:e.autoInitDelay)??5e3;$(window).on("hashchange.dialogs",()=>{this.compareStates(location.hash,this.state.locationHashPrev)&&this.opendDialogsFromUrl()}),$(window).trigger("hashchange.dialogs"),$(document).on("mousedown","a[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]"),o=a.dataset.toView.split("-")[0],l=$("#"+o);$("> .modal-layer",l);let d="next";a.dataset.action==="top-dialog-close"&&(d="prev"),a.href=c.genViewPageHash(a.dataset.toView,d)}),$(document).on("click","[data-to-view]",async i=>{const a=i.target.closest("[data-to-view]");if(a.href==="."){i.preventDefault(),a.mousedown(),setTimeout(()=>a.click());return}const r=await this.getDialogsUtils(),o=a.dataset.toView,l=o.split("-")[0],d=$("#"+l),v=$("> .modal-layer",d),m=$("> .active",v),x=!!d.data("data-to-view-replace");let u="next";if(m.length){const A=o.split("-")[1].split(":")[0];$('> [data-view-page="'+A+'"]',v).data("order")<m.data("order")&&(u="prev")}a.dataset.action==="top-dialog-close"&&(u="prev");const f=c.genViewPageHash(o,u);if(a.tagName==="A"){if(!d.is(":visible"))return;if(location.hash.indexOf(o.replace("-","="))!==-1){await r.toViewDirty(o);return}}x?(i.preventDefault(),h.historySetState(!0,f),await r.toViewDirty(o),u=="next"?c.state.viewPageN++:c.state.viewPageN--):a.tagName!=="A"&&(this.compareStates(f,location.hash)?location.hash=f:await r.toViewDirty(o))}),setTimeout(()=>this.getDialogsUtils(),t)}static async getDialogsUtils(){const{TopDialogUtils:e}=await new Promise((t,i)=>p(["./utils-B7GVqGBH.amd"],t,i));return e}static get$dialog(e){return e.closest(".ui-dialog-content")}static get$page(e){return e.closest("[data-view-page]")}static get$pairPage(e){const t=c.get$dialog(e),a=c.get$page(e).data("view-page");return $('[data-view-page="'+a+'"]',t)}static close(e){const t=$("#"+e);t.dialog("instance")&&t.dialog("close")}static destroy(e){const t=$("#"+e);t.dialog("instance")&&(t.dialog("close"),t.dialog("destroy"))}static genViewPageHash(e,t="next"){var i=this.state.viewPageN;t=="prev"?i--:i++;var a=e.split("-"),r=a.shift(),o=a.join("-"),l=h.genHash("vpn",i),l=h.genHash("view-"+r,o,l);return l}static compareStates(e,t){const i=e.match(/[#&]view-[^&]+/g)||[],a=t.match(/[#&]view-[^&]+/g)||[];return!!(i.length!==a.length||i.filter((o,l)=>{const d=a[l]||"";return o!==d}).length)}static opendDialogsFromUrl=async()=>{const e=Number(h.getHash("vpn"))||0;this.state.locationHashPrev=location.hash;let t;const i=new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)","g");for(;t=i.exec(location.hash);){var a="next";return e<this.state.viewPageN&&(a="prev"),(await this.getDialogsUtils()).toViewDirty(t[1],a)}return $(".ui-dialog-content[data-view-page-active]:visible").each((r,o)=>{var l=$(o),d=l.attr("id"),v=h.getHash("view-"+d);v||l.dialog("close")}),this.state.viewPageN=e,!0}}class P{id;idAttr;Component;isMounted=s.ref(!1);isReady=s.ref(!1);isOpened=s.ref(!1);pageActive=s.ref("");isLoadingPage=s.ref(!1);pageActiveNext=s.ref("");props;emit;onCloseOnce;constructor(e){this.id=e.id,this.idAttr="dialog_"+e.id,this.Component=s.markRaw(e)}onMounted(e,t){this.isMounted.value=!0,this.props=e.props,this.emit=t.emit}async open(e="main",t,i=[],a,r){t&&await this.setProps(t),a&&(this.onCloseOnce=a),await(await c.getDialogsUtils()).toView(this.idAttr,e,i,r)}async openAsLink(e="main",t,i=[],a,r){t&&await this.setProps(t),a&&(this.onCloseOnce=a);const o=this.idAttr+"-"+e;location.hash=c.genViewPageHash(o,r)}async close(){c.close(this.idAttr)}async destroy(){c.destroy(this.idAttr)}async setProps(e={}){this.isMounted||await y.waitWhile(()=>!this.props);for(const t in this.props)this.props[t]=e[t]}needShowPage(e){return this.isOpened.value?this.pageActive.value===e||this.pageActiveNext.value===e:!1}}const N={class:"top-dialogs",style:{display:"none"}},g=s.shallowReactive(new Map),V=n=>(n=n.replace(/^dialog_/,""),g.get(n)),D=n=>{if(!(n!=null&&n.id))throw console.log({TopDialogComponent:n}),new Error("Expected TopDialogComponent");return g.has(n.id)||g.set(n.id,new P(n)),g.get(n.id)},k=s.defineComponent({name:"DialogWrapper",__name:"dialogs",setup(n){return s.onUnmounted(()=>{g.forEach(e=>e.destroy()),g.clear()}),(e,t)=>(s.openBlock(),s.createElementBlock("div",N,[(s.openBlock(!0),s.createElementBlock(s.Fragment,null,s.renderList(s.unref(g),([i,a])=>(s.openBlock(),s.createBlock(s.resolveDynamicComponent(a.Component),{key:i}))),128))]))}});w.TopDialogWorker=c,w._sfc_main=k,w.addDialogWorker=D,w.getDialogWorker=V});
|
|
2
|
+
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-izSFcRLb.amd.js","sources":["../../src/components/dialog/lib/worker.ts","../../src/components/dialog/dialog/composables/dialogHandle.ts","../../src/components/dialog/dialog/dialogs/dialogs.vue"],"sourcesContent":["import { genHash, getHash, historySetState } from '@/core/utils/route';\r\nimport type { MoveDirection, TopDialogOptions } from './types';\r\nimport type { $el } from '@/components/types';\r\n\r\nexport abstract class TopDialogWorker {\r\n\tstatic state = {\r\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\r\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\r\n\r\n\t\t/**\r\n\t\t * Порядковай номер перехода в диалоговых окнах\r\n\t\t *\r\n\t\t * Для расчета направления Вперед / Назад\r\n\t\t */\r\n\t\tviewPageN: 0,\r\n\t\tlocationHashPrev: '',\r\n\t};\r\n\r\n\tprivate static inited = false;\r\n\r\n\t/**\r\n\t * Инициировать события слежения за парамтерами url\r\n\t *\r\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\r\n\t */\r\n\tstatic init(options?: TopDialogOptions) {\r\n\t\tif (this.inited) return;\r\n\t\tthis.inited = true;\r\n\r\n\t\tthis.state.load = options?.load;\r\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\r\n\r\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\r\n\r\n\t\t$(window).on('hashchange.dialogs', () => {\r\n\t\t\tconst dialogsStateChanged = this.compareStates(location.hash, this.state.locationHashPrev);\r\n\t\t\tif (dialogsStateChanged) this.opendDialogsFromUrl();\r\n\t\t});\r\n\r\n\t\t$(window).trigger('hashchange.dialogs');\r\n\r\n\t\t/**\r\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\r\n\t\t */\r\n\t\t$(document).on('mousedown', 'a[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\r\n\t\t\t// /**\r\n\t\t\t// * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\r\n\t\t\t// */\r\n\t\t\t// if ($currentPage.length) {\r\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t//\r\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\r\n\t\t\t//\r\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\r\n\t\t\t//\r\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t// }\r\n\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\r\n\t\t});\r\n\r\n\t\t/**\r\n\t\t * Осуществить переход по ссылке с учетом historyType\r\n\t\t */\r\n\t\t$(document).on('click', '[data-to-view]', async (e) => {\r\n\t\t\tconst el = e.target.closest('[data-to-view]');\r\n\r\n\t\t\t// Подождать генерацию ссылки\r\n\t\t\tif (el.href === '.') {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\tel.mousedown();\r\n\r\n\t\t\t\tsetTimeout(() => el.click());\r\n\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\tconst toView = el.dataset.toView;\r\n\t\t\tconst viewName = toView.split('-')[0];\r\n\t\t\tconst $toDialog = $('#' + viewName);\r\n\t\t\tconst $modalLayers = $('> .modal-layer', $toDialog);\r\n\t\t\tconst $currentPage = $('> .active', $modalLayers);\r\n\r\n\t\t\tconst replaceHistory = !!$toDialog.data('data-to-view-replace');\r\n\r\n\t\t\tlet moveDirection: MoveDirection = 'next';\r\n\t\t\tif ($currentPage.length) {\r\n\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\r\n\t\t\t\tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\r\n\t\t\t\tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\r\n\t\t\t}\r\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\r\n\r\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\r\n\r\n\t\t\tif (el.tagName === 'A') {\r\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\r\n\t\t\t\tif (!$toDialog.is(':visible')) return;\r\n\r\n\t\t\t\t// в адресе уже указана эта страница, необходимсо явно запросить ее открытие\r\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\r\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tif (replaceHistory) {\r\n\t\t\t\te.preventDefault();\r\n\r\n\t\t\t\thistorySetState(true, hash);\r\n\r\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\r\n\t\t\t\tif (moveDirection == 'next') {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\r\n\t\t\t\t} else {\r\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tif (el.tagName !== 'A') {\r\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\r\n\t\t\t\t\t\tlocation.hash = hash;\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\r\n\t}\r\n\r\n\tstatic async getDialogsUtils() {\r\n\t\tconst { TopDialogUtils } = await import('./utils');\r\n\r\n\t\treturn TopDialogUtils;\r\n\t}\r\n\r\n\tstatic get$dialog($el: $el) {\r\n\t\treturn $el.closest('.ui-dialog-content');\r\n\t};\r\n\r\n\tstatic get$page($el: $el) {\r\n\t\treturn $el.closest('[data-view-page]');\r\n\t};\r\n\r\n\t/**\r\n\t * Получить элементы страницы в шапке и в контенте\r\n\t */\r\n\tstatic get$pairPage($el: $el) {\r\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\r\n\r\n\t\tconst $page = TopDialogWorker.get$page($el);\r\n\t\tconst pageName = $page.data('view-page');\r\n\r\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t */\r\n\tstatic close(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tstatic destroy(dialogId: string) {\r\n\t\tconst $dialog = $('#' + dialogId);\r\n\r\n\t\tif (!$dialog.dialog('instance')) return;\r\n\r\n\t\t$dialog.dialog('close');\r\n\t\t$dialog.dialog('destroy');\r\n\t};\r\n\r\n\t/**\r\n\t * Сгенерировать ссылку на страницу в диалоговом окне\r\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\r\n\t * @param moveDirection\r\n\t */\r\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\r\n\t\tvar toViewPageN = this.state.viewPageN;\r\n\t\tif (moveDirection == 'prev') {\r\n\t\t\ttoViewPageN--;\r\n\t\t} else {\r\n\t\t\ttoViewPageN++;\r\n\t\t}\r\n\r\n\t\tvar viewNameAndPageLink = toView.split('-');\r\n\t\tvar viewName = viewNameAndPageLink.shift();\r\n\t\tvar pageLink = viewNameAndPageLink.join('-');\r\n\t\tvar hash = genHash('vpn', toViewPageN);\r\n\t\tvar hash = genHash('view-' + viewName, pageLink, hash);\r\n\r\n\t\treturn hash;\r\n\t};\r\n\r\n\t/**\r\n\t * Сравнить версию открытых диалоговых окон\r\n\t * @returns вернет true, если состояния открытых окон изменилось\r\n\t */\r\n\tstatic compareStates(hash: string, hash2: string) {\r\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\r\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\r\n\r\n\t\tif (mathes.length !== mathes2.length) return true;\r\n\r\n\t\tconst mathesChanged = mathes.filter((math, n) => {\r\n\t\t\tconst math2 = mathes2[n] || '';\r\n\r\n\t\t\treturn math !== math2;\r\n\t\t});\r\n\r\n\t\tif (mathesChanged.length) return true;\r\n\r\n\t\treturn false;\r\n\t};\r\n\r\n\tstatic opendDialogsFromUrl = async () => {\r\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\r\n\r\n\t\tthis.state.locationHashPrev = location.hash;\r\n\r\n\t\t// Открыть диалоговое окно\r\n\t\tlet view: RegExpExecArray | null;\r\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\r\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\r\n\t\twhile (view = regexp.exec(location.hash)) {\r\n\t\t\tvar moveDirection: MoveDirection = 'next';\r\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\r\n\r\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\r\n\r\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\r\n\t\t}\r\n\r\n\t\t// Закрыть ненужные view\r\n\t\t$('.ui-dialog-content[data-view-page-active]:visible').each((_index: number, dialog: HTMLElement) => {\r\n\t\t\tvar $dialog = $(dialog);\r\n\r\n\t\t\tvar viewName = $dialog.attr('id');\r\n\t\t\tvar pageName = getHash('view-' + viewName);\r\n\t\t\tif (!pageName) $dialog.dialog('close');\r\n\t\t});\r\n\r\n\t\tthis.state.viewPageN = toViewPageN;\r\n\r\n\t\treturn true;\r\n\t};\r\n}\r\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\r\nimport { waitWhile } from '@/core/utils/system';\r\nimport TopDialog from '../dialog.vue';\r\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\r\nimport type { MoveDirection } from '@/components/dialog/lib/types';\r\nimport type { TopDialogComponent } from './types';\r\n\r\n/**\r\n * Объект для работы с диалоговым окном\r\n *\r\n * Каждое окно уникально и может быть открыто одновременно только один раз\r\n *\r\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\r\n */\r\nexport class TopDialogHandle<T extends TopDialogComponent> {\r\n\r\n\t/**\r\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\r\n\t *\r\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * ID, используемый в верстке диалогового окна\r\n\t */\r\n\tidAttr: string;\r\n\r\n\t/**\r\n\t * Пользовательский компонент диалогового окна\r\n\t */\r\n\tComponent: T;\r\n\r\n\t/**\r\n\t * Компонент инициирован\r\n\t *\r\n\t * Устанавливается после первого вызова useTopDialog()\r\n\t */\r\n\tisMounted = ref(false);\r\n\r\n\t/**\r\n\t * Компонент готов к использованию\r\n\t *\r\n\t * Используется для внутренних преобразований после отрисовки\r\n\t */\r\n\tisReady = ref(false);\r\n\r\n\t/**\r\n\t * Диалоговое окно открыто\r\n\t */\r\n\tisOpened = ref(false);\r\n\r\n\t/**\r\n\t * Имя активной страницы дилогового окна\r\n\t */\r\n\tpageActive = ref('');\r\n\r\n\t/**\r\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\r\n\t */\r\n\tisLoadingPage = ref(false);\r\n\r\n\t/**\r\n\t * Следующая активная страница\r\n\t *\r\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\r\n\t */\r\n\tpageActiveNext = ref('');\r\n\r\n\t/**\r\n\t * props компонента, доступны после инициализации\r\n\t */\r\n\tprops?: ComponentInstance<T>['$props'];\r\n\r\n\t/**\r\n\t * emit базового компонента `TopDialog`\r\n\t */\r\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\r\n\r\n\t/**\r\n\t * Одноразовое событие на закрытие диалогового окна\r\n\t *\r\n\t * Используется для привязки окна к сценариям использования\r\n\t */\r\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\r\n\r\n\tconstructor(TopDialogComponent: T) {\r\n\t\tthis.id = TopDialogComponent.id!;\r\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\r\n\t\tthis.Component = markRaw(TopDialogComponent);\r\n\t}\r\n\r\n\t/**\r\n\t * Событие - компонент инициирован\r\n\t */\r\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\r\n\t\tthis.isMounted.value = true;\r\n\t\tthis.props = topDialogComponent.props;\r\n\t\tthis.emit = topDialogBaseComponent.emit;\r\n\t}\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно\r\n\t *\r\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\r\n\t */\r\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\r\n\r\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\r\n\t *\r\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\r\n\t */\r\n\tasync openAsLink(\r\n\t\tpageName: string = 'main',\r\n\t\tprops?: {},\r\n\t\t_args: string[] = [],\r\n\t\tonCloseOnce?: typeof this.onCloseOnce,\r\n\t\tmoveDirection?: MoveDirection,\r\n\t) {\r\n\t\tif (props) await this.setProps(props);\r\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\r\n\r\n\t\tconst viewName = this.idAttr + '-' + pageName;\r\n\r\n\t\tlocation.hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\r\n\t};\r\n\r\n\t/**\r\n\t * Закрыть диалоговое окно\r\n\t *\r\n\t * Не меняет состояние компонента диалогового окна\r\n\t */\r\n\tasync close() {\r\n\t\tTopDialogWorker.close(this.idAttr);\r\n\t};\r\n\r\n\t/**\r\n\t * Размонтировать $.dialog\r\n\t */\r\n\tasync destroy() {\r\n\t\tTopDialogWorker.destroy(this.idAttr);\r\n\t}\r\n\r\n\t/**\r\n\t * Устанвоить props\r\n\t *\r\n\t * Полностью сбрасывается состояние props\r\n\t */\r\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\r\n\t\t// ожидание инициализации компонента\r\n\t\tif (!this.isMounted) {\r\n\t\t\tawait waitWhile(() => !this.props);\r\n\t\t}\r\n\r\n\t\tfor (const name in this.props) {\r\n\t\t\tthis.props[name] = props[name];\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\r\n\t */\r\n\tneedShowPage(pageName: string): boolean {\r\n\t\tif (!this.isOpened.value) return false;\r\n\r\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\r\n\t}\r\n}\r\n","<script lang=\"ts\">\r\nimport { shallowReactive } from 'vue';\r\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\r\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\r\n\r\n/**\r\n * Словарь всех используемых диалоговых окон\r\n *\r\n * В других компонентах не использовать\r\n */\r\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\r\n\r\nexport const getDialogWorker = (id: string) => {\r\n\tid = id.replace(/^dialog_/, '');\r\n\r\n\treturn dialogsWorkers.get(id);\r\n};\r\n\r\n/**\r\n * Добавить компонент диалогового окна для использования\r\n */\r\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\r\n\tif (!TopDialogComponent?.id) {\r\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\r\n\r\n\t\tthrow new Error('Expected TopDialogComponent');\r\n\t}\r\n\r\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\r\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\r\n\t}\r\n\r\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\r\n};\r\n</script>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onUnmounted } from 'vue';\r\n\r\ndefineOptions({\r\n\tname: 'DialogWrapper',\r\n});\r\n\r\nonUnmounted(() => {\r\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\r\n\tdialogsWorkers.clear();\r\n});\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"top-dialogs\" style=\"display: none;\">\r\n\t\t<component\r\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\r\n\t\t\t:is=\"dialog.Component\"\r\n\t\t\t:key=\"dialogId\"\r\n\t\t/>\r\n\t</div>\r\n</template>\r\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","$toDialog","moveDirection","TopDialogUtils","toView","$currentPage","pageName","$modalLayers","utils_route","hash","$el","dialogId","$dialog","toViewPageN","viewName","viewNameAndPageLink","pageLink","hash2","view","dialog","TopDialogHandle","vue","TopDialogComponent","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","name","dialogsWorkers","getDialogWorker","id","addDialogWorker"],"mappings":"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"}
|