@topvisor/ui 1.0.42-dev.2 → 1.0.42-policy.0

package/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/components/charts/miniChart/utils/consts.d.ts

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

package/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/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/components/charts/miniCharts/stories/dummy.d.ts

@@ -0,0 +1,6 @@
+import { Props as MiniChartProps } from '../../miniChart/types';
+/**
+ * Список объектов props для мини графиков
+ */
+declare const propsForMiniCharts: MiniChartProps[];
+export { propsForMiniCharts };

package/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/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 для вывода кнопки
+     */
+    buttonProps?: TopButtonProps & {
+        default: string;
+    };
+    isSafeHTML?: boolean;
+    /**
+     * Установить стиль выделения сообщения
+     *
+     * Используется для анимации появления
+     */
+    hightlight?: boolean;
+    /**
+     * Закрывать сообщение при клике по его кнопке или ссылке
+     */
+    selectToClose?: boolean;
+    /**
+     * Установить стиль закрытия сообщения
+     *
+     * Для удаления сообщения снаружи
+     */
+    forceClosed?: boolean;
+};
+export type Emits = {
+    /**
+     * Сообщение было закрыто
+     */
+    close: [];
+};

package/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/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'];
+    buttonProps?: ItemProps['buttonProps'];
+    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/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/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/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/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/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/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/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;
+    };
+};

package/components/dialog/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/components/dialog/dialog/pageComponent/pageComponent.vue.d.ts

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

package/components/dialog/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/components/dialog/dialog/stories/autoload.d.ts

@@ -0,0 +1,2 @@
+import { TopDialogLoad } from '../../lib/types';
+export declare const load: TopDialogLoad;

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

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