@topvisor/ui 1.1.0-addNativeDialog.6 → 1.1.0-addativeialog.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.
Files changed (127) hide show
  1. package/.chunks/{core-6NjSIwIA.amd.js → core-BJlLrRTO.amd.js} +2 -2
  2. package/.chunks/{core-6NjSIwIA.amd.js.map → core-BJlLrRTO.amd.js.map} +1 -1
  3. package/.chunks/{core-CKa0qCEH.es.js → core-kIIIPZME.es.js} +2 -2
  4. package/.chunks/{core-CKa0qCEH.es.js.map → core-kIIIPZME.es.js.map} +1 -1
  5. package/.chunks/{dialog_selectorRegions-C_RhsGzk.es.js → dialog_selectorRegions-CX2F1Li-.es.js} +3 -3
  6. package/.chunks/{dialog_selectorRegions-C_RhsGzk.es.js.map → dialog_selectorRegions-CX2F1Li-.es.js.map} +1 -1
  7. package/.chunks/{dialog_selectorRegions-BCXCCaXi.amd.js → dialog_selectorRegions-Dq3V35Xa.amd.js} +2 -2
  8. package/.chunks/{dialog_selectorRegions-BCXCCaXi.amd.js.map → dialog_selectorRegions-Dq3V35Xa.amd.js.map} +1 -1
  9. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-Cmh_EuHe.amd.js +2 -0
  10. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-Cmh_EuHe.amd.js.map +1 -0
  11. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-itEMqnD4.es.js +614 -0
  12. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-itEMqnD4.es.js.map +1 -0
  13. package/.chunks/lazy-CiM2Ny-s.amd.js +2 -0
  14. package/.chunks/lazy-CiM2Ny-s.amd.js.map +1 -0
  15. package/.chunks/lazy-Crun7esL.es.js +39 -0
  16. package/.chunks/lazy-Crun7esL.es.js.map +1 -0
  17. package/.chunks/page.vue_vue_type_script_setup_true_lang-CUYYklcQ.amd.js +2 -0
  18. package/.chunks/page.vue_vue_type_script_setup_true_lang-CUYYklcQ.amd.js.map +1 -0
  19. package/.chunks/page.vue_vue_type_script_setup_true_lang-D3VmFM-x.es.js +151 -0
  20. package/.chunks/page.vue_vue_type_script_setup_true_lang-D3VmFM-x.es.js.map +1 -0
  21. package/.chunks/{utils-Bd5whKoS.es.js → utils-BnYtfWTQ.es.js} +5 -5
  22. package/.chunks/{utils-Bd5whKoS.es.js.map → utils-BnYtfWTQ.es.js.map} +1 -1
  23. package/.chunks/{utils-BkF4g-PH.amd.js → utils-IaE6iz_-.amd.js} +2 -2
  24. package/.chunks/{utils-BkF4g-PH.amd.js.map → utils-IaE6iz_-.amd.js.map} +1 -1
  25. package/api/index.amd.js +1 -1
  26. package/api/index.amd.js.map +1 -1
  27. package/api/index.js +49 -41
  28. package/api/index.js.map +1 -1
  29. package/core/app.amd.js +1 -1
  30. package/core/app.amd.js.map +1 -1
  31. package/core/app.js +18 -16
  32. package/core/app.js.map +1 -1
  33. package/dialog/dialog.amd.js +1 -1
  34. package/dialog/dialog.amd.js.map +1 -1
  35. package/dialog/dialog.js +57 -8
  36. package/dialog/dialog.js.map +1 -1
  37. package/package.json +4 -1
  38. package/project/project.amd.js +1 -1
  39. package/project/project.js +154 -154
  40. package/types/api/api/client/client.d.ts +2 -2
  41. package/types/api/api/types/client/client.d.ts +8 -0
  42. package/types/api/api/types/client/options.d.ts +2 -2
  43. package/types/api/api/types/client/request.d.ts +2 -2
  44. package/types/api/api/types/index.d.ts +6 -5
  45. package/types/api/api/types/tv.d.ts +1 -1
  46. package/types/api/api/utils/lazy.d.ts +4 -0
  47. package/types/components/dialog/lib/types.d.ts +2 -2
  48. package/types/components/dialog/lib/utils.d.ts +12 -21
  49. package/types/components/dialog/lib/worker.d.ts +0 -2
  50. package/utils/searchers.amd.js +1 -1
  51. package/utils/searchers.js +2 -2
  52. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-BhAl3bT-.es.js +0 -700
  53. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-BhAl3bT-.es.js.map +0 -1
  54. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-DVp-tQ6l.amd.js +0 -2
  55. package/.chunks/dialogs.vue_vue_type_script_setup_true_lang-DVp-tQ6l.amd.js.map +0 -1
  56. package/.chunks/lazy-Dr-Frbwe.amd.js +0 -2
  57. package/.chunks/lazy-Dr-Frbwe.amd.js.map +0 -1
  58. package/.chunks/lazy-Dy9IVVUy.es.js +0 -19
  59. package/.chunks/lazy-Dy9IVVUy.es.js.map +0 -1
  60. package/.chunks/page.vue_vue_type_script_setup_true_lang-BgGzBbMZ.amd.js +0 -2
  61. package/.chunks/page.vue_vue_type_script_setup_true_lang-BgGzBbMZ.amd.js.map +0 -1
  62. package/.chunks/page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js +0 -176
  63. package/.chunks/page.vue_vue_type_script_setup_true_lang-BstJVz3j.es.js.map +0 -1
  64. package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js +0 -2
  65. package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-B6ollFUC.amd.js.map +0 -1
  66. package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js +0 -56
  67. package/.chunks/pageComponent.vue_vue_type_script_setup_true_lang-DbaqFJra.es.js.map +0 -1
  68. package/dialogV1AndDialogV2/dialog.amd.js +0 -2
  69. package/dialogV1AndDialogV2/dialog.amd.js.map +0 -1
  70. package/dialogV1AndDialogV2/dialog.js +0 -11
  71. package/dialogV1AndDialogV2/dialog.js.map +0 -1
  72. package/dialogV1Original/dialog.amd.js +0 -2
  73. package/dialogV1Original/dialog.amd.js.map +0 -1
  74. package/dialogV1Original/dialog.js +0 -11
  75. package/dialogV1Original/dialog.js.map +0 -1
  76. package/dialogV2/dialog.amd.js +0 -2
  77. package/dialogV2/dialog.amd.js.map +0 -1
  78. package/dialogV2/dialog.js +0 -11
  79. package/dialogV2/dialog.js.map +0 -1
  80. package/types/components/dialogV1AndDialogV2/dialog/composables/asyncDialogHandle.d.ts +0 -51
  81. package/types/components/dialogV1AndDialogV2/dialog/composables/dialogHandle.d.ts +0 -108
  82. package/types/components/dialogV1AndDialogV2/dialog/composables/types.d.ts +0 -11
  83. package/types/components/dialogV1AndDialogV2/dialog/composables/utils.d.ts +0 -23
  84. package/types/components/dialogV1AndDialogV2/dialog/dialog.vue.d.ts +0 -28
  85. package/types/components/dialogV1AndDialogV2/dialog/dialogs/dialogs.vue.d.ts +0 -13
  86. package/types/components/dialogV1AndDialogV2/dialog/page/types.d.ts +0 -72
  87. package/types/components/dialogV1AndDialogV2/dialog/pageComponent/types.d.ts +0 -18
  88. package/types/components/dialogV1AndDialogV2/dialog/stories/dialog_example/pages/utils.d.ts +0 -7
  89. package/types/components/dialogV1AndDialogV2/dialog/types.d.ts +0 -58
  90. package/types/components/dialogV1AndDialogV2/dialog.d.ts +0 -6
  91. package/types/components/dialogV1AndDialogV2/lib/types.d.ts +0 -44
  92. package/types/components/dialogV1AndDialogV2/lib/utils.d.ts +0 -18
  93. package/types/components/dialogV1AndDialogV2/lib/utils.globalEvents.d.ts +0 -8
  94. package/types/components/dialogV1AndDialogV2/lib/worker.d.ts +0 -72
  95. package/types/components/dialogV1Original/dialog/composables/asyncDialogHandle.d.ts +0 -51
  96. package/types/components/dialogV1Original/dialog/composables/dialogHandle.d.ts +0 -108
  97. package/types/components/dialogV1Original/dialog/composables/types.d.ts +0 -11
  98. package/types/components/dialogV1Original/dialog/composables/utils.d.ts +0 -23
  99. package/types/components/dialogV1Original/dialog/dialog.vue.d.ts +0 -28
  100. package/types/components/dialogV1Original/dialog/dialogs/dialogs.vue.d.ts +0 -13
  101. package/types/components/dialogV1Original/dialog/page/types.d.ts +0 -72
  102. package/types/components/dialogV1Original/dialog/pageComponent/types.d.ts +0 -18
  103. package/types/components/dialogV1Original/dialog/stories/dialog_example/pages/utils.d.ts +0 -7
  104. package/types/components/dialogV1Original/dialog/types.d.ts +0 -58
  105. package/types/components/dialogV1Original/dialog.d.ts +0 -6
  106. package/types/components/dialogV1Original/lib/types.d.ts +0 -44
  107. package/types/components/dialogV1Original/lib/utils.d.ts +0 -14
  108. package/types/components/dialogV1Original/lib/utils.globalEvents.d.ts +0 -8
  109. package/types/components/dialogV1Original/lib/worker.d.ts +0 -76
  110. package/types/components/dialogV2/dialog/composables/asyncDialogHandle.d.ts +0 -51
  111. package/types/components/dialogV2/dialog/composables/dialogHandle.d.ts +0 -108
  112. package/types/components/dialogV2/dialog/composables/types.d.ts +0 -11
  113. package/types/components/dialogV2/dialog/composables/utils.d.ts +0 -23
  114. package/types/components/dialogV2/dialog/dialog.vue.d.ts +0 -28
  115. package/types/components/dialogV2/dialog/dialogs/dialogs.vue.d.ts +0 -13
  116. package/types/components/dialogV2/dialog/page/types.d.ts +0 -72
  117. package/types/components/dialogV2/dialog/pageComponent/types.d.ts +0 -18
  118. package/types/components/dialogV2/dialog/stories/dialog_example/pages/utils.d.ts +0 -7
  119. package/types/components/dialogV2/dialog/types.d.ts +0 -58
  120. package/types/components/dialogV2/dialog.d.ts +0 -6
  121. package/types/components/dialogV2/lib/types.d.ts +0 -44
  122. package/types/components/dialogV2/lib/utils.d.ts +0 -15
  123. package/types/components/dialogV2/lib/utils.globalEvents.d.ts +0 -8
  124. package/types/components/dialogV2/lib/worker.d.ts +0 -62
  125. package/types/dialogV1AndDialogV2/dialog.d.ts +0 -2
  126. package/types/dialogV1Original/dialog.d.ts +0 -2
  127. package/types/dialogV2/dialog.d.ts +0 -2
