@topvisor/ui 1.0.42-popupPosition.0 → 1.1.0-addNativeDialog.6

package/types/components/dialogV1AndDialogV2/lib/worker.d.ts

@@ -0,0 +1,72 @@
+import { ElTopDialog, ElTopDialogPage, MoveDirection, TopDialogOptions } from './types';
+import { $el } from '../../types';
+export declare abstract class TopDialogWorker {
+    static state: {
+        load: TopDialogOptions["load"] | undefined;
+        decoratorOnCreate: TopDialogOptions["decoratorOnCreate"] | undefined;
+        /**
+         * Порядковый номер перехода в диалоговых окнах
+         *
+         * Для расчета анимации Вперед / Назад
+         */
+        viewPageN: number;
+    };
+    private static inited;
+    /**
+     * Инициировать события слежения за парамтерами url
+     *
+     * Если в параметрах есть запрос на открытие диалогового окна, TopDialog будет автоматически подключен на страницу
+     */
+    static init(options?: TopDialogOptions): void;
+    private static opendDialogsFromChangeUrl;
+    static getDialogsUtils(): Promise<{
+        getElDialogById: (id: string) => ElTopDialog | null;
+        updatePageVue: (dialogId: string, pageName?: string, pageNameNext?: string) => Promise<void>;
+        recalcPositions: () => void;
+        getDialogWrapperId: (dialogId: string) => string;
+        getDialogInnerId: (dialogId: string) => string;
+        toViewDirty: (toViewPageName: string, moveDirection?: MoveDirection) => Promise<void>;
+        toView: (viewNameOrElDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement | string, pageName?: string, args?: string[], moveDirection?: MoveDirection, callback?: Function) => Promise<void>;
+        toViewPage: (elDialog: ElTopDialog | JQuery<ElTopDialog> | HTMLDialogElement, pageName?: string, args?: string[], moveDirection?: MoveDirection) => Promise<void>;
+        toPrevPage: (elDialog: ElTopDialog) => void;
+        setLoading: (elPages: ElTopDialogPage[] | JQuery<ElTopDialogPage>, isLoading: boolean, duration?: number) => void;
+        isLoading: (elPage: ElTopDialogPage | JQuery<ElTopDialogPage>) => any;
+        inAnimation: (elDialog: ElTopDialog | JQuery<ElTopDialog>) => boolean;
+        close: (dialogId: string) => void;
+    }>;
+    static getDialog(el: HTMLElement): HTMLDialogElement | ElTopDialog | null;
+    /**
+     * todo: Переписать на сайте на this.getDialog()
+     *
+     * @deprecated Для обратной совместимости
+     */
+    static get$dialog($el: $el): JQuery<HTMLElement>;
+    static getPage(el: HTMLElement): ElTopDialogPage | null;
+    /**
+     * todo: Переписать на сайте на this.getPage()
+     *
+     * @deprecated Для обратной совместимости
+     */
+    static get$page($el: $el): JQuery<HTMLElement>;
+    static getPairPage(el: HTMLElement): Element | HTMLElement[] | null | undefined;
+    /**
+     * Закрыть диалоговое окно
+     */
+    static close(dialogId: string): void;
+    /**
+     * Размонтировать $.dialog
+     */
+    static destroy(dialogId: string): void;
+    /**
+     * Сгенерировать ссылку на страницу в диалоговом окне
+     * @param toView - указатель в формате: dialog_{{ dialogId }}={{ pageName }}:{{ args }}
+     * @param moveDirection
+     */
+    static genViewPageHash(toView: string, moveDirection?: MoveDirection): string;
+    /**
+     * Сравнить версию открытых диалоговых окон
+     * @returns вернет true, если состояния открытых окон изменилось
+     */
+    static compareStates(hash: string, hash2: string): boolean;
+    static opendDialogsFromUrl: () => Promise<true | void>;
+}

package/types/components/dialogV1Original/dialog/composables/asyncDialogHandle.d.ts

