@topvisor/ui 0.0.43 → 0.9.3

package/src/components/tabsView/tabsView/_MenuItem.stories.d.ts

@@ -0,0 +1,255 @@
+declare const meta: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+            };
+            href: {
+                type: import("vue").PropType<string>;
+            };
+            icon: {
+                type: import("vue").PropType<string>;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, {}, {}, {}, {}>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+        };
+        href: {
+            type: import("vue").PropType<string>;
+        };
+        icon: {
+            type: import("vue").PropType<string>;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: any;
+};
+export declare const MenuItem: {
+    args: {
+        name: string;
+        href: string;
+        icon: string;
+        disabled: false;
+        default: string;
+    };
+    render: (args: any) => {
+        components: {
+            TabsView: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:modelValue": (value: string) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {
+                    isShortable: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    isShortable: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                showMenuInPopup: {
+                    type: import("vue").PropType<boolean>;
+                };
+                isShortable: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                keyForSaveState: {
+                    type: import("vue").PropType<string>;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: string) => void;
+            }, string, {
+                isShortable: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    menu?(_: {}): any;
+                    contents?(_: {}): any;
+                };
+            });
+            TabsViewMenuItem: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    name: {
+                        type: import("vue").PropType<string>;
+                    };
+                    href: {
+                        type: import("vue").PropType<string>;
+                    };
+                    icon: {
+                        type: import("vue").PropType<string>;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    name: {
+                        type: import("vue").PropType<string>;
+                    };
+                    href: {
+                        type: import("vue").PropType<string>;
+                    };
+                    icon: {
+                        type: import("vue").PropType<string>;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    name: {
+                        type: import("vue").PropType<string>;
+                    };
+                    href: {
+                        type: import("vue").PropType<string>;
+                    };
+                    icon: {
+                        type: import("vue").PropType<string>;
+                    };
+                    disabled: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                name: {
+                    type: import("vue").PropType<string>;
+                };
+                href: {
+                    type: import("vue").PropType<string>;
+                };
+                icon: {
+                    type: import("vue").PropType<string>;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: any;
+        };
+        template: string;
+    };
+};
+export default meta;

package/src/components/tabsView/tabsView/_MenuTitle.stories.d.ts

@@ -0,0 +1,180 @@
+declare const meta: {
+    component: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            isSubtitle: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            isSubtitle: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            isSubtitle: {
+                type: import("vue").PropType<boolean>;
+            };
+        }>>, {}, {}, {}, {}, {}>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        isSubtitle: {
+            type: import("vue").PropType<boolean>;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    argTypes: any;
+};
+export declare const MenuTitle: {
+    args: {
+        isSubtitle: false;
+        default: string;
+    };
+    render: (args: any) => {
+        components: {
+            TabsView: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    "update:modelValue": (value: string) => void;
+                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {
+                    isShortable: boolean;
+                }, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    modelValue: {
+                        type: import("vue").PropType<string>;
+                        required: true;
+                    };
+                    showMenuInPopup: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                    isShortable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    keyForSaveState: {
+                        type: import("vue").PropType<string>;
+                    };
+                }>> & {
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }, {}, {}, {}, {}, {
+                    isShortable: boolean;
+                }>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
+                showMenuInPopup: {
+                    type: import("vue").PropType<boolean>;
+                };
+                isShortable: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                keyForSaveState: {
+                    type: import("vue").PropType<string>;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: string) => void;
+            }, string, {
+                isShortable: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    menu?(_: {}): any;
+                    contents?(_: {}): any;
+                };
+            });
+            TabsViewMenuTitle: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+                    isSubtitle: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+                    isSubtitle: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, true, {}, {}, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue").ExtractPropTypes<{
+                    isSubtitle: {
+                        type: import("vue").PropType<boolean>;
+                    };
+                }>>, {}, {}, {}, {}, {}>;
+                __isFragment?: undefined;
+                __isTeleport?: undefined;
+                __isSuspense?: undefined;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                isSubtitle: {
+                    type: import("vue").PropType<boolean>;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: any;
+        };
+        template: string;
+    };
+};
+export default meta;

package/src/components/tabsView/tabsView/content.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PropsContent } from './tabsView';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsContent>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsContent>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/tabsView/tabsView/menu.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PropsMenu } from './tabsView';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsMenu>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenu>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/tabsView/tabsView/menuDelimeter.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/src/components/tabsView/tabsView/menuItem.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PropsMenuItem } from './tabsView';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsMenuItem>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenuItem>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/tabsView/tabsView/menuTitle.vue.d.ts

@@ -0,0 +1,19 @@
+import type { PropsMenuTitle } from './tabsView';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenuTitle>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/src/components/tabsView/tabsView/state.d.ts

@@ -0,0 +1,14 @@
+import type { InjectionKey } from 'vue';
+import type { State } from './tabsView';
+import type { Emits, Props } from './tabsView';
+export declare const injectionKey: InjectionKey<State>;
+/**
+ * Инициировать State компонента
+ * @param props
+ * @param emit
+ */
+export declare const initState: (props: Props, emit: Emits) => State;
+/**
+ * Получить State компонента
+ */
+export declare const useState: () => State;

package/src/components/tabsView/tabsView/tabsView.d.ts

@@ -0,0 +1,69 @@
+import type { State as StateManagerState } from '../../../components/stateManager';
+export interface Props {
+    /**
+     * Имя активной вкладки
+     */
+    modelValue: string;
+    /**
+     * Если true - меню будет скрыто в popup под кнопку, которая его открывает
+     *
+     * Если не указано будет использоваться Core.state.isMobile
+     */
+    showMenuInPopup?: boolean;
+    /**
+     * Если true - меню в режиме без popup можно сворачивать
+     */
+    isShortable?: boolean;
+    /**
+     *  @see GlobalState.key
+     */
+    keyForSaveState?: string;
+}
+export interface State extends StateManagerState {
+    /**
+     * Если true - меню будет скрыто в popup под кнопку, которая его открывает, на кнопке будет текст активного элемента меню
+     */
+    showMenuInPopup: Props['showMenuInPopup'];
+    /**
+     * Если true - меню будет отображено в свернутом режиме без текста у кнопок
+     */
+    isShort: boolean;
+    /**
+     * Имя активной вкладки
+     */
+    activeItemName: Props['modelValue'];
+}
+export interface Emits {
+    (e: 'update:modelValue', value: Props['modelValue']): void;
+}
+export interface PropsMenu {
+    /**
+     * Если true - будет выведена кнопка сжатия меню
+     */
+    isShortable: Props['isShortable'];
+}
+export interface PropsMenuItem {
+    /**
+     * Униальное имя вкладки, указывать только если кнопка должна менять выбранную вкладку
+     */
+    name?: Props['modelValue'];
+    /**
+     * Если указано, кнопка будет вставлена как ссылка
+     */
+    href?: string;
+    icon?: string;
+    disabled?: boolean;
+}
+export interface MenuItem {
+    title?: string;
+    icon?: PropsMenuItem['icon'];
+}
+export interface PropsMenuTitle {
+    isSubtitle?: boolean;
+}
+export interface PropsContent {
+    /**
+     * Имя активной вкладки, должно быть уникально для каждого пункта меню в пределах одного компонента
+     */
+    name: Props['modelValue'];
+}