@@ -1,72 +0,0 @@
1
- export interface Props extends PropsCommon {
2
- /**
3
- * Статус загрузки страницы диалогового окна
4
- *
5
- * При включении взаимодействие со страницей блокируется, отображается анимация загрузки
6
- */
7
- isLoading?: boolean;
8
- }
9
- /**
10
- * Общие props для компонентов реализуюущих TopDialogPage
11
- */
12
- export interface PropsCommon {
13
- /**
14
- * Имя страницы для диалогового окна
15
- *
16
- * Имя страницы нужно для навигации между страницами в одном диалоговом окне
17
- */
18
- name: string;
19
- /**
20
- * Порядкой номер страницы в диалоговом окне
21
- *
22
- * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер
23
- */
24
- order: number;
25
- /**
26
- * Имя предыдущей страницы
27
- *
28
- * Для кнопки Назад / Закрыть в мобильной версии
29
- */
30
- prevName?: string;
31
- /**
32
- * Стиль отображения футера, при котороым элементы растягиваются на всю ширину
33
- *
34
- * Разрешены переносы
35
- */
36
- footerFullWith?: boolean;
37
- }
38
- /**
39
- * Общие props для компонентов реализуюущих TopDialogPage
40
- *
41
- * Для не SFC компонентов
42
- */
43
- export declare const propsPageCommon: {
44
- name: {
45
- type: StringConstructor;
46
- required: boolean;
47
- };
48
- order: {
49
- type: NumberConstructor;
50
- required: boolean;
51
- };
52
- prevName: StringConstructor;
53
- footerFullWith: BooleanConstructor;
54
- };
55
- export interface Slots {
56
- /**
57
- * Шапка страницы
58
- */
59
- header(props: {}): any;
60
- /**
61
- * Кнопки для шапки страницы
62
- */
63
- headerButtons?(props: {}): any;
64
- /**
65
- * Контент страницы
66
- */
67
- body(props: {}): any;
68
- /**
69
- * Футер страницы
70
- */
71
- footer?(props: {}): any;
72
- }
@@ -1,18 +0,0 @@
1
- import { PropsCommon } from '../page/types';
2
- import { Component } from 'vue';
3
- export interface Props extends PropsCommon {
4
- /**
5
- * Компонент страницы с реализицией TopDialogPage
6
- */
7
- component: Component;
8
- /**
9
- * Кешировать ли эту страницу
10
- *
11
- * По умолчанию: true
12
- */
13
- keepAlive?: boolean;
14
- /**
15
- * Произвольный набор props, который будет передан в компонент страницы
16
- */
17
- props?: Record<string, any>;
18
- }
@@ -1,7 +0,0 @@
1
- import { DefineProps } from 'vue';
2
- import { TopDialogPagePropsCommon } from '../../../../../dialog/dialog';
3
- /**
4
- * Логирования в console.log() событий страницы диалогового окна
5
- * @param props
6
- */
7
- export declare const useLog: (props: DefineProps<TopDialogPagePropsCommon, never>) => void;
@@ -1,58 +0,0 @@
1
- export interface Props {
2
- id: string;
3
- /**
4
- * Имя активной страницы
5
- */
6
- pageActive: string;
7
- /**
8
- * Базовая ширина окна
9
- */
10
- width?: string;
11
- /**
12
- * Базовая высота окна
13
- *
14
- * Установите auto, если окно должно подстраиваться под размеры содержимого
15
- *
16
- * Установите значение, если окно должно подстраиваться под размеры содержимого
17
- *
18
- * @example 'auto'
19
- * @example '200px'
20
- */
21
- height?: string;
22
- /**
23
- * Является ли окно модальным
24
- *
25
- * @see https://api.jqueryui.com/dialog/#option-modal
26
- */
27
- modal?: boolean;
28
- /**
29
- * Позиция окна
30
- *
31
- * @see https://api.jqueryui.com/dialog/#option-position
32
- */
33
- position?: string;
34
- /**
35
- * Для хеш-навигации
36
- */
37
- historyType?: 'push' | 'replace';
38
- /**
39
- * Список css классов для диалогового окна
40
- */
41
- classes?: string[];
42
- }
43
- export type Emits = {
44
- /**
45
- * Диалоговое окно было открыто
46
- */
47
- open: [pageName: string];
48
- /**
49
- * Диалоговое окно было закрыто
50
- */
51
- close: [pageName: string];
52
- };
53
- export interface Slots {
54
- /**
55
- * Слот с компонентами `TopDialogPage` и / или `TopDialogPageComponent`
56
- */
57
- default(props: {}): any;
58
- }
@@ -1,6 +0,0 @@
1
- export { default as TopDialog } from '../dialog/dialog/dialog.vue';
2
- export { default as TopDialogPage } from '../dialog/dialog/page/page.vue';
3
- export type { PropsCommon as TopDialogPagePropsCommon } from '../dialog/dialog/page/types';
4
- export { propsPageCommon } from '../dialog/dialog/page/types';
5
- export { default as TopDialogPageComponent } from '../dialog/dialog/pageComponent/pageComponent.vue';
6
- export { useTopDialogSelf } from '../dialog/dialog/composables/utils';
@@ -1,44 +0,0 @@
1
- export type TopDialogOptions = {
2
- /**
3
- * Загрузчик для компонентов диалоговых окон по их id
4
- */
5
- load?: TopDialogLoad;
6
- /**
7
- * Глобальный декоратор на событие инициализации диалогового окна
8
- */
9
- decoratorOnCreate?: DecoratorOnCreate;
10
- /**
11
- * Пауза перед загрузкой утилиты диалоговых окон в ms
12
- *
13
- * Для производительности
14
- *
15
- * Утилиты будут в любом случае загружены при работе с диалоговыми окнами, но их не надо грузить каждый раз после открытия страинцы
16
- */
17
- autoInitDelay?: number;
18
- };
19
- export type TopDialogLoad = (dialogId: string) => Promise<void>;
20
- export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
21
- export type MoveDirection = 'next' | 'prev' | 'none';
22
- export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
23
- dataset: {
24
- toView: string;
25
- };
26
- };
27
- export type ElTopDialogWrapper = HTMLElement & {
28
- querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
29
- };
30
- export type ElTopDialog = HTMLElement & {
31
- getAttribute: (qualifiedName: 'id') => string;
32
- closest: (el: '.ui-dialog') => ElTopDialogWrapper;
33
- dataset: {
34
- viewPageActive: string;
35
- };
36
- };
37
- export type ElTopDialogBody = HTMLElement;
38
- export type ElTopDialogPage = HTMLElement & {
39
- dataset: {
40
- 'view-page': string;
41
- order?: string;
42
- };
43
- };
44
- export type ElTopDialogModalLayer = HTMLElement;
@@ -1,18 +0,0 @@
1
- import { ElTopDialog, ElTopDialogPage, MoveDirection } from './types';
2
- export declare const isHTMLDialogElement: (el: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement) => el is HTMLDialogElement;
3
- export declare const isHTMLDialogElementSupported: () => boolean;
4
- export declare const TopDialogUtils: {
5
- getElDialogById: (id: string) => ElTopDialog | null;
6
- updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
7
- recalcPositions: () => void;
8
- getDialogWrapperId: (dialogId: string) => string;
9
- getDialogInnerId: (dialogId: string) => string;
10
- toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
11
- toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
12
- toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
13
- toPrevPage: (elDialog: ElTopDialog) => void;
14
- setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
15
- isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => any;
16
- inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
17
- close: (dialogId: string) => void;
18
- };
@@ -1,8 +0,0 @@
1
- /**
2
- * Инициализация глобальных событий для диалоговых окон
3
- *
4
- * Производится один раз при подключении диалогового окна
5
- *
6
- * События не размонтируются
7
- */
8
- export declare const initDialogGlobalEvents: () => void;
@@ -1,72 +0,0 @@
1
- import { ElTopDialog, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';
2
- import { $el } from '../../types';
3
- export declare abstract class TopDialogWorker {
4
- static state: {
5
- load: TopDialogOptions["load"] | undefined;
6
- decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
7
- /**
8
- * Порядковый номер перехода в диалоговых окнах
9
- *
10
- * Для расчета анимации Вперед / Назад
11
- */
12
- viewPageN: number;
13
- };
14
- private static inited;
15
- /**
16
- * Инициировать события слежения за парамтерами url
17
- *
18
- * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
19
- */
20
- static init(options?: TopDialogOptions): void;
21
- private static opendDialogsFromChangeUrl;
22
- static getDialogsUtils(): Promise<{
23
- getElDialogById: (id: string) => ElTopDialog | null;
24
- updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
25
- recalcPositions: () => void;
26
- getDialogWrapperId: (dialogId: string) => string;
27
- getDialogInnerId: (dialogId: string) => string;
28
- toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
29
- toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
30
- toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
31
- toPrevPage: (elDialog: ElTopDialog) => void;
32
- setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
33
- isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => any;
34
- inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
35
- close: (dialogId: string) => void;
36
- }>;
37
- static getDialog(el: HTMLElement): HTMLDialogElement | ElTopDialog | null;
38
- /**
39
- * todo: Переписать на сайте на this.getDialog()
40
- *
41
- * @deprecated Для обратной совместимости
42
- */
43
- static get$dialog($el: $el): JQuery<HTMLElement>;
44
- static getPage(el: HTMLElement): ElTopDialogPage | null;
45
- /**
46
- * todo: Переписать на сайте на this.getPage()
47
- *
48
- * @deprecated Для обратной совместимости
49
- */
50
- static get$page($el: $el): JQuery<HTMLElement>;
51
- static getPairPage(el: HTMLElement): Element | HTMLElement[] | null | undefined;
52
- /**
53
- * Закрыть диалоговое окно
54
- */
55
- static close(dialogId: string): void;
56
- /**
57
- * Размонтировать $.dialog
58
- */
59
- static destroy(dialogId: string): void;
60
- /**
61
- * Сгенерировать ссылку на страницу в диалоговом окне
62
- * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
63
- * @param moveDirection
64
- */
65
- static genViewPageHash(toView: string, moveDirection?: MoveDirection): string;
66
- /**
67
- * Сравнить версию открытых диалоговых окон
68
- * @returns вернет true, если состояния открытых окон изменилось
69
- */
70
- static compareStates(hash: string, hash2: string): boolean;
71
- static opendDialogsFromUrl: () => Promise<true | void>;
72
- }
@@ -1,51 +0,0 @@
1
- import { Ref } from 'vue';
2
- import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
3
- import { TopDialogHandle } from './dialogHandle';
4
- /**
5
- * Объект для работы с асинхронным диалоговым окном
6
- *
7
- * Является прослойкой для доступа к TopDialogHandle
8
- */
9
- export declare class AsyncTopDialogHandle<T extends TopDialogComponent> {
10
- /**
11
- * Функция, определяющая компонент TopDialogComponent
12
- */
13
- readonly resolve: AsyncTopDialogComponentLoader<T>;
14
- /**
15
- * Реактивная Сссылка на объект worker,
16
- *
17
- * Ссылка не будет указывать на объект, если диалоговое окно еще не загружено
18
- */
19
- readonly worker: Ref<TopDialogHandle<T> | null>;
20
- constructor(resolve: AsyncTopDialogComponentLoader<T>);
21
- /**
22
- * Получить доступ к TopDialogHandle
23
- */
24
- get(): Promise<TopDialogHandle<T>>;
25
- /**
26
- * Открыть диалоговое окно
27
- */
28
- open(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
29
- /**
30
- * Открыть диалоговое окно как ссылку, для хеш-навигации
31
- *
32
- * Только общедоступные диалоговые окна, расположенные в @/dialogs
33
- */
34
- openAsLink(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
35
- /**
36
- * Закрыть диалоговое окно
37
- *
38
- * Не меняет состояние компонента диалогового окна
39
- */
40
- close(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
41
- /**
42
- * Размонтировать виджет диалогового окна
43
- */
44
- destroy(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
45
- /**
46
- * Устанвоить props
47
- *
48
- * Полностью сбрасывается состояние props
49
- */
50
- setProps(...args: Parameters<TopDialogHandle<T>['setProps']>): Promise<void>;
51
- }
@@ -1,108 +0,0 @@
1
- import { ComponentInstance, ComponentInternalInstance, Ref } from 'vue';
2
- import { default as TopDialog } from '../dialog.vue';
3
- import { MoveDirection } from '../../../dialog/lib/types';
4
- import { TopDialogComponent } from './types';
5
- /**
6
- * Объект для работы с диалоговым окном
7
- *
8
- * Каждое окно уникально и может быть открыто одновременно только один раз
9
- *
10
- * Можно определить много окон, после чего с ними можно вести работу в любой части приложения
11
- */
12
- export declare class TopDialogHandle<T extends TopDialogComponent> {
13
- /**
14
- * Индентификатор, определяется на уровне компонента TopDialogComponent
15
- *
16
- * Может использоваться в навигации для открытия нужных окон с нужными настройками
17
- */
18
- id: string;
19
- /**
20
- * ID, используемый в верстке диалогового окна
21
- */
22
- idAttr: string;
23
- /**
24
- * Пользовательский компонент диалогового окна
25
- */
26
- Component: T;
27
- /**
28
- * Компонент инициирован
29
- *
30
- * Устанавливается после первого вызова useTopDialog()
31
- */
32
- isMounted: Ref<boolean, boolean>;
33
- /**
34
- * Компонент готов к использованию
35
- *
36
- * Используется для внутренних преобразований после отрисовки
37
- */
38
- isReady: Ref<boolean, boolean>;
39
- /**
40
- * Диалоговое окно открыто
41
- */
42
- isOpened: Ref<boolean, boolean>;
43
- /**
44
- * Имя активной страницы дилогового окна
45
- */
46
- pageActive: Ref<string, string>;
47
- /**
48
- * Диалоговое окно находится в состоянии загрузки своей страницы
49
- */
50
- isLoadingPage: Ref<boolean, boolean>;
51
- /**
52
- * Следующая активная страница
53
- *
54
- * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
55
- */
56
- pageActiveNext: Ref<string, string>;
57
- /**
58
- * props компонента, доступны после инициализации
59
- */
60
- props?: ComponentInstance<T>['$props'];
61
- /**
62
- * emit базового компонента `TopDialog`
63
- */
64
- emit?: ComponentInstance<typeof TopDialog>['$emit'];
65
- /**
66
- * Одноразовое событие на закрытие диалогового окна
67
- *
68
- * Используется для привязки окна к сценариям использования
69
- */
70
- onCloseOnce?: (props: typeof this.props, pageName: string) => void;
71
- constructor(TopDialogComponent: T);
72
- /**
73
- * Событие - компонент инициирован
74
- */
75
- onMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance): void;
76
- /**
77
- * Открыть диалоговое окно
78
- *
79
- * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
80
- */
81
- open(pageName?: string, props?: {}, args?: [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
82
- /**
83
- * Открыть диалоговое окно как ссылку, для хеш-навигации
84
- *
85
- * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
86
- */
87
- openAsLink(pageName?: string, props?: {}, _args?: string[], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
88
- /**
89
- * Закрыть диалоговое окно
90
- *
91
- * Не меняет состояние компонента диалогового окна
92
- */
93
- close(): Promise<void>;
94
- /**
95
- * Размонтировать $.dialog
96
- */
97
- destroy(): Promise<void>;
98
- /**
99
- * Устанвоить props
100
- *
101
- * Полностью сбрасывается состояние props
102
- */
103
- setProps(props?: ComponentInstance<T>['$props']): Promise<void>;
104
- /**
105
- * Проверить, есть ли необходимость отрисовки страницы диалогового окна
106
- */
107
- needShowPage(pageName: string): boolean;
108
- }
@@ -1,11 +0,0 @@
1
- import { Component } from 'vue';
2
- /**
3
- * Компонент с определением конкретного диалогового окна с использованием компонента `TopDialog`
4
- */
5
- export type TopDialogComponent = Component & {
6
- id?: string;
7
- };
8
- export type AsyncDialogComponentResolveResult<T extends TopDialogComponent> = {
9
- default: T;
10
- };
11
- export type AsyncTopDialogComponentLoader<T extends TopDialogComponent> = () => Promise<AsyncDialogComponentResolveResult<T>>;
@@ -1,23 +0,0 @@
1
- import { TopDialogHandle } from './dialogHandle';
2
- import { AsyncTopDialogHandle } from './asyncDialogHandle';
3
- import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
4
- import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
5
- import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
6
- /**
7
- * Получить объект управленя текущим диалоговым окном
8
- */
9
- export declare const useTopDialogSelf: () => TopDialogHandle<TopDialogComponent> | TopDialogHandle<TopDialogComponent>;
10
- /**
11
- * Получить объект управленя диалоговым окном
12
- *
13
- * При первом вызове компонент диалогового окна будет внедрен в компонент DialogWrapper
14
- */
15
- export declare const useTopDialog: <T extends TopDialogComponent>(DialogComponent: T) => TopDialogHandle<T>;
16
- /**
17
- * Получить объект управленя асинхронным диалоговым окном
18
- *
19
- * Компонент диалогового окна будет загружен и инициирован при первом взаимодействии с объектом
20
- *
21
- * Использует useTopDialog()
22
- */
23
- export declare const useAsyncTopDialog: <T extends TopDialogComponent>(resolve: AsyncTopDialogComponentLoader<T>) => AsyncTopDialogHandle<T>;
@@ -1,28 +0,0 @@
1
- import { Props, Slots } from './types';
2
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
- declare function __VLS_template(): {
4
- attrs: Partial<{}>;
5
- slots: Readonly<Slots> & Slots;
6
- refs: {};
7
- rootEl: HTMLDivElement;
8
- };
9
- type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
- declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
11
- close: (pageName: string) => any;
12
- open: (pageName: string) => any;
13
- }, string, PublicProps, Readonly<Props> & Readonly<{
14
- onClose?: ((pageName: string) => any) | undefined;
15
- onOpen?: ((pageName: string) => any) | undefined;
16
- }>, {
17
- modal: boolean;
18
- width: string;
19
- height: string;
20
- historyType: "push" | "replace";
21
- }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
22
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
23
- export default _default;
24
- type __VLS_WithTemplateSlots<T, S> = T & {
25
- new (): {
26
- $slots: S;
27
- };
28
- };
@@ -1,13 +0,0 @@
1
- import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
2
- import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
3
- import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
4
- /**
5
- * Получить компонент диалогового окна по id
6
- */
7
- export declare const getDialogWorker: (id: string) => TopDialogHandle<TopDialogComponent> | undefined;
8
- /**
9
- * Добавить компонент диалогового окна для использования
10
- */
11
- export declare const addDialogWorker: <T extends TopDialogComponent>(TopDialogComponent: T) => TopDialogHandle<T>;
12
- declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
13
- export default _default;
@@ -1,72 +0,0 @@
1
- export interface Props extends PropsCommon {
2
- /**
3
- * Статус загрузки страницы диалогового окна
4
- *
5
- * При включении взаимодействие со страницей блокируется, отображается анимация загрузки
6
- */
7
- isLoading?: boolean;
8
- }
9
- /**
10
- * Общие props для компонентов реализуюущих TopDialogPage
11
- */
12
- export interface PropsCommon {
13
- /**
14
- * Имя страницы для диалогового окна
15
- *
16
- * Имя страницы нужно для навигации между страницами в одном диалоговом окне
17
- */
18
- name: string;
19
- /**
20
- * Порядкой номер страницы в диалоговом окне
21
- *
22
- * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер
23
- */
24
- order: number;
25
- /**
26
- * Имя предыдущей страницы
27
- *
28
- * Для кнопки Назад / Закрыть в мобильной версии
29
- */
30
- prevName?: string;
31
- /**
32
- * Стиль отображения футера, при котороым элементы растягиваются на всю ширину
33
- *
34
- * Разрешены переносы
35
- */
36
- footerFullWith?: boolean;
37
- }
38
- /**
39
- * Общие props для компонентов реализуюущих TopDialogPage
40
- *
41
- * Для не SFC компонентов
42
- */
43
- export declare const propsPageCommon: {
44
- name: {
45
- type: StringConstructor;
46
- required: boolean;
47
- };
48
- order: {
49
- type: NumberConstructor;
50
- required: boolean;
51
- };
52
- prevName: StringConstructor;
53
- footerFullWith: BooleanConstructor;
54
- };
55
- export interface Slots {
56
- /**
57
- * Шапка страницы
58
- */
59
- header(props: {}): any;
60
- /**
61
- * Кнопки для шапки страницы
62
- */
63
- headerButtons?(props: {}): any;
64
- /**
65
- * Контент страницы
66
- */
67
- body(props: {}): any;
68
- /**
69
- * Футер страницы
70
- */
71
- footer?(props: {}): any;
72
- }
@@ -1,18 +0,0 @@
1
- import { PropsCommon } from '../page/types';
2
- import { Component } from 'vue';
3
- export interface Props extends PropsCommon {
4
- /**
5
- * Компонент страницы с реализицией TopDialogPage
6
- */
7
- component: Component;
8
- /**
9
- * Кешировать ли эту страницу
10
- *
11
- * По умолчанию: true
12
- */
13
- keepAlive?: boolean;
14
- /**
15
- * Произвольный набор props, который будет передан в компонент страницы
16
- */
17
- props?: Record<string, any>;
18
- }
@@ -1,7 +0,0 @@
1
- import { DefineProps } from 'vue';
2
- import { TopDialogPagePropsCommon } from '../../../../../dialog/dialog';
3
- /**
4
- * Логирования в console.log() событий страницы диалогового окна
5
- * @param props
6
- */
7
- export declare const useLog: (props: DefineProps<TopDialogPagePropsCommon, never>) => void;