@topvisor/ui 1.2.0 → 1.3.1-dev.2

package/src/api/api/utils/filters.d.ts

@@ -0,0 +1,48 @@
+import { components as componentsTagId } from 'topvisor-openapi/src/ts/Tags_2/Types/TagId';
+type TagId = componentsTagId['schemas']['Tags_2.Types.TagId'];
+type TagIdExclude = `-${TagId}`;
+type DataWithModifierOperator<Model> = {
+    [K in keyof Model]: Model[K] | Model[K][] | Set<Model[K]> | string;
+};
+/**
+ * Модификатор оператора сравнения
+ *
+ * Используется посредством добавления к строковому значению поля для упрощения синтаксиса указания фильтров
+ *
+ * @example Поиск вхождения `Иван` в поле `name`
+ * genFilters({
+ *     id: 12345, // без модификатора опертора
+ *     name: '%:' + 'Иван', // с модификатором опертора
+ * });
+ */
+type ModifierOperator = '>=' | '<=' | '!=' | '>' | '<' | '%' | '!%' | '^' | '~' | '!~' | 'null' | '!null';
+type ValueWithModifierOperator = `${ModifierOperator}:${string | number}`;
+/**
+ * Сгенерировать массив с фильтрами API
+ *
+ * Ключи - `filedName`, значения - `[ModifierOperator:]fieldValue` / `fieldValues`
+ *
+ * Значения `undefined` будут пропускаться
+ *
+ * Додерживает типы:
+ *
+ * - string, number, boolean - строгое равенство `EQUALS`, если не указан `modifierOperator`
+ * - Array - вхождение `IN`
+ * - Set<string | number> - вхождение `IN`
+ *
+ * @see ModifierOperator
+ */
+export declare const genFilters: <Model extends Api.Ext.Schemas["Model"]>(dataWithModifierOperator: DataWithModifierOperator<Model>) => Api.Field.Filter<Model>[];
+/**
+ * Сгенерировать и добавить API фильтр из списка тегов
+ */
+export declare const pushFilterTagsIds: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, filters: Api.Field.Filter<Model, FieldName>[], tagsIds: Array<TagId | TagIdExclude>) => void;
+/**
+ * Сгенерировать API фильтр из простого значения
+ */
+export declare const genFilterPrimitive: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valueWithModifierOperator: number | string | boolean | ValueWithModifierOperator) => Api.Field.Filter<Model, Api.Field.Name<Model>>;
+/**
+ * Сгенерировать API фильтр IN
+ */
+export declare const genFilterIn: <Model extends Api.Ext.Schemas["Model"] = any, FieldName extends Api.Field.Name<Model> = Api.Field.Name<Model>>(name: FieldName, valuesOrSet: Model[FieldName][] | Set<Model[FieldName]>) => Api.Field.Filter<Model, FieldName>;
+export {};

package/src/api/api/utils/lazy.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Общие утилиты, которые должны грузиться в отложенном режиме
+ *
+ * Все такие утилиты являются асинхронными
+ */
+/**
+ * Выполнить post запрос в окне браузера
+ *
+ * @see Api.ClientRequest.callInNewWindow
+ * @see Api.ClientRequest.callInSelfWindow
+ */
+export declare const postInWindow: (url: string, data: Record<string, any>, target: "_blank" | "_self") => Promise<void>;
+/**
+ * Вставляет данные в HTML форму
+ */
+export declare const dataToForm: (elForm: HTMLFormElement, data: Record<string, any>) => void;
+/**
+ * Сериализация данных в объект FormData
+ *
+ * Для отправки файлов или генерации форм
+ */
+export declare const formDataSerializer: (data: Record<string, any>, formData?: FormData, parentKey?: string) => FormData;
+/**
+ * Сериализация данных для вставки в виде параметров в url
+ */
+export declare const querySerializer: (data: Record<string, unknown>) => string;

package/src/components/charts/charts.d.ts

@@ -0,0 +1,2 @@
+export { default as TopMiniChart } from './miniChart/miniChart.vue';
+export { default as TopMiniCharts } from './miniCharts/miniCharts.vue';

package/src/components/charts/miniChart/miniChart.vue.d.ts

