@topvisor/ui 1.3.5-5.0 → 1.4.0-TopGroupSelector.2
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-B9TwJi3h.amd.js +2 -0
- package/.chunks/core-B9TwJi3h.amd.js.map +1 -0
- package/.chunks/core-DVQVVUiP.es.js +196 -0
- package/.chunks/core-DVQVVUiP.es.js.map +1 -0
- package/.chunks/{datepicker-J8Zg9mKt.es.js → datepicker-CrASsJeF.es.js} +14 -17
- package/.chunks/{datepicker-J8Zg9mKt.es.js.map → datepicker-CrASsJeF.es.js.map} +1 -1
- package/.chunks/{datepicker-CPrHVH4x.amd.js → datepicker-bidhcksv.amd.js} +2 -2
- package/.chunks/{datepicker-CPrHVH4x.amd.js.map → datepicker-bidhcksv.amd.js.map} +1 -1
- package/.chunks/dialog_regionSelectorRegions-DJu5Y1WK.es.js +180 -0
- package/.chunks/dialog_regionSelectorRegions-DJu5Y1WK.es.js.map +1 -0
- package/.chunks/dialog_regionSelectorRegions-Dc-YGZ0l.amd.js +2 -0
- package/.chunks/dialog_regionSelectorRegions-Dc-YGZ0l.amd.js.map +1 -0
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang--Xstly2G.amd.js +2 -0
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-8KsNy0Bd.amd.js.map → dialogs.vue_vue_type_script_setup_true_lang--Xstly2G.amd.js.map} +1 -1
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-DvkvzHEY.es.js → dialogs.vue_vue_type_script_setup_true_lang-BP6GFkkz.es.js} +111 -112
- package/.chunks/{dialogs.vue_vue_type_script_setup_true_lang-DvkvzHEY.es.js.map → dialogs.vue_vue_type_script_setup_true_lang-BP6GFkkz.es.js.map} +1 -1
- package/.chunks/forms--2-YQeWM.amd.js +3 -0
- package/.chunks/{forms-DXX5M4DO.amd.js.map → forms--2-YQeWM.amd.js.map} +1 -1
- package/.chunks/forms-Cwv0JCi5.es.js +2035 -0
- package/.chunks/{forms-COXAfg9G.es.js.map → forms-Cwv0JCi5.es.js.map} +1 -1
- package/.chunks/index-DLUtoTUg.amd.js +2 -0
- package/.chunks/index-DLUtoTUg.amd.js.map +1 -0
- package/.chunks/index-DkQWJkMc.es.js +54 -0
- package/.chunks/index-DkQWJkMc.es.js.map +1 -0
- package/.chunks/notice-BCHrf2v6.es.js +191 -0
- package/.chunks/{notice-P7CXfEuX.es.js.map → notice-BCHrf2v6.es.js.map} +1 -1
- package/.chunks/notice-D1KO_E3H.amd.js +4 -0
- package/.chunks/{notice-CSGn_jTM.amd.js.map → notice-D1KO_E3H.amd.js.map} +1 -1
- package/.chunks/page.vue_vue_type_script_setup_true_lang-DNs0udwC.amd.js +2 -0
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-DHPOnLj5.amd.js.map → page.vue_vue_type_script_setup_true_lang-DNs0udwC.amd.js.map} +1 -1
- package/.chunks/page.vue_vue_type_script_setup_true_lang-D_ocBGzt.es.js +139 -0
- package/.chunks/{page.vue_vue_type_script_setup_true_lang-D9m45rLs.es.js.map → page.vue_vue_type_script_setup_true_lang-D_ocBGzt.es.js.map} +1 -1
- package/.chunks/policy.vue_vue_type_style_index_0_lang-B61ZEDWr.es.js +494 -0
- package/.chunks/policy.vue_vue_type_style_index_0_lang-B61ZEDWr.es.js.map +1 -0
- package/.chunks/policy.vue_vue_type_style_index_0_lang-BUIBGweg.amd.js +2 -0
- package/.chunks/policy.vue_vue_type_style_index_0_lang-BUIBGweg.amd.js.map +1 -0
- package/.chunks/popup-DJMBWRtl.es.js +468 -0
- package/.chunks/popup-DJMBWRtl.es.js.map +1 -0
- package/.chunks/popup-c8qgGOCv.amd.js +2 -0
- package/.chunks/popup-c8qgGOCv.amd.js.map +1 -0
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-Bp_-W068.es.js +209 -0
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-Bp_-W068.es.js.map +1 -0
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-D42xEF-j.amd.js +2 -0
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-D42xEF-j.amd.js.map +1 -0
- package/.chunks/{utils-CWm0zAtM.es.js → utils-Bu-TI6uw.es.js} +192 -208
- package/.chunks/{utils-CWm0zAtM.es.js.map → utils-Bu-TI6uw.es.js.map} +1 -1
- package/.chunks/utils-C6nWu0aQ.amd.js +2 -0
- package/.chunks/{utils-D505nRsu.amd.js.map → utils-C6nWu0aQ.amd.js.map} +1 -1
- package/.chunks/utils-DHyy_M2n.amd.js +2 -0
- package/.chunks/{utils-DmxcQpWA.amd.js.map → utils-DHyy_M2n.amd.js.map} +1 -1
- package/.chunks/{utils-Rbz9mxy6.es.js → utils-cls72V1c.es.js} +23 -24
- package/.chunks/{utils-Rbz9mxy6.es.js.map → utils-cls72V1c.es.js.map} +1 -1
- package/.chunks/{widgetInput.vue_vue_type_script_setup_true_lang-BU-FdL6d.amd.js → widgetInput.vue_vue_type_script_setup_true_lang-B3soLr2U.amd.js} +2 -2
- package/.chunks/{widgetInput.vue_vue_type_script_setup_true_lang-BU-FdL6d.amd.js.map → widgetInput.vue_vue_type_script_setup_true_lang-B3soLr2U.amd.js.map} +1 -1
- package/.chunks/{widgetInput.vue_vue_type_script_setup_true_lang-TVpBXc9F.es.js → widgetInput.vue_vue_type_script_setup_true_lang-HbtV9agA.es.js} +2 -2
- package/.chunks/{widgetInput.vue_vue_type_script_setup_true_lang-TVpBXc9F.es.js.map → widgetInput.vue_vue_type_script_setup_true_lang-HbtV9agA.es.js.map} +1 -1
- package/api/index.amd.js +1 -1
- package/api/index.amd.js.map +1 -1
- package/api/index.js +137 -134
- package/api/index.js.map +1 -1
- package/assets/dialog_regionSelectorRegions.css +1 -0
- package/assets/forms.css +1 -1
- package/assets/policy.css +1 -0
- package/assets/popupHint.css +1 -1
- package/assets/project.css +1 -1
- package/charts/charts.amd.js +1 -1
- package/charts/charts.amd.js.map +1 -1
- package/charts/charts.js +80 -80
- package/charts/charts.js.map +1 -1
- package/core/app.amd.js +1 -1
- package/core/app.amd.js.map +1 -1
- package/core/app.js +93 -96
- 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 +13 -13
- package/dialog/dialog.js.map +1 -1
- package/extra/extra.amd.js +1 -1
- package/extra/extra.amd.js.map +1 -1
- package/extra/extra.js +20 -23
- package/extra/extra.js.map +1 -1
- package/forms/forms.amd.js +1 -1
- package/forms/forms.js +5 -5
- package/formsExt/formsExt.amd.js +1 -1
- package/formsExt/formsExt.amd.js.map +1 -1
- package/formsExt/formsExt.js +180 -541
- package/formsExt/formsExt.js.map +1 -1
- package/layout/layout.amd.js +1 -1
- package/layout/layout.js +6 -6
- package/package.json +2 -2
- package/popup/popup.amd.js +1 -1
- package/popup/popup.amd.js.map +1 -1
- package/popup/popup.js +43 -46
- 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 +9 -9
- 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 +869 -607
- package/project/project.js.map +1 -1
- package/src/api/api/client/client.d.ts +5 -0
- package/src/api/api/mocker/index.d.ts +3 -3
- package/src/api/api/types/client/request.d.ts +6 -0
- package/src/api/api/types/mocker.d.ts +2 -2
- package/src/components/formsExt/formsExt.d.ts +1 -0
- package/src/components/formsExt/selector2/cache.d.ts +12 -0
- package/src/components/formsExt/selector2/composables/useAPI.d.ts +2033 -0
- package/src/components/formsExt/selector2/composables/useMenu.d.ts +2045 -5
- package/src/components/formsExt/selector2/itemMulti.vue.d.ts +3 -3
- package/src/components/formsExt/selector2/selector2.vue.d.ts +9 -3
- package/src/components/formsExt/selector2/types.d.ts +25 -8
- package/src/components/formsExt/selector2/utils.d.ts +16 -0
- package/src/components/popup/lib/popup.d.ts +0 -1
- package/src/components/popup/popup/opener/types.d.ts +6 -2
- package/src/components/popup/popup/types.d.ts +3 -2
- package/src/components/popup/popup.d.ts +1 -1
- package/src/components/project/groupSelector/folders/folders.vue.d.ts +18 -0
- package/src/components/project/groupSelector/folders/types.d.ts +63 -0
- package/src/components/project/groupSelector/folders/utils.d.ts +63 -0
- package/src/components/project/groupSelector/groupSelector.vue.d.ts +28 -0
- package/src/components/project/groupSelector/groups/groups.vue.d.ts +125 -0
- package/src/components/project/groupSelector/groups/types.d.ts +57 -0
- package/src/components/project/groupSelector/groups/utils.d.ts +92 -0
- package/src/components/project/groupSelector/stories/mocks/folders.d.ts +4 -0
- package/src/components/project/groupSelector/stories/mocks/groups.d.ts +2 -0
- package/src/components/project/groupSelector/stories/mocks/index.d.ts +7 -0
- package/src/components/project/groupSelector/types.d.ts +129 -0
- package/src/components/project/project.d.ts +15 -4
- package/src/components/project/{selectorRegion → regionSelector}/utils/utils.d.ts +3 -3
- package/src/core/utils/composables/useWatch.d.ts +32 -0
- package/tabs/tabs.amd.js +1 -1
- package/tabs/tabs.amd.js.map +1 -1
- package/tabs/tabs.js +24 -24
- 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 +131 -133
- package/tabsView/tabsView.js.map +1 -1
- package/utils/clipboard.amd.js +1 -1
- package/utils/clipboard.js +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/lodash.amd.js +1 -1
- package/utils/lodash.js +1 -1
- package/utils/price.amd.js +1 -1
- package/utils/price.js +1 -1
- package/utils/scroll.amd.js +1 -1
- package/utils/scroll.amd.js.map +1 -1
- package/utils/scroll.js +14 -14
- package/utils/scroll.js.map +1 -1
- package/utils/searchers.amd.js +1 -1
- package/utils/searchers.js +3 -3
- package/utils/string.amd.js +1 -1
- package/utils/string.amd.js.map +1 -1
- package/utils/string.js +3 -7
- package/utils/string.js.map +1 -1
- package/.chunks/core-CaWxDXrZ.es.js +0 -197
- package/.chunks/core-CaWxDXrZ.es.js.map +0 -1
- package/.chunks/core-DmO1i1Ua.amd.js +0 -2
- package/.chunks/core-DmO1i1Ua.amd.js.map +0 -1
- package/.chunks/dialog_selectorRegions-DoEjgXtb.es.js +0 -190
- package/.chunks/dialog_selectorRegions-DoEjgXtb.es.js.map +0 -1
- package/.chunks/dialog_selectorRegions-DzufTzj9.amd.js +0 -2
- package/.chunks/dialog_selectorRegions-DzufTzj9.amd.js.map +0 -1
- package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-8KsNy0Bd.amd.js +0 -2
- package/.chunks/forms-COXAfg9G.es.js +0 -2047
- package/.chunks/forms-DXX5M4DO.amd.js +0 -3
- package/.chunks/index-BEI7XZmU.amd.js +0 -2
- package/.chunks/index-BEI7XZmU.amd.js.map +0 -1
- package/.chunks/index-igPkes8X.es.js +0 -48
- package/.chunks/index-igPkes8X.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang--W1RouXP.es.js +0 -199
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang--W1RouXP.es.js.map +0 -1
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DzV225TL.amd.js +0 -2
- package/.chunks/listItem.vue_vue_type_script_setup_true_lang-DzV225TL.amd.js.map +0 -1
- package/.chunks/menu.vue_vue_type_style_index_0_lang-BiyxTfdE.es.js +0 -112
- package/.chunks/menu.vue_vue_type_style_index_0_lang-BiyxTfdE.es.js.map +0 -1
- package/.chunks/menu.vue_vue_type_style_index_0_lang-D3OAqOqX.amd.js +0 -2
- package/.chunks/menu.vue_vue_type_style_index_0_lang-D3OAqOqX.amd.js.map +0 -1
- package/.chunks/notice-CSGn_jTM.amd.js +0 -4
- package/.chunks/notice-P7CXfEuX.es.js +0 -194
- package/.chunks/opener.vue_vue_type_script_setup_true_lang-DRzrTv7Q.es.js +0 -36
- package/.chunks/opener.vue_vue_type_script_setup_true_lang-DRzrTv7Q.es.js.map +0 -1
- package/.chunks/opener.vue_vue_type_script_setup_true_lang-gNZhYkDf.amd.js +0 -2
- package/.chunks/opener.vue_vue_type_script_setup_true_lang-gNZhYkDf.amd.js.map +0 -1
- package/.chunks/page.vue_vue_type_script_setup_true_lang-D9m45rLs.es.js +0 -143
- package/.chunks/page.vue_vue_type_script_setup_true_lang-DHPOnLj5.amd.js +0 -2
- package/.chunks/popup-CF4k7j3U.amd.js +0 -2
- package/.chunks/popup-CF4k7j3U.amd.js.map +0 -1
- package/.chunks/popup-G7FYKscC.es.js +0 -485
- package/.chunks/popup-G7FYKscC.es.js.map +0 -1
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-Cce9ZdtW.amd.js +0 -2
- package/.chunks/popupHint.vue_vue_type_style_index_0_lang-Cce9ZdtW.amd.js.map +0 -1
- package/.chunks/utils-D505nRsu.amd.js +0 -2
- package/.chunks/utils-DmxcQpWA.amd.js +0 -2
- package/assets/dialog_selectorRegions.css +0 -1
- package/assets/formsExt.css +0 -1
- package/assets/listItem.css +0 -1
- package/assets/menu.css +0 -1
- package/src/components/popup/popup/opener.vue.d.ts +0 -17
- /package/src/components/project/{selectorCompetitors/selectorCompetitors.vue.d.ts → competitorSelector/competitorSelector.vue.d.ts} +0 -0
- /package/src/components/project/{selectorCompetitors → competitorSelector}/composables.d.ts +0 -0
- /package/src/components/project/{selectorCompetitors → competitorSelector}/types.d.ts +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/composables/compare.d.ts +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/composables/selectRegion.d.ts +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/composables/selectSearcher.d.ts +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/composables/selectorRegion.d.ts +0 -0
- /package/src/components/project/{selectorRegion/dialog_selectorRegions/dialog_selectorRegions.vue.d.ts → regionSelector/dialog_regionSelectorRegions/dialog_regionSelectorRegions.vue.d.ts} +0 -0
- /package/src/components/project/{selectorRegion/dialog_selectorRegions → regionSelector/dialog_regionSelectorRegions}/types.d.ts +0 -0
- /package/src/components/project/{selectorRegion/selectorRegion.vue.d.ts → regionSelector/regionSelector.vue.d.ts} +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/types.d.ts +0 -0
- /package/src/components/project/{selectorRegion → regionSelector}/utils/consts.d.ts +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { waitWhile as
|
|
3
|
-
import { historySetState as
|
|
4
|
-
import { querySelectorAllArray as
|
|
5
|
-
class
|
|
1
|
+
import { ref as g, markRaw as V, shallowReactive as M, defineComponent as C, onUnmounted as S, createElementBlock as U, openBlock as v, Fragment as b, renderList as O, unref as R, createBlock as T, resolveDynamicComponent as k } from "vue";
|
|
2
|
+
import { waitWhile as B } from "../utils/system.js";
|
|
3
|
+
import { historySetState as P, genHash as A, getHash as x } from "../utils/route.js";
|
|
4
|
+
import { querySelectorAllArray as y, isVisible as H } from "../utils/dom.js";
|
|
5
|
+
class r {
|
|
6
6
|
static state = {
|
|
7
7
|
load: void 0,
|
|
8
8
|
decoratorOnCreate: void 0,
|
|
@@ -21,64 +21,63 @@ class c {
|
|
|
21
21
|
*/
|
|
22
22
|
static init(e) {
|
|
23
23
|
if (this.inited) return;
|
|
24
|
-
this.inited = !0, this.state.load = e
|
|
25
|
-
const
|
|
26
|
-
window.addEventListener("hashchange", (
|
|
27
|
-
this.opendDialogsFromChangeUrl(
|
|
28
|
-
}), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (
|
|
29
|
-
if (!(
|
|
30
|
-
const i =
|
|
24
|
+
this.inited = !0, this.state.load = e?.load, this.state.decoratorOnCreate = e?.decoratorOnCreate;
|
|
25
|
+
const t = e?.autoInitDelay ?? 5e3;
|
|
26
|
+
window.addEventListener("hashchange", (a) => {
|
|
27
|
+
this.opendDialogsFromChangeUrl(a.oldURL, a.newURL);
|
|
28
|
+
}), this.opendDialogsFromChangeUrl("", location.href), document.addEventListener("mousedown", async (a) => {
|
|
29
|
+
if (!(a.target instanceof HTMLElement)) return;
|
|
30
|
+
const i = a.target.closest("a[data-to-view]");
|
|
31
31
|
if (!i) return;
|
|
32
32
|
let n = "next";
|
|
33
|
-
i.dataset.action === "top-dialog-close" && (n = "prev"), i.href =
|
|
34
|
-
}), document.addEventListener("click", async (
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
const i = t.target.closest("[data-to-view]");
|
|
33
|
+
i.dataset.action === "top-dialog-close" && (n = "prev"), i.href = r.genViewPageHash(i.dataset.toView, n);
|
|
34
|
+
}), document.addEventListener("click", async (a) => {
|
|
35
|
+
if (!(a.target instanceof HTMLElement)) return;
|
|
36
|
+
const i = a.target.closest("[data-to-view]");
|
|
38
37
|
if (!i) return;
|
|
39
38
|
if (i instanceof HTMLAnchorElement && i.href === ".") {
|
|
40
|
-
|
|
41
|
-
const
|
|
39
|
+
a.preventDefault();
|
|
40
|
+
const w = new MouseEvent("mousedown", {
|
|
42
41
|
bubbles: !0,
|
|
43
42
|
cancelable: !0,
|
|
44
43
|
view: window
|
|
45
44
|
});
|
|
46
|
-
i.dispatchEvent(
|
|
45
|
+
i.dispatchEvent(w), setTimeout(() => i.click());
|
|
47
46
|
return;
|
|
48
47
|
}
|
|
49
|
-
const n = await this.getDialogsUtils(),
|
|
50
|
-
let
|
|
51
|
-
if (
|
|
52
|
-
const
|
|
53
|
-
const h =
|
|
54
|
-
return h &&
|
|
48
|
+
const n = await this.getDialogsUtils(), o = i.dataset.toView, u = o.split("-")[0], d = n.getElDialogById(u);
|
|
49
|
+
let p = "next";
|
|
50
|
+
if (d) {
|
|
51
|
+
const w = y(d, ".modal-layer"), D = w.reduce((f, E) => {
|
|
52
|
+
const h = E.querySelector(":scope > .active");
|
|
53
|
+
return h && f.push(h), f;
|
|
55
54
|
}, []);
|
|
56
|
-
if (
|
|
57
|
-
const
|
|
58
|
-
(
|
|
59
|
-
const
|
|
60
|
-
return
|
|
61
|
-
}, [])[0]
|
|
55
|
+
if (D.length) {
|
|
56
|
+
const f = o.split("-")[1].split(":")[0];
|
|
57
|
+
(w.reduce((h, L) => {
|
|
58
|
+
const N = L?.querySelector(`:scope > [data-view-page="${f}"]`);
|
|
59
|
+
return N && h.push(N), h;
|
|
60
|
+
}, [])[0]?.dataset.order ?? 0) < (D[0]?.dataset.order ?? 0) && (p = "prev");
|
|
62
61
|
}
|
|
63
62
|
}
|
|
64
|
-
i.dataset.action === "top-dialog-close" && (
|
|
65
|
-
const
|
|
63
|
+
i.dataset.action === "top-dialog-close" && (p = "prev");
|
|
64
|
+
const m = r.genViewPageHash(o, p);
|
|
66
65
|
if (i instanceof HTMLAnchorElement) {
|
|
67
|
-
if (!
|
|
68
|
-
if (location.hash.indexOf(
|
|
69
|
-
await n.toViewDirty(
|
|
66
|
+
if (!d || !H(d)) return;
|
|
67
|
+
if (location.hash.indexOf(o.replace("-", "=")) !== -1) {
|
|
68
|
+
await n.toViewDirty(o);
|
|
70
69
|
return;
|
|
71
70
|
}
|
|
72
71
|
}
|
|
73
|
-
!!
|
|
74
|
-
}), setTimeout(() => this.getDialogsUtils(),
|
|
72
|
+
!!d?.dataset.toViewReplace ? (a.preventDefault(), P(!0, m), await n.toViewDirty(o), p == "next" ? r.state.viewPageN++ : r.state.viewPageN--) : i.tagName !== "A" && (this.compareStates(m, location.hash) ? P(!1, m) : await n.toViewDirty(o));
|
|
73
|
+
}), setTimeout(() => this.getDialogsUtils(), t);
|
|
75
74
|
}
|
|
76
|
-
static opendDialogsFromChangeUrl(e,
|
|
77
|
-
const
|
|
78
|
-
this.compareStates(
|
|
75
|
+
static opendDialogsFromChangeUrl(e, t) {
|
|
76
|
+
const a = e.replace(/.*?#/, "#"), s = t.replace(/.*?#/, "#");
|
|
77
|
+
this.compareStates(a, s) && this.opendDialogsFromUrl();
|
|
79
78
|
}
|
|
80
79
|
static async getDialogsUtils() {
|
|
81
|
-
const { TopDialogUtils: e } = await import("./utils-
|
|
80
|
+
const { TopDialogUtils: e } = await import("./utils-Bu-TI6uw.es.js");
|
|
82
81
|
return e;
|
|
83
82
|
}
|
|
84
83
|
static getDialog(e) {
|
|
@@ -109,78 +108,78 @@ class c {
|
|
|
109
108
|
* @deprecated Для обратной совместимости
|
|
110
109
|
*/
|
|
111
110
|
static get$pairPage(e) {
|
|
112
|
-
const
|
|
113
|
-
return $('[data-view-page="' + s + '"]',
|
|
111
|
+
const t = r.get$dialog(e), s = r.get$page(e).data("view-page");
|
|
112
|
+
return $('[data-view-page="' + s + '"]', t);
|
|
114
113
|
}
|
|
115
114
|
static getPairPage(e) {
|
|
116
|
-
const
|
|
117
|
-
if (!
|
|
118
|
-
const
|
|
119
|
-
return
|
|
115
|
+
const t = r.getDialog(e);
|
|
116
|
+
if (!t) return;
|
|
117
|
+
const s = r.getPage(e)?.dataset.viewPage;
|
|
118
|
+
return y(t, `[data-view-page="${s}"]`);
|
|
120
119
|
}
|
|
121
120
|
/**
|
|
122
121
|
* Закрыть диалоговое окно
|
|
123
122
|
*/
|
|
124
123
|
static close(e) {
|
|
125
|
-
const
|
|
126
|
-
if (
|
|
127
|
-
|
|
124
|
+
const t = $("#" + e);
|
|
125
|
+
if (t.dialog("instance")) {
|
|
126
|
+
t.dialog("close");
|
|
128
127
|
return;
|
|
129
128
|
}
|
|
130
|
-
const
|
|
131
|
-
|
|
129
|
+
const a = document.getElementById(e);
|
|
130
|
+
a instanceof HTMLDialogElement && a.close();
|
|
132
131
|
}
|
|
133
132
|
/**
|
|
134
133
|
* Размонтировать $.dialog
|
|
135
134
|
*/
|
|
136
135
|
static destroy(e) {
|
|
137
|
-
const
|
|
138
|
-
if (
|
|
139
|
-
|
|
136
|
+
const t = $("#" + e);
|
|
137
|
+
if (t.dialog("instance")) {
|
|
138
|
+
t.dialog("close"), t.dialog("destroy");
|
|
140
139
|
return;
|
|
141
140
|
}
|
|
142
|
-
const
|
|
143
|
-
|
|
141
|
+
const a = document.getElementById(e);
|
|
142
|
+
a instanceof HTMLDialogElement && a.close();
|
|
144
143
|
}
|
|
145
144
|
/**
|
|
146
145
|
* Сгенерировать ссылку на страницу в диалоговом окне
|
|
147
146
|
* @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
|
|
148
147
|
* @param moveDirection
|
|
149
148
|
*/
|
|
150
|
-
static genViewPageHash(e,
|
|
151
|
-
let
|
|
152
|
-
|
|
149
|
+
static genViewPageHash(e, t = "next") {
|
|
150
|
+
let a = this.state.viewPageN;
|
|
151
|
+
t == "prev" ? a-- : a++;
|
|
153
152
|
const s = e.split("-"), i = s.shift(), n = s.join("-");
|
|
154
|
-
let
|
|
155
|
-
return
|
|
153
|
+
let o = A("vpn", a);
|
|
154
|
+
return o = A("view-" + i, n, o), o;
|
|
156
155
|
}
|
|
157
156
|
/**
|
|
158
157
|
* Сравнить версию открытых диалоговых окон
|
|
159
158
|
* @returns вернет true, если состояния открытых окон изменилось
|
|
160
159
|
*/
|
|
161
|
-
static compareStates(e,
|
|
162
|
-
const
|
|
163
|
-
return !!(
|
|
164
|
-
const u = s[
|
|
160
|
+
static compareStates(e, t) {
|
|
161
|
+
const a = e.match(/[#&]view-[^&]+/g) || [], s = t.match(/[#&]view-[^&]+/g) || [];
|
|
162
|
+
return !!(a.length !== s.length || a.filter((n, o) => {
|
|
163
|
+
const u = s[o] || "";
|
|
165
164
|
return n !== u;
|
|
166
165
|
}).length);
|
|
167
166
|
}
|
|
168
167
|
static opendDialogsFromUrl = async () => {
|
|
169
|
-
const e = Number(
|
|
170
|
-
let
|
|
171
|
-
const
|
|
172
|
-
for (;
|
|
168
|
+
const e = Number(x("vpn")) || 0;
|
|
169
|
+
let t;
|
|
170
|
+
const a = new RegExp("view-((\\w+)=([\\w-]+)(?::([\\w.:-]+))?)", "g");
|
|
171
|
+
for (; t = a.exec(location.hash); ) {
|
|
173
172
|
let i = "next";
|
|
174
|
-
return e < this.state.viewPageN && (i = "prev"), (await this.getDialogsUtils()).toViewDirty(
|
|
173
|
+
return e < this.state.viewPageN && (i = "prev"), (await this.getDialogsUtils()).toViewDirty(t[1], i);
|
|
175
174
|
}
|
|
176
|
-
return
|
|
175
|
+
return y(document, ".ui-dialog-content[data-view-page-active]").filter((i) => H(i)).forEach((i) => {
|
|
177
176
|
const n = i.getAttribute("id");
|
|
178
177
|
if (!n) throw "Диалоговое окно не содержит id";
|
|
179
|
-
|
|
178
|
+
x("view-" + n) || $(i).dialog("close");
|
|
180
179
|
}), this.state.viewPageN = e, !0;
|
|
181
180
|
};
|
|
182
181
|
}
|
|
183
|
-
class
|
|
182
|
+
class F {
|
|
184
183
|
/**
|
|
185
184
|
* Индентификатор, определяется на уровне компонента TopDialogComponent
|
|
186
185
|
*
|
|
@@ -200,31 +199,31 @@ class I {
|
|
|
200
199
|
*
|
|
201
200
|
* Устанавливается после первого вызова useTopDialog()
|
|
202
201
|
*/
|
|
203
|
-
isMounted =
|
|
202
|
+
isMounted = g(!1);
|
|
204
203
|
/**
|
|
205
204
|
* Компонент готов к использованию
|
|
206
205
|
*
|
|
207
206
|
* Используется для внутренних преобразований после отрисовки
|
|
208
207
|
*/
|
|
209
|
-
isReady =
|
|
208
|
+
isReady = g(!1);
|
|
210
209
|
/**
|
|
211
210
|
* Диалоговое окно открыто
|
|
212
211
|
*/
|
|
213
|
-
isOpened =
|
|
212
|
+
isOpened = g(!1);
|
|
214
213
|
/**
|
|
215
214
|
* Имя активной страницы дилогового окна
|
|
216
215
|
*/
|
|
217
|
-
pageActive =
|
|
216
|
+
pageActive = g("");
|
|
218
217
|
/**
|
|
219
218
|
* Диалоговое окно находится в состоянии загрузки своей страницы
|
|
220
219
|
*/
|
|
221
|
-
isLoadingPage =
|
|
220
|
+
isLoadingPage = g(!1);
|
|
222
221
|
/**
|
|
223
222
|
* Следующая активная страница
|
|
224
223
|
*
|
|
225
224
|
* В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
|
|
226
225
|
*/
|
|
227
|
-
pageActiveNext =
|
|
226
|
+
pageActiveNext = g("");
|
|
228
227
|
/**
|
|
229
228
|
* props компонента, доступны после инициализации
|
|
230
229
|
*/
|
|
@@ -240,31 +239,31 @@ class I {
|
|
|
240
239
|
*/
|
|
241
240
|
onCloseOnce;
|
|
242
241
|
constructor(e) {
|
|
243
|
-
this.id = e.id, this.idAttr = "dialog_" + e.id, this.Component =
|
|
242
|
+
this.id = e.id, this.idAttr = "dialog_" + e.id, this.Component = V(e);
|
|
244
243
|
}
|
|
245
244
|
/**
|
|
246
245
|
* Событие - компонент инициирован
|
|
247
246
|
*/
|
|
248
|
-
onMounted(e,
|
|
249
|
-
this.isMounted.value = !0, this.props = e.props, this.emit =
|
|
247
|
+
onMounted(e, t) {
|
|
248
|
+
this.isMounted.value = !0, this.props = e.props, this.emit = t.emit;
|
|
250
249
|
}
|
|
251
250
|
/**
|
|
252
251
|
* Открыть диалоговое окно
|
|
253
252
|
*
|
|
254
253
|
* Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
|
|
255
254
|
*/
|
|
256
|
-
async open(e = "main",
|
|
257
|
-
|
|
255
|
+
async open(e = "main", t, a = [], s, i) {
|
|
256
|
+
t && await this.setProps(t), s && (this.onCloseOnce = s), await (await r.getDialogsUtils()).toView(this.idAttr, e, a, i);
|
|
258
257
|
}
|
|
259
258
|
/**
|
|
260
259
|
* Открыть диалоговое окно как ссылку, для хеш-навигации
|
|
261
260
|
*
|
|
262
261
|
* Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
|
|
263
262
|
*/
|
|
264
|
-
async openAsLink(e = "main",
|
|
265
|
-
|
|
266
|
-
const n = this.idAttr + "-" + e,
|
|
267
|
-
|
|
263
|
+
async openAsLink(e = "main", t, a = [], s, i) {
|
|
264
|
+
t && await this.setProps(t), s && (this.onCloseOnce = s);
|
|
265
|
+
const n = this.idAttr + "-" + e, o = r.genViewPageHash(n, i);
|
|
266
|
+
P(!1, o);
|
|
268
267
|
}
|
|
269
268
|
/**
|
|
270
269
|
* Закрыть диалоговое окно
|
|
@@ -272,13 +271,13 @@ class I {
|
|
|
272
271
|
* Не меняет состояние компонента диалогового окна
|
|
273
272
|
*/
|
|
274
273
|
async close() {
|
|
275
|
-
|
|
274
|
+
r.close(this.idAttr);
|
|
276
275
|
}
|
|
277
276
|
/**
|
|
278
277
|
* Размонтировать $.dialog
|
|
279
278
|
*/
|
|
280
279
|
async destroy() {
|
|
281
|
-
|
|
280
|
+
r.destroy(this.idAttr);
|
|
282
281
|
}
|
|
283
282
|
/**
|
|
284
283
|
* Устанвоить props
|
|
@@ -286,9 +285,9 @@ class I {
|
|
|
286
285
|
* Полностью сбрасывается состояние props
|
|
287
286
|
*/
|
|
288
287
|
async setProps(e = {}) {
|
|
289
|
-
this.isMounted || await
|
|
290
|
-
for (const
|
|
291
|
-
this.props[
|
|
288
|
+
this.isMounted || await B(() => !this.props);
|
|
289
|
+
for (const t in this.props)
|
|
290
|
+
this.props[t] = e[t];
|
|
292
291
|
}
|
|
293
292
|
/**
|
|
294
293
|
* Проверить, есть ли необходимость отрисовки страницы диалогового окна
|
|
@@ -297,28 +296,28 @@ class I {
|
|
|
297
296
|
return this.isOpened.value ? this.pageActive.value === e || this.pageActiveNext.value === e : !1;
|
|
298
297
|
}
|
|
299
298
|
}
|
|
300
|
-
const
|
|
299
|
+
const _ = {
|
|
301
300
|
class: "top-dialogs",
|
|
302
301
|
style: { display: "none" }
|
|
303
|
-
},
|
|
304
|
-
if (!
|
|
305
|
-
throw console.log({ TopDialogComponent:
|
|
306
|
-
return
|
|
307
|
-
},
|
|
302
|
+
}, c = M(/* @__PURE__ */ new Map()), J = (l) => (l = l.replace(/^dialog_/, ""), c.get(l)), K = (l) => {
|
|
303
|
+
if (!l?.id)
|
|
304
|
+
throw console.log({ TopDialogComponent: l }), new Error("Expected TopDialogComponent");
|
|
305
|
+
return c.has(l.id) || c.set(l.id, new F(l)), c.get(l.id);
|
|
306
|
+
}, Q = /* @__PURE__ */ C({
|
|
308
307
|
name: "DialogWrapper",
|
|
309
308
|
__name: "dialogs",
|
|
310
|
-
setup(
|
|
311
|
-
return
|
|
312
|
-
|
|
313
|
-
}), (e,
|
|
314
|
-
(
|
|
309
|
+
setup(l) {
|
|
310
|
+
return S(() => {
|
|
311
|
+
c.forEach((e) => e.destroy()), c.clear();
|
|
312
|
+
}), (e, t) => (v(), U("div", _, [
|
|
313
|
+
(v(!0), U(b, null, O(R(c), ([a, s]) => (v(), T(k(s.Component), { key: a }))), 128))
|
|
315
314
|
]));
|
|
316
315
|
}
|
|
317
316
|
});
|
|
318
317
|
export {
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
318
|
+
r as T,
|
|
319
|
+
Q as _,
|
|
320
|
+
K as a,
|
|
321
|
+
J as g
|
|
323
322
|
};
|
|
324
|
-
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-
|
|
323
|
+
//# sourceMappingURL=dialogs.vue_vue_type_script_setup_true_lang-BP6GFkkz.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-DvkvzHEY.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';\nimport type { ElTopDialog, ElTopDialogOpener, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';\nimport { isVisible, querySelectorAllArray } from '@/core/utils/dom';\nimport type { $el } from '@/components/types';\n\nexport abstract class TopDialogWorker {\n\tstatic state = {\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\n\n\t\t/**\n\t\t * Порядковый номер перехода в диалоговых окнах\n\t\t *\n\t\t * Для расчета анимации Вперед / Назад\n\t\t */\n\t\tviewPageN: 0,\n\t};\n\n\tprivate static inited = false;\n\n\t/**\n\t * Инициировать события слежения за парамтерами url\n\t *\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\n\t */\n\tstatic init(options?: TopDialogOptions) {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\n\t\tthis.state.load = options?.load;\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\n\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\n\n\t\twindow.addEventListener('hashchange', (e) => {\n\t\t\tthis.opendDialogsFromChangeUrl(e.oldURL, e.newURL);\n\t\t});\n\n\t\tthis.opendDialogsFromChangeUrl('', location.href);\n\n\t\t/**\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\n\t\t */\n\t\tdocument.addEventListener('mousedown', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener<HTMLAnchorElement>>('a[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// const toView = el.dataset.toView;\n\t\t\t// const viewName = toView.split('-')[0];\n\t\t\t// const $toDialog = $('#' + viewName);\n\t\t\t// const $modalLayers = $('> .modal-layer', $toDialog);\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\t// /**\n\t\t\t// * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\n\t\t\t// */\n\t\t\t// if ($currentPage.length) {\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t//\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\n\t\t\t//\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\n\t\t\t//\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\n\t\t\t// }\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\n\t\t});\n\n\t\t/**\n\t\t * Осуществить переход по ссылке с учетом historyType\n\t\t */\n\t\tdocument.addEventListener('click', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener>('[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// Подождать генерацию ссылки\n\t\t\tif (el instanceof HTMLAnchorElement && el.href === '.') {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tconst mouseEvent = new MouseEvent('mousedown', {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcancelable: true,\n\t\t\t\t\tview: window,\n\t\t\t\t});\n\n\t\t\t\tel.dispatchEvent(mouseEvent);\n\n\t\t\t\tsetTimeout(() => el.click());\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\tconst toView = el.dataset.toView;\n\t\t\tconst viewName = toView.split('-')[0];\n\n\t\t\tconst elDialog = TopDialogUtils.getElDialogById(viewName);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\tif (elDialog) {\n\t\t\t\tconst elModalLayers = querySelectorAllArray(elDialog, '.modal-layer');\n\t\t\t\tconst elCurrentPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\tconst elCurrentPage = el.querySelector<ElTopDialogPage>(':scope > .active');\n\n\t\t\t\t\tif (elCurrentPage) acc.push(elCurrentPage);\n\n\t\t\t\t\treturn acc;\n\t\t\t\t}, []);\n\n\t\t\t\tif (elCurrentPages.length) {\n\t\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t\t\tconst elNextPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\t\tconst elNextPage = el?.querySelector<ElTopDialogPage>(`:scope > [data-view-page=\"${pageName}\"]`);\n\n\t\t\t\t\t\tif (elNextPage) acc.push(elNextPage);\n\n\t\t\t\t\t\treturn acc;\n\t\t\t\t\t}, []);\n\n\t\t\t\t\tif ((elNextPages[0]?.dataset.order ?? 0) < (elCurrentPages[0]?.dataset.order ?? 0)) moveDirection = 'prev';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\n\n\t\t\tif (el instanceof HTMLAnchorElement) {\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\n\t\t\t\tif (!elDialog || !isVisible(elDialog)) return;\n\n\t\t\t\t// в адресе уже указана эта страница, необходимо явно запросить ее открытие\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst replaceHistory = !!elDialog?.dataset.toViewReplace;\n\n\t\t\tif (replaceHistory) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\thistorySetState(true, hash);\n\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\tif (moveDirection == 'next') {\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\n\t\t\t\t} else {\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (el.tagName !== 'A') {\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\n\t\t\t\t\t\thistorySetState(false, hash);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\n\t}\n\n\tprivate static opendDialogsFromChangeUrl(oldUrl: string, newUrl: string) {\n\t\tconst oldHash = oldUrl.replace(/.*?#/, '#');\n\t\tconst newHash = newUrl.replace(/.*?#/, '#');\n\n\t\tconst dialogsStateChanged = this.compareStates(oldHash, newHash);\n\t\tif (dialogsStateChanged) void this.opendDialogsFromUrl();\n\t}\n\n\tstatic async getDialogsUtils() {\n\t\tconst { TopDialogUtils } = await import('./utils');\n\n\t\treturn TopDialogUtils;\n\t}\n\n\tstatic getDialog(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialog>('.ui-dialog-content');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getDialog()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$dialog($el: $el) {\n\t\treturn $el.closest('.ui-dialog-content');\n\t};\n\n\tstatic getPage(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialogPage>('[data-view-page]');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$page($el: $el) {\n\t\treturn $el.closest('[data-view-page]');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPairPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$pairPage($el: $el) {\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\n\n\t\tconst $page = TopDialogWorker.get$page($el);\n\t\tconst pageName = $page.data('view-page');\n\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\n\t};\n\n\tstatic getPairPage(el: HTMLElement) {\n\t\tconst elDialog = TopDialogWorker.getDialog(el);\n\t\tif (!elDialog) return;\n\n\t\tconst elPage = TopDialogWorker.getPage(el);\n\t\tconst pageName = elPage?.dataset.viewPage;\n\n\t\treturn querySelectorAllArray(elDialog, `[data-view-page=\"${pageName}\"]`);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно\n\t */\n\tstatic close(dialogId: string) {\n\t\tconst $dialog = $('#' + dialogId);\n\t\tif ($dialog.dialog('instance')) {\n\t\t\t$dialog.dialog('close');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst elDialog = document.getElementById(dialogId);\n\n\t\tif (!(elDialog instanceof HTMLDialogElement)) return;\n\n\t\telDialog.close();\n\t};\n\n\t/**\n\t * Размонтировать $.dialog\n\t */\n\tstatic destroy(dialogId: string) {\n\t\tconst $dialog = $('#' + dialogId);\n\n\t\tif ($dialog.dialog('instance')) {\n\t\t\t$dialog.dialog('close');\n\t\t\t$dialog.dialog('destroy');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst elDialog = document.getElementById(dialogId);\n\t\tif (!(elDialog instanceof HTMLDialogElement)) return;\n\n\t\telDialog.close();\n\t};\n\n\t/**\n\t * Сгенерировать ссылку на страницу в диалоговом окне\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\n\t * @param moveDirection\n\t */\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\n\t\tlet toViewPageN = this.state.viewPageN;\n\t\tif (moveDirection == 'prev') {\n\t\t\ttoViewPageN--;\n\t\t} else {\n\t\t\ttoViewPageN++;\n\t\t}\n\n\t\tconst viewNameAndPageLink = toView.split('-');\n\t\tconst viewName = viewNameAndPageLink.shift();\n\t\tconst pageLink = viewNameAndPageLink.join('-');\n\n\t\tlet hash = genHash('vpn', toViewPageN);\n\t\thash = genHash('view-' + viewName, pageLink, hash);\n\n\t\treturn hash;\n\t};\n\n\t/**\n\t * Сравнить версию открытых диалоговых окон\n\t * @returns вернет true, если состояния открытых окон изменилось\n\t */\n\tstatic compareStates(hash: string, hash2: string) {\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\n\n\t\tif (mathes.length !== mathes2.length) return true;\n\n\t\tconst mathesChanged = mathes.filter((math, n) => {\n\t\t\tconst math2 = mathes2[n] || '';\n\n\t\t\treturn math !== math2;\n\t\t});\n\n\t\tif (mathesChanged.length) return true;\n\n\t\treturn false;\n\t};\n\n\tstatic opendDialogsFromUrl = async () => {\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\n\n\t\t// Открыть диалоговое окно\n\t\tlet view: RegExpExecArray | null;\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\n\n\t\t// TODO: Цикл делает только одну оперцию и выходит (возможно, оставлен специально с какой-то целью, если нет - заменить на if)\n\t\twhile (view = regexp.exec(location.hash)) {\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\n\t\t}\n\n\t\t// Закрыть ненужные view\n\t\tconst elDialogs = querySelectorAllArray(document, '.ui-dialog-content[data-view-page-active]') as HTMLDialogElement[];\n\t\telDialogs.filter((elDialog) => {\n\t\t\treturn isVisible(elDialog);\n\t\t}).forEach((elDialog) => {\n\t\t\tconst viewName = elDialog.getAttribute('id');\n\t\t\tif (!viewName) throw 'Диалоговое окно не содержит id';\n\t\t\tconst pageName = getHash('view-' + viewName);\n\t\t\tif (!pageName) {\n\t\t\t\tconst $dialog = $(elDialog);\n\n\t\t\t\t$dialog.dialog('close');\n\t\t\t}\n\t\t});\n\n\t\tthis.state.viewPageN = toViewPageN;\n\n\t\treturn true;\n\t};\n}\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\nimport { waitWhile } from '@/core/utils/system';\nimport TopDialog from '../dialog.vue';\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\nimport type { MoveDirection } from '@/components/dialog/lib/types';\nimport type { TopDialogComponent } from './types';\nimport { historySetState } from '@/core/utils/route';\n\n/**\n * Объект для работы с диалоговым окном\n *\n * Каждое окно уникально и может быть открыто одновременно только один раз\n *\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\n */\nexport class TopDialogHandle<T extends TopDialogComponent> {\n\n\t/**\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\n\t *\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\n\t */\n\tid: string;\n\n\t/**\n\t * ID, используемый в верстке диалогового окна\n\t */\n\tidAttr: string;\n\n\t/**\n\t * Пользовательский компонент диалогового окна\n\t */\n\tComponent: T;\n\n\t/**\n\t * Компонент инициирован\n\t *\n\t * Устанавливается после первого вызова useTopDialog()\n\t */\n\tisMounted = ref(false);\n\n\t/**\n\t * Компонент готов к использованию\n\t *\n\t * Используется для внутренних преобразований после отрисовки\n\t */\n\tisReady = ref(false);\n\n\t/**\n\t * Диалоговое окно открыто\n\t */\n\tisOpened = ref(false);\n\n\t/**\n\t * Имя активной страницы дилогового окна\n\t */\n\tpageActive = ref('');\n\n\t/**\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\n\t */\n\tisLoadingPage = ref(false);\n\n\t/**\n\t * Следующая активная страница\n\t *\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\n\t */\n\tpageActiveNext = ref('');\n\n\t/**\n\t * props компонента, доступны после инициализации\n\t */\n\tprops?: ComponentInstance<T>['$props'];\n\n\t/**\n\t * emit базового компонента `TopDialog`\n\t */\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\n\n\t/**\n\t * Одноразовое событие на закрытие диалогового окна\n\t *\n\t * Используется для привязки окна к сценариям использования\n\t */\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\n\n\tconstructor(TopDialogComponent: T) {\n\t\tthis.id = TopDialogComponent.id!;\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\n\t\tthis.Component = markRaw(TopDialogComponent);\n\t}\n\n\t/**\n\t * Событие - компонент инициирован\n\t */\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\n\t\tthis.isMounted.value = true;\n\t\tthis.props = topDialogComponent.props;\n\t\tthis.emit = topDialogBaseComponent.emit;\n\t}\n\n\t/**\n\t * Открыть диалоговое окно\n\t *\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\n\t */\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\n\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\n\t};\n\n\t/**\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\n\t *\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\n\t */\n\tasync openAsLink(\n\t\tpageName: string = 'main',\n\t\tprops?: {},\n\t\t_args: string[] = [],\n\t\tonCloseOnce?: typeof this.onCloseOnce,\n\t\tmoveDirection?: MoveDirection,\n\t) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst viewName = this.idAttr + '-' + pageName;\n\n\t\tconst hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\n\t\thistorySetState(false, hash);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно\n\t *\n\t * Не меняет состояние компонента диалогового окна\n\t */\n\tasync close() {\n\t\tTopDialogWorker.close(this.idAttr);\n\t};\n\n\t/**\n\t * Размонтировать $.dialog\n\t */\n\tasync destroy() {\n\t\tTopDialogWorker.destroy(this.idAttr);\n\t}\n\n\t/**\n\t * Устанвоить props\n\t *\n\t * Полностью сбрасывается состояние props\n\t */\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\n\t\t// ожидание инициализации компонента\n\t\tif (!this.isMounted) {\n\t\t\tawait waitWhile(() => !this.props);\n\t\t}\n\n\t\tfor (const name in this.props) {\n\t\t\tthis.props[name] = props[name];\n\t\t}\n\t}\n\n\t/**\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\n\t */\n\tneedShowPage(pageName: string): boolean {\n\t\tif (!this.isOpened.value) return false;\n\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\n\t}\n}\n","<script lang=\"ts\">\nimport { shallowReactive } from 'vue';\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\n\n/**\n * Словарь всех используемых диалоговых окон\n *\n * В других компонентах не использовать\n */\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\n\n/**\n * Получить компонент диалогового окна по id\n */\nexport const getDialogWorker = (id: string) => {\n\tid = id.replace(/^dialog_/, '');\n\n\treturn dialogsWorkers.get(id);\n};\n\n/**\n * Добавить компонент диалогового окна для использования\n */\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\n\tif (!TopDialogComponent?.id) {\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\n\n\t\tthrow new Error('Expected TopDialogComponent');\n\t}\n\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\n\t}\n\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { onUnmounted } from 'vue';\n\ndefineOptions({\n\tname: 'DialogWrapper',\n});\n\nonUnmounted(() => {\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\n\tdialogsWorkers.clear();\n});\n</script>\n\n<template>\n\t<div class=\"top-dialogs\" style=\"display: none;\">\n\t\t<component\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\n\t\t\t:is=\"dialog.Component\"\n\t\t\t:key=\"dialogId\"\n\t\t/>\n\t</div>\n</template>\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","moveDirection","mouseEvent","TopDialogUtils","toView","viewName","elDialog","elModalLayers","querySelectorAllArray","elCurrentPages","acc","elCurrentPage","pageName","_a","elNextPage","_b","hash","isVisible","historySetState","oldUrl","newUrl","oldHash","newHash","$el","$dialog","elPage","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","n","math2","getHash","view","regexp","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted","dialog","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dialogs.vue_vue_type_script_setup_true_lang-BP6GFkkz.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';\nimport type { ElTopDialog, ElTopDialogOpener, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';\nimport { isVisible, querySelectorAllArray } from '@/core/utils/dom';\nimport type { $el } from '@/components/types';\n\nexport abstract class TopDialogWorker {\n\tstatic state = {\n\t\tload: undefined as TopDialogOptions['load'] | undefined,\n\t\tdecoratorOnCreate: undefined as TopDialogOptions['decoratorOnCreate'] | undefined,\n\n\t\t/**\n\t\t * Порядковый номер перехода в диалоговых окнах\n\t\t *\n\t\t * Для расчета анимации Вперед / Назад\n\t\t */\n\t\tviewPageN: 0,\n\t};\n\n\tprivate static inited = false;\n\n\t/**\n\t * Инициировать события слежения за парамтерами url\n\t *\n\t * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу\n\t */\n\tstatic init(options?: TopDialogOptions) {\n\t\tif (this.inited) return;\n\t\tthis.inited = true;\n\n\t\tthis.state.load = options?.load;\n\t\tthis.state.decoratorOnCreate = options?.decoratorOnCreate;\n\n\t\tconst autoInitDelay = options?.autoInitDelay ?? 5000;\n\n\t\twindow.addEventListener('hashchange', (e) => {\n\t\t\tthis.opendDialogsFromChangeUrl(e.oldURL, e.newURL);\n\t\t});\n\n\t\tthis.opendDialogsFromChangeUrl('', location.href);\n\n\t\t/**\n\t\t * Сгенерировать ссылку для перехода к странице диалогового окна\n\t\t */\n\t\tdocument.addEventListener('mousedown', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener<HTMLAnchorElement>>('a[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// const toView = el.dataset.toView;\n\t\t\t// const viewName = toView.split('-')[0];\n\t\t\t// const $toDialog = $('#' + viewName);\n\t\t\t// const $modalLayers = $('> .modal-layer', $toDialog);\n\t\t\t// const $currentPage = $('> .active', $modalLayers);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\t// /**\n\t\t\t// * Данный алгоритм определения направления работает не корректно, так как для чтения свойства order менят состояние через getDialogsUtils()\n\t\t\t// */\n\t\t\t// if ($currentPage.length) {\n\t\t\t// \tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t//\n\t\t\t// \tconst TopDialogUtils = await this.getDialogsUtils();\n\t\t\t//\n\t\t\t// \tawait TopDialogUtils.updatePageVue(viewName, undefined, pageName);\n\t\t\t//\n\t\t\t// \tconst $nextPage = $('> [data-view-page=\"' + pageName + '\"]', $modalLayers);\n\t\t\t// \tif ($nextPage.data('order') < $currentPage.data('order')) moveDirection = 'prev';\n\t\t\t// }\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tel.href = TopDialogWorker.genViewPageHash(el.dataset.toView, moveDirection);\n\t\t});\n\n\t\t/**\n\t\t * Осуществить переход по ссылке с учетом historyType\n\t\t */\n\t\tdocument.addEventListener('click', async (e) => {\n\t\t\tif (!(e.target instanceof HTMLElement)) return;\n\n\t\t\tconst elEventTarget = e.target;\n\n\t\t\tconst el = elEventTarget.closest<ElTopDialogOpener>('[data-to-view]');\n\t\t\tif (!el) return;\n\n\t\t\t// Подождать генерацию ссылки\n\t\t\tif (el instanceof HTMLAnchorElement && el.href === '.') {\n\t\t\t\te.preventDefault();\n\n\t\t\t\tconst mouseEvent = new MouseEvent('mousedown', {\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcancelable: true,\n\t\t\t\t\tview: window,\n\t\t\t\t});\n\n\t\t\t\tel.dispatchEvent(mouseEvent);\n\n\t\t\t\tsetTimeout(() => el.click());\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\tconst toView = el.dataset.toView;\n\t\t\tconst viewName = toView.split('-')[0];\n\n\t\t\tconst elDialog = TopDialogUtils.getElDialogById(viewName);\n\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\n\t\t\tif (elDialog) {\n\t\t\t\tconst elModalLayers = querySelectorAllArray(elDialog, '.modal-layer');\n\t\t\t\tconst elCurrentPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\tconst elCurrentPage = el.querySelector<ElTopDialogPage>(':scope > .active');\n\n\t\t\t\t\tif (elCurrentPage) acc.push(elCurrentPage);\n\n\t\t\t\t\treturn acc;\n\t\t\t\t}, []);\n\n\t\t\t\tif (elCurrentPages.length) {\n\t\t\t\t\tconst pageName = toView.split('-')[1].split(':')[0];\n\t\t\t\t\tconst elNextPages = elModalLayers.reduce<ElTopDialogPage[]>((acc, el) => {\n\t\t\t\t\t\tconst elNextPage = el?.querySelector<ElTopDialogPage>(`:scope > [data-view-page=\"${pageName}\"]`);\n\n\t\t\t\t\t\tif (elNextPage) acc.push(elNextPage);\n\n\t\t\t\t\t\treturn acc;\n\t\t\t\t\t}, []);\n\n\t\t\t\t\tif ((elNextPages[0]?.dataset.order ?? 0) < (elCurrentPages[0]?.dataset.order ?? 0)) moveDirection = 'prev';\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (el.dataset.action === 'top-dialog-close') moveDirection = 'prev';\n\n\t\t\tconst hash = TopDialogWorker.genViewPageHash(toView, moveDirection);\n\n\t\t\tif (el instanceof HTMLAnchorElement) {\n\t\t\t\t// диалоговое окно еще не открыто, произвести переход по ссылке\n\t\t\t\tif (!elDialog || !isVisible(elDialog)) return;\n\n\t\t\t\t// в адресе уже указана эта страница, необходимо явно запросить ее открытие\n\t\t\t\tif (location.hash.indexOf(toView.replace('-', '=')) !== -1) {\n\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tconst replaceHistory = !!elDialog?.dataset.toViewReplace;\n\n\t\t\tif (replaceHistory) {\n\t\t\t\te.preventDefault();\n\n\t\t\t\thistorySetState(true, hash);\n\n\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\n\t\t\t\tif (moveDirection == 'next') {\n\t\t\t\t\tTopDialogWorker.state.viewPageN++;\n\t\t\t\t} else {\n\t\t\t\t\tTopDialogWorker.state.viewPageN--;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (el.tagName !== 'A') {\n\t\t\t\t\tif (this.compareStates(hash, location.hash)) {\n\t\t\t\t\t\thistorySetState(false, hash);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tawait TopDialogUtils.toViewDirty(toView);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tsetTimeout(() => this.getDialogsUtils(), autoInitDelay);\n\t}\n\n\tprivate static opendDialogsFromChangeUrl(oldUrl: string, newUrl: string) {\n\t\tconst oldHash = oldUrl.replace(/.*?#/, '#');\n\t\tconst newHash = newUrl.replace(/.*?#/, '#');\n\n\t\tconst dialogsStateChanged = this.compareStates(oldHash, newHash);\n\t\tif (dialogsStateChanged) void this.opendDialogsFromUrl();\n\t}\n\n\tstatic async getDialogsUtils() {\n\t\tconst { TopDialogUtils } = await import('./utils');\n\n\t\treturn TopDialogUtils;\n\t}\n\n\tstatic getDialog(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialog>('.ui-dialog-content');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getDialog()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$dialog($el: $el) {\n\t\treturn $el.closest('.ui-dialog-content');\n\t};\n\n\tstatic getPage(el: HTMLElement) {\n\t\treturn el.closest<ElTopDialogPage>('[data-view-page]');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$page($el: $el) {\n\t\treturn $el.closest('[data-view-page]');\n\t};\n\n\t/**\n\t * todo: Переписать на сайте на this.getPairPage()\n\t *\n\t * @deprecated Для обратной совместимости\n\t */\n\tstatic get$pairPage($el: $el) {\n\t\tconst $dialog = TopDialogWorker.get$dialog($el);\n\n\t\tconst $page = TopDialogWorker.get$page($el);\n\t\tconst pageName = $page.data('view-page');\n\n\t\treturn $('[data-view-page=\"' + pageName + '\"]', $dialog);\n\t};\n\n\tstatic getPairPage(el: HTMLElement) {\n\t\tconst elDialog = TopDialogWorker.getDialog(el);\n\t\tif (!elDialog) return;\n\n\t\tconst elPage = TopDialogWorker.getPage(el);\n\t\tconst pageName = elPage?.dataset.viewPage;\n\n\t\treturn querySelectorAllArray(elDialog, `[data-view-page=\"${pageName}\"]`);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно\n\t */\n\tstatic close(dialogId: string) {\n\t\tconst $dialog = $('#' + dialogId);\n\t\tif ($dialog.dialog('instance')) {\n\t\t\t$dialog.dialog('close');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst elDialog = document.getElementById(dialogId);\n\n\t\tif (!(elDialog instanceof HTMLDialogElement)) return;\n\n\t\telDialog.close();\n\t};\n\n\t/**\n\t * Размонтировать $.dialog\n\t */\n\tstatic destroy(dialogId: string) {\n\t\tconst $dialog = $('#' + dialogId);\n\n\t\tif ($dialog.dialog('instance')) {\n\t\t\t$dialog.dialog('close');\n\t\t\t$dialog.dialog('destroy');\n\n\t\t\treturn;\n\t\t}\n\n\t\tconst elDialog = document.getElementById(dialogId);\n\t\tif (!(elDialog instanceof HTMLDialogElement)) return;\n\n\t\telDialog.close();\n\t};\n\n\t/**\n\t * Сгенерировать ссылку на страницу в диалоговом окне\n\t * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}\n\t * @param moveDirection\n\t */\n\tstatic genViewPageHash(toView: string, moveDirection: MoveDirection = 'next') {\n\t\tlet toViewPageN = this.state.viewPageN;\n\t\tif (moveDirection == 'prev') {\n\t\t\ttoViewPageN--;\n\t\t} else {\n\t\t\ttoViewPageN++;\n\t\t}\n\n\t\tconst viewNameAndPageLink = toView.split('-');\n\t\tconst viewName = viewNameAndPageLink.shift();\n\t\tconst pageLink = viewNameAndPageLink.join('-');\n\n\t\tlet hash = genHash('vpn', toViewPageN);\n\t\thash = genHash('view-' + viewName, pageLink, hash);\n\n\t\treturn hash;\n\t};\n\n\t/**\n\t * Сравнить версию открытых диалоговых окон\n\t * @returns вернет true, если состояния открытых окон изменилось\n\t */\n\tstatic compareStates(hash: string, hash2: string) {\n\t\tconst mathes = hash.match(/[#&]view-[^&]+/g) || [];\n\t\tconst mathes2 = hash2.match(/[#&]view-[^&]+/g) || [];\n\n\t\tif (mathes.length !== mathes2.length) return true;\n\n\t\tconst mathesChanged = mathes.filter((math, n) => {\n\t\t\tconst math2 = mathes2[n] || '';\n\n\t\t\treturn math !== math2;\n\t\t});\n\n\t\tif (mathesChanged.length) return true;\n\n\t\treturn false;\n\t};\n\n\tstatic opendDialogsFromUrl = async () => {\n\t\tconst toViewPageN = Number(getHash('vpn')) || 0;\n\n\t\t// Открыть диалоговое окно\n\t\tlet view: RegExpExecArray | null;\n\t\t// const regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)' + '(' + Math.random() + ')?', 'g'); // fix babel minify regexp\n\t\tconst regexp = new RegExp('view-((\\\\w+)=([\\\\w-]+)(?::([\\\\w.:-]+))?)', 'g');\n\n\t\t// TODO: Цикл делает только одну оперцию и выходит (возможно, оставлен специально с какой-то целью, если нет - заменить на if)\n\t\twhile (view = regexp.exec(location.hash)) {\n\t\t\tlet moveDirection: MoveDirection = 'next';\n\t\t\tif (toViewPageN < this.state.viewPageN) moveDirection = 'prev';\n\n\t\t\tconst TopDialogUtils = await this.getDialogsUtils();\n\n\t\t\treturn TopDialogUtils.toViewDirty(view[1], moveDirection);\n\t\t}\n\n\t\t// Закрыть ненужные view\n\t\tconst elDialogs = querySelectorAllArray(document, '.ui-dialog-content[data-view-page-active]') as HTMLDialogElement[];\n\t\telDialogs.filter((elDialog) => {\n\t\t\treturn isVisible(elDialog);\n\t\t}).forEach((elDialog) => {\n\t\t\tconst viewName = elDialog.getAttribute('id');\n\t\t\tif (!viewName) throw 'Диалоговое окно не содержит id';\n\t\t\tconst pageName = getHash('view-' + viewName);\n\t\t\tif (!pageName) {\n\t\t\t\tconst $dialog = $(elDialog);\n\n\t\t\t\t$dialog.dialog('close');\n\t\t\t}\n\t\t});\n\n\t\tthis.state.viewPageN = toViewPageN;\n\n\t\treturn true;\n\t};\n}\n","import { type ComponentInstance, type ComponentInternalInstance, markRaw, ref } from 'vue';\nimport { waitWhile } from '@/core/utils/system';\nimport TopDialog from '../dialog.vue';\nimport { TopDialogWorker } from '@/components/dialog/lib/worker';\nimport type { MoveDirection } from '@/components/dialog/lib/types';\nimport type { TopDialogComponent } from './types';\nimport { historySetState } from '@/core/utils/route';\n\n/**\n * Объект для работы с диалоговым окном\n *\n * Каждое окно уникально и может быть открыто одновременно только один раз\n *\n * Можно определить много окон, после чего с ними можно вести работу в любой части приложения\n */\nexport class TopDialogHandle<T extends TopDialogComponent> {\n\n\t/**\n\t * Индентификатор, определяется на уровне компонента TopDialogComponent\n\t *\n\t * Может использоваться в навигации для открытия нужных окон с нужными настройками\n\t */\n\tid: string;\n\n\t/**\n\t * ID, используемый в верстке диалогового окна\n\t */\n\tidAttr: string;\n\n\t/**\n\t * Пользовательский компонент диалогового окна\n\t */\n\tComponent: T;\n\n\t/**\n\t * Компонент инициирован\n\t *\n\t * Устанавливается после первого вызова useTopDialog()\n\t */\n\tisMounted = ref(false);\n\n\t/**\n\t * Компонент готов к использованию\n\t *\n\t * Используется для внутренних преобразований после отрисовки\n\t */\n\tisReady = ref(false);\n\n\t/**\n\t * Диалоговое окно открыто\n\t */\n\tisOpened = ref(false);\n\n\t/**\n\t * Имя активной страницы дилогового окна\n\t */\n\tpageActive = ref('');\n\n\t/**\n\t * Диалоговое окно находится в состоянии загрузки своей страницы\n\t */\n\tisLoadingPage = ref(false);\n\n\t/**\n\t * Следующая активная страница\n\t *\n\t * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию\n\t */\n\tpageActiveNext = ref('');\n\n\t/**\n\t * props компонента, доступны после инициализации\n\t */\n\tprops?: ComponentInstance<T>['$props'];\n\n\t/**\n\t * emit базового компонента `TopDialog`\n\t */\n\temit?: ComponentInstance<typeof TopDialog>['$emit'];\n\n\t/**\n\t * Одноразовое событие на закрытие диалогового окна\n\t *\n\t * Используется для привязки окна к сценариям использования\n\t */\n\tonCloseOnce?: (props: typeof this.props, pageName: string) => void;\n\n\tconstructor(TopDialogComponent: T) {\n\t\tthis.id = TopDialogComponent.id!;\n\t\tthis.idAttr = 'dialog_' + TopDialogComponent.id;\n\t\tthis.Component = markRaw(TopDialogComponent);\n\t}\n\n\t/**\n\t * Событие - компонент инициирован\n\t */\n\tonMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance) {\n\t\tthis.isMounted.value = true;\n\t\tthis.props = topDialogComponent.props;\n\t\tthis.emit = topDialogBaseComponent.emit;\n\t}\n\n\t/**\n\t * Открыть диалоговое окно\n\t *\n\t * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента\n\t */\n\tasync open(pageName: string = 'main', props?: {}, args: [] = [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst TopDialogUtils = await TopDialogWorker.getDialogsUtils();\n\n\t\tawait TopDialogUtils.toView(this.idAttr, pageName, args, moveDirection);\n\t};\n\n\t/**\n\t * Открыть диалоговое окно как ссылку, для хеш-навигации\n\t *\n\t * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader\n\t */\n\tasync openAsLink(\n\t\tpageName: string = 'main',\n\t\tprops?: {},\n\t\t_args: string[] = [],\n\t\tonCloseOnce?: typeof this.onCloseOnce,\n\t\tmoveDirection?: MoveDirection,\n\t) {\n\t\tif (props) await this.setProps(props);\n\t\tif (onCloseOnce) this.onCloseOnce = onCloseOnce;\n\n\t\tconst viewName = this.idAttr + '-' + pageName;\n\n\t\tconst hash = TopDialogWorker.genViewPageHash(viewName, moveDirection);\n\t\thistorySetState(false, hash);\n\t};\n\n\t/**\n\t * Закрыть диалоговое окно\n\t *\n\t * Не меняет состояние компонента диалогового окна\n\t */\n\tasync close() {\n\t\tTopDialogWorker.close(this.idAttr);\n\t};\n\n\t/**\n\t * Размонтировать $.dialog\n\t */\n\tasync destroy() {\n\t\tTopDialogWorker.destroy(this.idAttr);\n\t}\n\n\t/**\n\t * Устанвоить props\n\t *\n\t * Полностью сбрасывается состояние props\n\t */\n\tasync setProps(props: ComponentInstance<T>['$props'] = {}) {\n\t\t// ожидание инициализации компонента\n\t\tif (!this.isMounted) {\n\t\t\tawait waitWhile(() => !this.props);\n\t\t}\n\n\t\tfor (const name in this.props) {\n\t\t\tthis.props[name] = props[name];\n\t\t}\n\t}\n\n\t/**\n\t * Проверить, есть ли необходимость отрисовки страницы диалогового окна\n\t */\n\tneedShowPage(pageName: string): boolean {\n\t\tif (!this.isOpened.value) return false;\n\n\t\treturn this.pageActive.value === pageName || this.pageActiveNext.value === pageName;\n\t}\n}\n","<script lang=\"ts\">\nimport { shallowReactive } from 'vue';\nimport { TopDialogHandle } from '@/components/dialog/dialog/composables/dialogHandle';\nimport type { TopDialogComponent } from '@/components/dialog/dialog/composables/types';\n\n/**\n * Словарь всех используемых диалоговых окон\n *\n * В других компонентах не использовать\n */\nconst dialogsWorkers = shallowReactive(new Map<string, TopDialogHandle<TopDialogComponent>>());\n\n/**\n * Получить компонент диалогового окна по id\n */\nexport const getDialogWorker = (id: string) => {\n\tid = id.replace(/^dialog_/, '');\n\n\treturn dialogsWorkers.get(id);\n};\n\n/**\n * Добавить компонент диалогового окна для использования\n */\nexport const addDialogWorker = <T extends TopDialogComponent>(TopDialogComponent: T): TopDialogHandle<T> => {\n\tif (!TopDialogComponent?.id) {\n\t\tconsole.log({ TopDialogComponent: TopDialogComponent });\n\n\t\tthrow new Error('Expected TopDialogComponent');\n\t}\n\n\tif (!dialogsWorkers.has(TopDialogComponent.id)) {\n\t\tdialogsWorkers.set(TopDialogComponent.id, new TopDialogHandle(TopDialogComponent));\n\t}\n\n\treturn dialogsWorkers.get(TopDialogComponent.id) as TopDialogHandle<T>;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { onUnmounted } from 'vue';\n\ndefineOptions({\n\tname: 'DialogWrapper',\n});\n\nonUnmounted(() => {\n\tdialogsWorkers.forEach(dialog => dialog.destroy());\n\tdialogsWorkers.clear();\n});\n</script>\n\n<template>\n\t<div class=\"top-dialogs\" style=\"display: none;\">\n\t\t<component\n\t\t\tv-for=\"[dialogId, dialog] in dialogsWorkers\"\n\t\t\t:is=\"dialog.Component\"\n\t\t\t:key=\"dialogId\"\n\t\t/>\n\t</div>\n</template>\n"],"names":["TopDialogWorker","options","autoInitDelay","e","el","moveDirection","mouseEvent","TopDialogUtils","toView","viewName","elDialog","elModalLayers","querySelectorAllArray","elCurrentPages","acc","elCurrentPage","pageName","elNextPage","hash","isVisible","historySetState","oldUrl","newUrl","oldHash","newHash","$el","$dialog","dialogId","toViewPageN","viewNameAndPageLink","pageLink","genHash","hash2","mathes","mathes2","math","n","math2","getHash","view","regexp","TopDialogHandle","ref","TopDialogComponent","markRaw","topDialogComponent","topDialogBaseComponent","props","args","onCloseOnce","_args","waitWhile","name","dialogsWorkers","shallowReactive","getDialogWorker","id","addDialogWorker","onUnmounted","dialog","_openBlock","_createElementBlock","_hoisted_1","_Fragment","_renderList","_unref","_createBlock","_resolveDynamicComponent"],"mappings":"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"}
|