@@ -0,0 +1,51 @@
+import { Ref } from 'vue';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+import { TopDialogHandle } from './dialogHandle';
+/**
+ * Объект для работы с асинхронным диалоговым окном
+ *
+ * Является прослойкой для доступа к TopDialogHandle
+ */
+export declare class AsyncTopDialogHandle<T extends TopDialogComponent> {
+    /**
+     * Функция, определяющая компонент TopDialogComponent
+     */
+    readonly resolve: AsyncTopDialogComponentLoader<T>;
+    /**
+     * Реактивная Сссылка на объект worker,
+     *
+     * Ссылка не будет указывать на объект, если диалоговое окно еще не загружено
+     */
+    readonly worker: Ref<TopDialogHandle<T> | null>;
+    constructor(resolve: AsyncTopDialogComponentLoader<T>);
+    /**
+     * Получить доступ к TopDialogHandle
+     */
+    get(): Promise<TopDialogHandle<T>>;
+    /**
+     * Открыть диалоговое окно
+     */
+    open(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Открыть диалоговое окно как ссылку, для хеш-навигации
+     *
+     * Только общедоступные диалоговые окна, расположенные в @/dialogs
+     */
+    openAsLink(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Закрыть диалоговое окно
+     *
+     * Не меняет состояние компонента диалогового окна
+     */
+    close(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Размонтировать виджет диалогового окна
+     */
+    destroy(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Устанвоить props
+     *
+     * Полностью сбрасывается состояние props
+     */
+    setProps(...args: Parameters<TopDialogHandle<T>['setProps']>): Promise<void>;
+}

package/types/components/dialogV1Original/dialog/composables/dialogHandle.d.ts

@@ -0,0 +1,108 @@
+import { ComponentInstance, ComponentInternalInstance, Ref } from 'vue';
+import { default as TopDialog } from '../dialog.vue';
+import { MoveDirection } from '../../../dialog/lib/types';
+import { TopDialogComponent } from './types';
+/**
+ * Объект для работы с диалоговым окном
+ *
+ * Каждое окно уникально и может быть открыто одновременно только один раз
+ *
+ * Можно определить много окон, после чего с ними можно вести работу в любой части приложения
+ */
+export declare class TopDialogHandle<T extends TopDialogComponent> {
+    /**
+     * Индентификатор, определяется на уровне компонента TopDialogComponent
+     *
+     * Может использоваться в навигации для открытия нужных окон с нужными настройками
+     */
+    id: string;
+    /**
+     * ID, используемый в верстке диалогового окна
+     */
+    idAttr: string;
+    /**
+     * Пользовательский компонент диалогового окна
+     */
+    Component: T;
+    /**
+     * Компонент инициирован
+     *
+     * Устанавливается после первого вызова useTopDialog()
+     */
+    isMounted: Ref<boolean, boolean>;
+    /**
+     * Компонент готов к использованию
+     *
+     * Используется для внутренних преобразований после отрисовки
+     */
+    isReady: Ref<boolean, boolean>;
+    /**
+     * Диалоговое окно открыто
+     */
+    isOpened: Ref<boolean, boolean>;
+    /**
+     * Имя активной страницы дилогового окна
+     */
+    pageActive: Ref<string, string>;
+    /**
+     * Диалоговое окно находится в состоянии загрузки своей страницы
+     */
+    isLoadingPage: Ref<boolean, boolean>;
+    /**
+     * Следующая активная страница
+     *
+     * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
+     */
+    pageActiveNext: Ref<string, string>;
+    /**
+     * props компонента, доступны после инициализации
+     */
+    props?: ComponentInstance<T>['$props'];
+    /**
+     * emit базового компонента `TopDialog`
+     */
+    emit?: ComponentInstance<typeof TopDialog>['$emit'];
+    /**
+     * Одноразовое событие на закрытие диалогового окна
+     *
+     * Используется для привязки окна к сценариям использования
+     */
+    onCloseOnce?: (props: typeof this.props, pageName: string) => void;
+    constructor(TopDialogComponent: T);
+    /**
+     * Событие - компонент инициирован
+     */
+    onMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance): void;
+    /**
+     * Открыть диалоговое окно
+     *
+     * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
+     */
+    open(pageName?: string, props?: {}, args?: [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
+    /**
+     * Открыть диалоговое окно как ссылку, для хеш-навигации
+     *
+     * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
+     */
+    openAsLink(pageName?: string, props?: {}, _args?: string[], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
+    /**
+     * Закрыть диалоговое окно
+     *
+     * Не меняет состояние компонента диалогового окна
+     */
+    close(): Promise<void>;
+    /**
+     * Размонтировать $.dialog
+     */
+    destroy(): Promise<void>;
+    /**
+     * Устанвоить props
+     *
+     * Полностью сбрасывается состояние props
+     */
+    setProps(props?: ComponentInstance<T>['$props']): Promise<void>;
+    /**
+     * Проверить, есть ли необходимость отрисовки страницы диалогового окна
+     */
+    needShowPage(pageName: string): boolean;
+}

package/types/components/dialogV1Original/dialog/composables/types.d.ts

@@ -0,0 +1,11 @@
+import { Component } from 'vue';
+/**
+ * Компонент с определением конкретного диалогового окна с использованием компонента `TopDialog`
+ */
+export type TopDialogComponent = Component & {
+    id?: string;
+};
+export type AsyncDialogComponentResolveResult<T extends TopDialogComponent> = {
+    default: T;
+};
+export type AsyncTopDialogComponentLoader<T extends TopDialogComponent> = () => Promise<AsyncDialogComponentResolveResult<T>>;

package/types/components/dialogV1Original/dialog/composables/utils.d.ts

@@ -0,0 +1,23 @@
+import { TopDialogHandle } from './dialogHandle';
+import { AsyncTopDialogHandle } from './asyncDialogHandle';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
+import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
+/**
+ * Получить объект управленя текущим диалоговым окном
+ */
+export declare const useTopDialogSelf: () => TopDialogHandle<TopDialogComponent> | TopDialogHandle<TopDialogComponent>;
+/**
+ * Получить объект управленя диалоговым окном
+ *
+ * При первом вызове компонент диалогового окна будет внедрен в компонент DialogWrapper
+ */
+export declare const useTopDialog: <T extends TopDialogComponent>(DialogComponent: T) => TopDialogHandle<T>;
+/**
+ * Получить объект управленя асинхронным диалоговым окном
+ *
+ * Компонент диалогового окна будет загружен и инициирован при первом взаимодействии с объектом
+ *
+ * Использует useTopDialog()
+ */
+export declare const useAsyncTopDialog: <T extends TopDialogComponent>(resolve: AsyncTopDialogComponentLoader<T>) => AsyncTopDialogHandle<T>;

package/types/components/dialogV1Original/dialog/dialogs/dialogs.vue.d.ts

@@ -0,0 +1,13 @@
+import { TopDialogHandle } from '../../../dialog/dialog/composables/dialogHandle';
+import { TopDialogComponent } from '../../../dialog/dialog/composables/types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+/**
+ * Получить компонент диалогового окна по id
+ */
+export declare const getDialogWorker: (id: string) => TopDialogHandle<TopDialogComponent> | undefined;
+/**
+ * Добавить компонент диалогового окна для использования
+ */
+export declare const addDialogWorker: <T extends TopDialogComponent>(TopDialogComponent: T) => TopDialogHandle<T>;
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/types/components/dialogV1Original/dialog/page/types.d.ts

@@ -0,0 +1,72 @@
+export interface Props extends PropsCommon {
+    /**
+     * Статус загрузки страницы диалогового окна
+     *
+     * При включении взаимодействие со страницей блокируется, отображается анимация загрузки
+     */
+    isLoading?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ */
+export interface PropsCommon {
+    /**
+     * Имя страницы для диалогового окна
+     *
+     * Имя страницы нужно для навигации между страницами в одном диалоговом окне
+     */
+    name: string;
+    /**
+     * Порядкой номер страницы в диалоговом окне
+     *
+     * Одна и та же страница может быть подключена в разные диалоговые окна и иметь разный порядковый номер
+     */
+    order: number;
+    /**
+     * Имя предыдущей страницы
+     *
+     * Для кнопки Назад / Закрыть в мобильной версии
+     */
+    prevName?: string;
+    /**
+     * Стиль отображения футера, при котороым элементы растягиваются на всю ширину
+     *
+     * Разрешены переносы
+     */
+    footerFullWith?: boolean;
+}
+/**
+ * Общие props для компонентов реализуюущих TopDialogPage
+ *
+ * Для не SFC компонентов
+ */
+export declare const propsPageCommon: {
+    name: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    order: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    prevName: StringConstructor;
+    footerFullWith: BooleanConstructor;
+};
+export interface Slots {
+    /**
+     * Шапка страницы
+     */
+    header(props: {}): any;
+    /**
+     * Кнопки для шапки страницы
+     */
+    headerButtons?(props: {}): any;
+    /**
+     * Контент страницы
+     */
+    body(props: {}): any;
+    /**
+     * Футер страницы
+     */
+    footer?(props: {}): any;
+}

package/types/components/dialogV1Original/dialog/pageComponent/types.d.ts

@@ -0,0 +1,18 @@
+import { PropsCommon } from '../page/types';
+import { Component } from 'vue';
+export interface Props extends PropsCommon {
+    /**
+     * Компонент страницы с реализицией TopDialogPage
+     */
+    component: Component;
+    /**
+     * Кешировать ли эту страницу
+     *
+     * По умолчанию: true
+     */
+    keepAlive?: boolean;
+    /**
+     * Произвольный набор props, который будет передан в компонент страницы
+     */
+    props?: Record<string, any>;
+}

package/types/components/dialogV1Original/dialog/stories/dialog_example/pages/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefineProps } from 'vue';
+import { TopDialogPagePropsCommon } from '../../../../../dialog/dialog';
+/**
+ * Логирования в console.log() событий страницы диалогового окна
+ * @param props
+ */
+export declare const useLog: (props: DefineProps<TopDialogPagePropsCommon, never>) => void;

package/types/components/dialogV1Original/dialog/types.d.ts

@@ -0,0 +1,58 @@
+export interface Props {
+    id: string;
+    /**
+     * Имя активной страницы
+     */
+    pageActive: string;
+    /**
+     * Базовая ширина окна
+     */
+    width?: string;
+    /**
+     * Базовая высота окна
+     *
+     * Установите auto, если окно должно подстраиваться под размеры содержимого
+     *
+     * Установите значение, если окно должно подстраиваться под размеры содержимого
+     *
+     * @example 'auto'
+     * @example '200px'
+     */
+    height?: string;
+    /**
+     * Является ли окно модальным
+     *
+     * @see https://api.jqueryui.com/dialog/#option-modal
+     */
+    modal?: boolean;
+    /**
+     * Позиция окна
+     *
+     * @see https://api.jqueryui.com/dialog/#option-position
+     */
+    position?: string;
+    /**
+     * Для хеш-навигации
+     */
+    historyType?: 'push' | 'replace';
+    /**
+     * Список css классов для диалогового окна
+     */
+    classes?: string[];
+}
+export type Emits = {
+    /**
+     * Диалоговое окно было открыто
+     */
+    open: [pageName: string];
+    /**
+     * Диалоговое окно было закрыто
+     */
+    close: [pageName: string];
+};
+export interface Slots {
+    /**
+     * Слот с компонентами `TopDialogPage` и / или `TopDialogPageComponent`
+     */
+    default(props: {}): any;
+}

package/types/components/dialogV1Original/dialog.d.ts

@@ -0,0 +1,6 @@
+export { default as TopDialog } from '../dialog/dialog/dialog.vue';
+export { default as TopDialogPage } from '../dialog/dialog/page/page.vue';
+export type { PropsCommon as TopDialogPagePropsCommon } from '../dialog/dialog/page/types';
+export { propsPageCommon } from '../dialog/dialog/page/types';
+export { default as TopDialogPageComponent } from '../dialog/dialog/pageComponent/pageComponent.vue';
+export { useTopDialogSelf } from '../dialog/dialog/composables/utils';

package/types/components/dialogV1Original/lib/types.d.ts

@@ -0,0 +1,44 @@
+export type TopDialogOptions = {
+    /**
+     * Загрузчик для компонентов диалоговых окон по их id
+     */
+    load?: TopDialogLoad;
+    /**
+     * Глобальный декоратор на событие инициализации диалогового окна
+     */
+    decoratorOnCreate?: DecoratorOnCreate;
+    /**
+     * Пауза перед загрузкой утилиты диалоговых окон в ms
+     *
+     * Для производительности
+     *
+     * Утилиты будут в любом случае загружены при работе с диалоговыми окнами, но их не надо грузить каждый раз после открытия страинцы
+     */
+    autoInitDelay?: number;
+};
+export type TopDialogLoad = (dialogId: string) => Promise<void>;
+export type DecoratorOnCreate = (elDialog: HTMLElement) => Promise<void>;
+export type MoveDirection = 'next' | 'prev' | 'none';
+export type ElTopDialogOpener<El extends HTMLElement = HTMLElement> = El & {
+    dataset: {
+        toView: string;
+    };
+};
+export type ElTopDialogWrapper = HTMLElement & {
+    querySelector: (selectors: '.ui-dialog-content') => ElTopDialog;
+};
+export type ElTopDialog = HTMLElement & {
+    getAttribute: (qualifiedName: 'id') => string;
+    closest: (el: '.ui-dialog') => ElTopDialogWrapper;
+    dataset: {
+        viewPageActive: string;
+    };
+};
+export type ElTopDialogBody = HTMLElement;
+export type ElTopDialogPage = HTMLElement & {
+    dataset: {
+        'view-page': string;
+        order?: string;
+    };
+};
+export type ElTopDialogModalLayer = HTMLElement;

package/types/components/dialogV1Original/lib/utils.globalEvents.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Инициализация глобальных событий для диалоговых окон
+ *
+ * Производится один раз при подключении диалогового окна
+ *
+ * События не размонтируются
+ */
+export declare const initDialogGlobalEvents: () => void;

package/types/components/dialogV2/dialog/composables/asyncDialogHandle.d.ts

@@ -0,0 +1,51 @@
+import { Ref } from 'vue';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+import { TopDialogHandle } from './dialogHandle';
+/**
+ * Объект для работы с асинхронным диалоговым окном
+ *
+ * Является прослойкой для доступа к TopDialogHandle
+ */
+export declare class AsyncTopDialogHandle<T extends TopDialogComponent> {
+    /**
+     * Функция, определяющая компонент TopDialogComponent
+     */
+    readonly resolve: AsyncTopDialogComponentLoader<T>;
+    /**
+     * Реактивная Сссылка на объект worker,
+     *
+     * Ссылка не будет указывать на объект, если диалоговое окно еще не загружено
+     */
+    readonly worker: Ref<TopDialogHandle<T> | null>;
+    constructor(resolve: AsyncTopDialogComponentLoader<T>);
+    /**
+     * Получить доступ к TopDialogHandle
+     */
+    get(): Promise<TopDialogHandle<T>>;
+    /**
+     * Открыть диалоговое окно
+     */
+    open(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Открыть диалоговое окно как ссылку, для хеш-навигации
+     *
+     * Только общедоступные диалоговые окна, расположенные в @/dialogs
+     */
+    openAsLink(...args: Parameters<TopDialogHandle<T>['open']>): Promise<void>;
+    /**
+     * Закрыть диалоговое окно
+     *
+     * Не меняет состояние компонента диалогового окна
+     */
+    close(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Размонтировать виджет диалогового окна
+     */
+    destroy(...args: Parameters<TopDialogHandle<T>['close']>): Promise<void>;
+    /**
+     * Устанвоить props
+     *
+     * Полностью сбрасывается состояние props
+     */
+    setProps(...args: Parameters<TopDialogHandle<T>['setProps']>): Promise<void>;
+}

package/types/components/dialogV2/dialog/composables/dialogHandle.d.ts

@@ -0,0 +1,108 @@
+import { ComponentInstance, ComponentInternalInstance, Ref } from 'vue';
+import { default as TopDialog } from '../dialog.vue';
+import { MoveDirection } from '../../../dialog/lib/types';
+import { TopDialogComponent } from './types';
+/**
+ * Объект для работы с диалоговым окном
+ *
+ * Каждое окно уникально и может быть открыто одновременно только один раз
+ *
+ * Можно определить много окон, после чего с ними можно вести работу в любой части приложения
+ */
+export declare class TopDialogHandle<T extends TopDialogComponent> {
+    /**
+     * Индентификатор, определяется на уровне компонента TopDialogComponent
+     *
+     * Может использоваться в навигации для открытия нужных окон с нужными настройками
+     */
+    id: string;
+    /**
+     * ID, используемый в верстке диалогового окна
+     */
+    idAttr: string;
+    /**
+     * Пользовательский компонент диалогового окна
+     */
+    Component: T;
+    /**
+     * Компонент инициирован
+     *
+     * Устанавливается после первого вызова useTopDialog()
+     */
+    isMounted: Ref<boolean, boolean>;
+    /**
+     * Компонент готов к использованию
+     *
+     * Используется для внутренних преобразований после отрисовки
+     */
+    isReady: Ref<boolean, boolean>;
+    /**
+     * Диалоговое окно открыто
+     */
+    isOpened: Ref<boolean, boolean>;
+    /**
+     * Имя активной страницы дилогового окна
+     */
+    pageActive: Ref<string, string>;
+    /**
+     * Диалоговое окно находится в состоянии загрузки своей страницы
+     */
+    isLoadingPage: Ref<boolean, boolean>;
+    /**
+     * Следующая активная страница
+     *
+     * В один момент времени может потребоваться отобразить две страницы, чтобы воспроизвести анимацию
+     */
+    pageActiveNext: Ref<string, string>;
+    /**
+     * props компонента, доступны после инициализации
+     */
+    props?: ComponentInstance<T>['$props'];
+    /**
+     * emit базового компонента `TopDialog`
+     */
+    emit?: ComponentInstance<typeof TopDialog>['$emit'];
+    /**
+     * Одноразовое событие на закрытие диалогового окна
+     *
+     * Используется для привязки окна к сценариям использования
+     */
+    onCloseOnce?: (props: typeof this.props, pageName: string) => void;
+    constructor(TopDialogComponent: T);
+    /**
+     * Событие - компонент инициирован
+     */
+    onMounted(topDialogComponent: ComponentInternalInstance, topDialogBaseComponent: ComponentInternalInstance): void;
+    /**
+     * Открыть диалоговое окно
+     *
+     * Учтите, что props в диалоговом окне будут доступны не сразу, а только после инициализации vue компонента
+     */
+    open(pageName?: string, props?: {}, args?: [], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
+    /**
+     * Открыть диалоговое окно как ссылку, для хеш-навигации
+     *
+     * Диалоговые окна загружаются по имени, см. настройку плагина Core topDialogLoader
+     */
+    openAsLink(pageName?: string, props?: {}, _args?: string[], onCloseOnce?: typeof this.onCloseOnce, moveDirection?: MoveDirection): Promise<void>;
+    /**
+     * Закрыть диалоговое окно
+     *
+     * Не меняет состояние компонента диалогового окна
+     */
+    close(): Promise<void>;
+    /**
+     * Размонтировать $.dialog
+     */
+    destroy(): Promise<void>;
+    /**
+     * Устанвоить props
+     *
+     * Полностью сбрасывается состояние props
+     */
+    setProps(props?: ComponentInstance<T>['$props']): Promise<void>;
+    /**
+     * Проверить, есть ли необходимость отрисовки страницы диалогового окна
+     */
+    needShowPage(pageName: string): boolean;
+}