@@ -0,0 +1,15 @@
+import { Props, Item, Color } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & __VLS_Props;
+declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: Item | null | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Item | null | undefined) => any) | undefined;
+}>, {
+    color: Color;
+    numberCols: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/components/charts/miniChart/types.d.ts

@@ -0,0 +1,92 @@
+export interface Props {
+    /**
+     * Имя графика
+     */
+    title?: string;
+    /**
+     * Иконка графика
+     */
+    gIcon?: string;
+    /**
+     * Цвет графика и иконки
+     */
+    color?: Color;
+    /**
+     * Список дат всех проверок (пример даты: 2020-01-01)
+     */
+    dates: string[];
+    /**
+     * Список значений параметра для каждой проверки (порядок соответсвует списку дат)
+     */
+    values: number[];
+    /**
+     * Список активных дат (пример даты: 2020-01-01)
+     */
+    activeDates: string[];
+    /**
+     * Индексы для получения значений из props.values.
+     * Полученные значения используются для рассчета динамики изменения.
+     * Если указан props.dynamic, то props.keysForDyn не используется в расчетах динамики.
+     *
+     * - start - индекс для получения значения в начале периода
+     * - end - индекс для полученя значения в конце периода
+     */
+    keysForDyn: {
+        start: number;
+        end: number;
+    };
+    /**
+     * Динамика
+     */
+    dynamic?: number;
+    /**
+     * Необходимо ли инвертировать значения ячеек графика
+     */
+    isInvert?: boolean;
+    /**
+     * Кол-во столбцов всего
+     */
+    numberCols?: number;
+    /**
+     * Html для футера
+     */
+    additionalHTML?: string;
+    /**
+     * Выбранная проверка (колонка)
+     */
+    modelValue?: Item | null;
+    /**
+     * Суффикс для значения
+     */
+    valueSuffix?: string;
+    /**
+     * Скрыть график на адаптиве
+     *
+     * - true - скрыть
+     * - false - показать
+     */
+    hideChartInMobile?: boolean;
+}
+/**
+ * Интерфейс проверки (используется для передачи данных о выбранной проверке через v-model)
+ */
+export interface Item {
+    /**
+     * Эл-т колонки выбранной проверки
+     */
+    elCol: HTMLElement;
+    /**
+     * Дата/время проверки
+     */
+    date?: string;
+    /**
+     * Значение параметра проверки
+     */
+    value?: string;
+}
+export declare const colors: {
+    readonly blue: "blue";
+    readonly orange: "orange";
+    readonly pink: "pink";
+};
+export type Color = typeof colors[keyof typeof colors];

package/src/components/charts/miniChart/utils/consts.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Кол-во столбцов по умолчанию
+ */
+export declare const defaultNumberCols = 90;
+/**
+ * Минимальная высота колонки (в процентах)
+ */
+export declare const minHeight = 10;

package/src/components/charts/miniCharts/miniCharts.d.ts

@@ -0,0 +1,20 @@
+import { Item } from '../miniChart/types';
+export interface Props {
+    modelValue?: Item | null;
+    /**
+     * Кол-во миниграфиков (TopMiniChart)
+     */
+    countCharts: number;
+    /**
+     * Скрывать графики на адаптиве
+     *
+     * - true - скрыть
+     * - false - показать
+     */
+    hideChartInMobile?: boolean;
+}
+export interface Style {
+    top: string;
+    left?: string;
+    transform?: string;
+}

package/src/components/charts/miniCharts/miniCharts.vue.d.ts

@@ -0,0 +1,32 @@
+import { Props } from './miniCharts';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { Item } from '../miniChart/types';
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: Props['modelValue'];
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        elRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (value: Item | null | undefined) => any;
+}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Item | null | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+    elRef: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/core/notice/item/item.vue.d.ts

@@ -0,0 +1,10 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: () => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    selectToClose: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/src/components/core/notice/item/types.d.ts

