@huntflow/ui 0.3.4 → 0.3.5

package/dist/components/ui-tabs/index.d.ts

@@ -1,3 +1,3 @@
 import { default as UiTabs } from './tabs.vue';
-export type { UiTabsProps, UiTabsEmits, UiTabsValue, UiTabsItem, UiTabsGap } from './types';
+export type { UiTabsProps, UiTabsEmits, UiTabsValue, UiTabsItem, UiTabsGap, UiTabsContentGap } from './types';
 export { UiTabs };

package/dist/components/ui-tabs/scroll.d.ts

@@ -0,0 +1,4 @@
+export declare const hasHorizontalScroll: (container: HTMLElement) => boolean;
+export declare const animateScrollLeft: (container: HTMLElement, leftTo: number, onEnd?: () => void) => (() => void) | undefined;
+export declare const ensureElementVisible: (container: HTMLElement, element: HTMLElement, scrollTo: (left: number) => void) => void;
+export declare const getNextScrollLeft: (container: HTMLElement, direction: 1 | -1) => number;

package/dist/components/ui-tabs/tabs-code-snippet.d.ts

@@ -1 +1 @@
-export declare const tabsCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiTabs } from '@huntflow/ui';\n\nconst model = ref('interview');\n\nconst items = [\n  {\n    label: '\u0418\u043D\u0442\u0435\u0440\u0432\u044C\u044E',\n    value: 'interview'\n  },\n  {\n    label: '\u0414\u0440\u0443\u0433\u043E\u0435',\n    value: 'other'\n  }\n];\n</script>\n\n<template>\n  <ui-tabs\n    v-model=\"model\"\n    :items=\"items\"\n    :indicator=\"true\"\n    list-aria-label=\"\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\"\n  >\n    <template #interview>\n      \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430.\n    </template>\n\n    <template #other>\n      \u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C \u0438 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438.\n    </template>\n  </ui-tabs>\n</template>\n";
+export declare const tabsCodeSnippet = "\n<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiTabs } from '@huntflow/ui';\n\nconst model = ref('interview');\n\nconst items = [\n  {\n    label: '\u0418\u043D\u0442\u0435\u0440\u0432\u044C\u044E',\n    value: 'interview'\n  },\n  {\n    label: '\u0414\u0440\u0443\u0433\u043E\u0435',\n    value: 'other'\n  }\n];\n</script>\n\n<template>\n  <ui-tabs\n    v-model=\"model\"\n    :items=\"items\"\n    :indicator=\"true\"\n    list-aria-label=\"\u041D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u043F\u0440\u043E\u0444\u0438\u043B\u044F\"\n  >\n    <template #content-interview>\n      \u0418\u0437\u043C\u0435\u043D\u0438\u0442\u0435 \u0434\u0430\u043D\u043D\u044B\u0435 \u043F\u0440\u043E\u0444\u0438\u043B\u044F \u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438 \u0430\u043A\u043A\u0430\u0443\u043D\u0442\u0430.\n    </template>\n\n    <template #content-other>\n      \u041E\u0431\u043D\u043E\u0432\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C \u0438 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u0440\u044B \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438.\n    </template>\n  </ui-tabs>\n</template>\n";

package/dist/components/ui-tabs/tabs.vue.d.ts

@@ -1,7 +1,7 @@
 import { UiTabsItem, UiTabsProps } from './types';
 declare const _default: <Item extends UiTabsItem = UiTabsItem>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Item["value"]) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
         modelValue?: Item["value"];
     } & UiTabsProps<Item>) & Partial<{}>> & import('vue').PublicProps;
@@ -11,16 +11,18 @@ declare const _default: <Item extends UiTabsItem = UiTabsItem>(__VLS_props: NonN
         item?: (props: {
             item: Item;
         }) => any;
-    } & { [K in Item["value"]]?: (() => any) | undefined; } & {
+        after?: () => any;
+    } & { [K in Item["value"] as `content-${K}`]?: (() => any) | undefined; } & {
         [key: string]: unknown;
     }> & {
         item?: (props: {
             item: Item;
         }) => any;
-    } & { [K in Item["value"]]?: (() => any) | undefined; } & {
+        after?: () => any;
+    } & { [K in Item["value"] as `content-${K}`]?: (() => any) | undefined; } & {
         [key: string]: unknown;
     };
-    emit: ((evt: "update:modelValue", value: Item["value"]) => void) & ((evt: "update:modelValue", value: Item["value"]) => void);
+    emit: (evt: "update:modelValue", value: Item["value"]) => void;
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/ui-tabs/types.d.ts

@@ -4,6 +4,13 @@ export type UiTabsItem = {
     value: UiTabsValue;
 };
 export type UiTabsGap = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
+export type UiTabsContentGap = UiTabsGap | false;
+export type UiTabsSticky = boolean | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
 export type UiTabsProps<Item extends UiTabsItem = UiTabsItem> = {
     /** Значение активной вкладки. Используется с v-model. */
     modelValue?: Item['value'];
@@ -13,10 +20,18 @@ export type UiTabsProps<Item extends UiTabsItem = UiTabsItem> = {
     size?: 'fit' | 'full';
     /** Горизонтальный отступ у списка табов. */
     headerGap?: UiTabsGap;
-    /** Отступ между списком табов и контентом. */
-    contentGap?: UiTabsGap;
+    /** Отступ между списком табов и контентом. Передайте `false`, чтобы убрать отступ. */
+    contentGap?: UiTabsContentGap;
     /** Показывает анимированный индикатор активной вкладки. */
     indicator?: boolean;
+    /** Скрывает список вкладок, если вкладка только одна. */
+    hideSingleTab?: boolean;
+    /** Скрывает линию под списком вкладок. */
+    hideLine?: boolean;
+    /** Прилипающий режим списка вкладок: `true/false` или объект оффсетов, например `{ top: 0 }`. */
+    sticky?: UiTabsSticky;
+    /** Удаляет содержимое неактивных вкладок из DOM. */
+    unmountOnHide?: boolean;
     /** Список вкладок. */
     items: Item[];
 };