@topvisor/ui 0.9.7 → 0.9.8

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

@@ -1,32 +1,51 @@
 declare const meta: {
     component: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            name: {
+            icon: {
                 type: import("vue").PropType<string>;
             };
-            href: {
+            component: {
+                type: import("vue").PropType<import("vue").Component>;
+                default: undefined;
+            };
+            name: {
                 type: import("vue").PropType<string>;
             };
-            icon: {
+            href: {
                 type: import("vue").PropType<string>;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
+            scrollable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            name: {
+            icon: {
                 type: import("vue").PropType<string>;
             };
-            href: {
+            component: {
+                type: import("vue").PropType<import("vue").Component>;
+                default: undefined;
+            };
+            name: {
                 type: import("vue").PropType<string>;
             };
-            icon: {
+            href: {
                 type: import("vue").PropType<string>;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, true, {}, {}, {
+            scrollable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            component: import("vue").Component;
+            scrollable: boolean;
+        }, true, {}, {}, {
             P: {};
             B: {};
             D: {};
@@ -34,36 +53,58 @@ declare const meta: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            name: {
+            icon: {
                 type: import("vue").PropType<string>;
             };
-            href: {
+            component: {
+                type: import("vue").PropType<import("vue").Component>;
+                default: undefined;
+            };
+            name: {
                 type: import("vue").PropType<string>;
             };
-            icon: {
+            href: {
                 type: import("vue").PropType<string>;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
-        }>>, {}, {}, {}, {}, {}>;
+            scrollable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            component: import("vue").Component;
+            scrollable: boolean;
+        }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        name: {
+        icon: {
             type: import("vue").PropType<string>;
         };
-        href: {
+        component: {
+            type: import("vue").PropType<import("vue").Component>;
+            default: undefined;
+        };
+        name: {
             type: import("vue").PropType<string>;
         };
-        icon: {
+        href: {
             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 () => {
+        scrollable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        component: import("vue").Component;
+        scrollable: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
         };
@@ -76,6 +117,7 @@ export declare const MenuItem: {
         href: string;
         icon: string;
         disabled: false;
+        scrollable: true;
         default: string;
     };
     render: (args: any) => {
@@ -88,11 +130,15 @@ export declare const MenuItem: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
@@ -107,17 +153,22 @@ export declare const MenuItem: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }, true, {}, {}, {
                     P: {};
@@ -133,17 +184,22 @@ export declare const MenuItem: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {}, {}, {}, {}, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }>;
                 __isFragment?: undefined;
@@ -156,11 +212,15 @@ export declare const MenuItem: {
                 };
                 showMenuInPopup: {
                     type: import("vue").PropType<boolean>;
+                    default: undefined;
                 };
                 isShortable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                pageMod: {
+                    type: import("vue").PropType<boolean>;
+                };
                 keyForSaveState: {
                     type: import("vue").PropType<string>;
                 };
@@ -169,41 +229,60 @@ export declare const MenuItem: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => void;
             }, string, {
+                showMenuInPopup: boolean;
                 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: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    name: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
-                }>>, {}, true, {}, {}, {
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>>, {
+                    component: import("vue").Component;
+                    scrollable: boolean;
+                }, true, {}, {}, {
                     P: {};
                     B: {};
                     D: {};
@@ -211,36 +290,58 @@ export declare const MenuItem: {
                     M: {};
                     Defaults: {};
                 }, Readonly<import("vue").ExtractPropTypes<{
-                    name: {
+                    icon: {
                         type: import("vue").PropType<string>;
                     };
-                    href: {
+                    component: {
+                        type: import("vue").PropType<import("vue").Component>;
+                        default: undefined;
+                    };
+                    name: {
                         type: import("vue").PropType<string>;
                     };
-                    icon: {
+                    href: {
                         type: import("vue").PropType<string>;
                     };
                     disabled: {
                         type: import("vue").PropType<boolean>;
                     };
-                }>>, {}, {}, {}, {}, {}>;
+                    scrollable: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>>, {}, {}, {}, {}, {
+                    component: import("vue").Component;
+                    scrollable: boolean;
+                }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
                 __isSuspense?: undefined;
             } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                name: {
+                icon: {
                     type: import("vue").PropType<string>;
                 };
-                href: {
+                component: {
+                    type: import("vue").PropType<import("vue").Component>;
+                    default: undefined;
+                };
+                name: {
                     type: import("vue").PropType<string>;
                 };
-                icon: {
+                href: {
                     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 () => {
+                scrollable: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                component: import("vue").Component;
+                scrollable: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
                 };

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

@@ -49,11 +49,15 @@ export declare const MenuTitle: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
@@ -68,17 +72,22 @@ export declare const MenuTitle: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }, true, {}, {}, {
                     P: {};
@@ -94,17 +103,22 @@ export declare const MenuTitle: {
                     };
                     showMenuInPopup: {
                         type: import("vue").PropType<boolean>;
+                        default: undefined;
                     };
                     isShortable: {
                         type: import("vue").PropType<boolean>;
                         default: boolean;
                     };
+                    pageMod: {
+                        type: import("vue").PropType<boolean>;
+                    };
                     keyForSaveState: {
                         type: import("vue").PropType<string>;
                     };
                 }>> & {
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }, {}, {}, {}, {}, {
+                    showMenuInPopup: boolean;
                     isShortable: boolean;
                 }>;
                 __isFragment?: undefined;
@@ -117,11 +131,15 @@ export declare const MenuTitle: {
                 };
                 showMenuInPopup: {
                     type: import("vue").PropType<boolean>;
+                    default: undefined;
                 };
                 isShortable: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
+                pageMod: {
+                    type: import("vue").PropType<boolean>;
+                };
                 keyForSaveState: {
                     type: import("vue").PropType<string>;
                 };
@@ -130,11 +148,11 @@ export declare const MenuTitle: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: string) => void;
             }, string, {
+                showMenuInPopup: boolean;
                 isShortable: boolean;
             }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     menu?(_: {}): any;
-                    contents?(_: {}): any;
                 };
             });
             TabsViewMenuTitle: {

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

@@ -1,5 +1,14 @@
 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").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PropsMenuItem>>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsMenuItem>, {
+    scrollable: boolean;
+    component: undefined;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PropsMenuItem>, {
+    scrollable: boolean;
+    component: undefined;
+}>>>, {
+    component: import("vue").Component;
+    scrollable: boolean;
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -12,6 +21,14 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

@@ -1,9 +1,41 @@
+import type { Component } from 'vue';
 import type { State as StateManagerState } from '../../stateManager';
+export interface State extends StateManagerState {
+    /**
+     * Если true - меню будет скрыто в popup под кнопку, которая его открывает, на кнопке будет текст активного элемента меню
+     */
+    showMenuInPopup: Props['showMenuInPopup'];
+    /**
+     * Если true - меню будет отображено в свернутом режиме без текста у кнопок
+     */
+    isShort: boolean;
+    /**
+     * Имя активной вкладки
+     */
+    activeItemName: Props['modelValue'];
+    /**
+     * Vue компонент активной вкладки
+     */
+    component?: PropsMenuItem['component'];
+    /**
+     * Если false - контент вкладки будет без отступов и скролла (по умолчанию true).
+     * Задается через PropsMenuItems.scrollable активного пункта меню.
+     */
+    scrollable?: PropsMenuItem['scrollable'];
+}
 export interface Props {
     /**
      * Имя активной вкладки
      */
     modelValue: string;
+    /**
+     * Указывает на то, что компоеннт испоьзуется в основной области документа
+     *
+     * Если установлен в true - отображает меню в режиме sticky, для настройки можно использовать css переменную --top-tabsView-top
+     *
+     * Если установлен в true - добавляет документу глобальный модификатор .top-hasTabsViewPageMod
+     */
+    pageMod?: boolean;
     /**
      * Если true - меню будет скрыто в popup под кнопку, которая его открывает
      *
@@ -19,20 +51,6 @@ export interface Props {
      */
     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;
 }
@@ -53,17 +71,24 @@ export interface PropsMenuItem {
     href?: string;
     icon?: string;
     disabled?: boolean;
-}
-export interface MenuItem {
-    title?: string;
-    icon?: PropsMenuItem['icon'];
+    /**
+     * Vue компонент вкладки
+     */
+    component?: Component;
+    /**
+     * Состояние скролла для вкладки
+     */
+    scrollable?: boolean;
 }
 export interface PropsMenuTitle {
     isSubtitle?: boolean;
 }
-export interface PropsContent {
-    /**
-     * Имя активной вкладки, должно быть уникально для каждого пункта меню в пределах одного компонента
-     */
-    name: Props['modelValue'];
+/**
+ * Для activeMenuItem
+ */
+export interface MenuItem {
+    title?: string;
+    icon?: PropsMenuItem['icon'];
+    component?: PropsMenuItem['component'];
+    scrollable?: PropsMenuItem['scrollable'];
 }