@@ -0,0 +1,63 @@
+import { Props as TopButtonProps } from '../../../forms/button/types';
+export type Style = 'info' | 'success' | 'warning' | 'error' | 'alt';
+export type Props = {
+    /**
+     * Уникальное id сообщения
+     *
+     * Для дедупликации вывода одного и того же сообщения
+     *
+     * Генерируется автоматически по входных данным
+     */
+    id: string;
+    /**
+     * Заголовок сообщения
+     *
+     * Можно передать html
+     */
+    title: string;
+    /**
+     * Текст сообщения
+     *
+     * Можно передать html
+     */
+    text: string;
+    /**
+     * Стиль отображения сообщения
+     */
+    style: Style;
+    /**
+     * Дополнительная информация, выводимая под сообщением
+     *
+     * Например, информация для админов
+     */
+    metaText?: string;
+    /**
+     * Произвольные props для вывода кнопок
+     */
+    buttonsProps?: Array<TopButtonProps & {
+        default: string;
+    }>;
+    isSafeHTML?: boolean;
+    /**
+     * Установить стиль выделения сообщения
+     *
+     * Используется для анимации появления
+     */
+    hightlight?: boolean;
+    /**
+     * Закрывать сообщение при клике по его кнопке или ссылке
+     */
+    selectToClose?: boolean;
+    /**
+     * Установить стиль закрытия сообщения
+     *
+     * Для удаления сообщения снаружи
+     */
+    forceClosed?: boolean;
+};
+export type Emits = {
+    /**
+     * Сообщение было закрыто
+     */
+    close: [];
+};

package/src/components/core/notice/notice.vue.d.ts

@@ -0,0 +1,5 @@
+import { Props } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+export { show } from './utils';
+declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export default _default;

package/src/components/core/notice/types.d.ts

@@ -0,0 +1 @@
+export type Props = {};

package/src/components/core/notice/utils.d.ts

@@ -0,0 +1,27 @@
+import { Props as ItemProps, Props, Style } from './item/types';
+import { Reactive } from 'vue';
+export declare const transitionDuration = 300;
+export type Item = Props & {
+    onClose?: Function;
+};
+export declare const itemById: Reactive<Map<string, Item>>;
+export type Options = {
+    title?: ItemProps['title'];
+    metaText?: ItemProps['metaText'];
+    buttonsProps?: ItemProps['buttonsProps'];
+    isSafeHTML?: ItemProps['isSafeHTML'];
+    selectToClose?: ItemProps['selectToClose'];
+    onClose?: Function;
+};
+/**
+ * Показать сообщением в стиле push уведомления
+ *
+ * title будет получен из первой строки text
+ *
+ * Если в options указан title, он будет взят оттуда
+ */
+export declare const show: (text: string, style?: Style, options?: Options) => void;
+/**
+ * Убрать подозрительный html код
+ */
+export declare const prepareText: (text: string) => string;

package/src/components/dialog/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/src/components/dialog/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 '../../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/src/components/dialog/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/src/components/dialog/dialog/composables/utils.d.ts

@@ -0,0 +1,21 @@
+import { TopDialogHandle } from './dialogHandle';
+import { AsyncTopDialogHandle } from './asyncDialogHandle';
+import { AsyncTopDialogComponentLoader, TopDialogComponent } from './types';
+/**
+ * Получить объект управленя текущим диалоговым окном
+ */
+export declare const useTopDialogSelf: () => 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/src/components/dialog/dialog/dialog.vue.d.ts

@@ -0,0 +1,28 @@
+import { Props, Slots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (pageName: string) => any;
+    open: (pageName: string) => any;
+}, string, PublicProps, Readonly<Props> & Readonly<{
+    onClose?: ((pageName: string) => any) | undefined;
+    onOpen?: ((pageName: string) => any) | undefined;
+}>, {
+    width: string;
+    height: string;
+    modal: boolean;
+    historyType: "push" | "replace";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/dialog/dialog/dialogs/dialogs.vue.d.ts

@@ -0,0 +1,13 @@
+import { TopDialogHandle } from '../composables/dialogHandle';
+import { TopDialogComponent } from '../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/src/components/dialog/dialog/page/page.vue.d.ts

@@ -0,0 +1,19 @@
+import { Props, Slots } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<Slots> & Slots;
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props> & Readonly<{}>, {
+    order: number;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};