@huntflow/ui 0.3.4 → 0.3.7

package/dist/components/index.d.ts

@@ -35,7 +35,11 @@ export { UiDropzone } from './ui-dropzone';
 export type { UiDropzoneProps } from './ui-dropzone';
 export { UiDropdown } from './ui-dropdown';
 export type { UiDropdownProps, UiDropdownSide, UiDropdownAlign } from './ui-dropdown';
+export { UiModal } from './ui-modal';
+export type { UiModalProps } from './ui-modal';
 export { UiTabs } from './ui-tabs';
 export type { UiTabsProps, UiTabsValue, UiTabsItem } from './ui-tabs';
 export { UiPaginationDots } from './ui-pagination-dots';
 export type { UiPaginationDotsProps } from './ui-pagination-dots';
+export { UiBadge } from './ui-badge';
+export type { UiBadgeProps } from './ui-badge';

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

@@ -8,7 +8,13 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<UiAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiAvatarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import('vue').DefineComponent<UiAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    error: () => any;
+    load: () => any;
+}, string, import('vue').PublicProps, Readonly<UiAvatarProps> & Readonly<{
+    onError?: (() => any) | undefined;
+    onLoad?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -4,6 +4,6 @@ export type UiAvatarProps = {
     /** Размер аватара. */
     size?: UiAvatarSize;
     /** Квадратная форма аватара. */
-    square?: boolean;
+    squared?: boolean;
 };
-export type UiAvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';
+export type UiAvatarSize = '4xs' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';

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

@@ -0,0 +1 @@
+export declare const badgeCodeSnippet = "<script setup lang=\"ts\">\nimport { UiBadge } from '@huntflow/ui';\n</script>\n\n<template>\n  <ui-badge\n    color=\"grey\"\n    size=\"xs\"\n  >\n    BadgeText\n  </ui-badge>\n</template>";

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

@@ -0,0 +1,18 @@
+import { UiBadgeProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').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/dist/components/ui-badge/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiBadge } from './badge.vue';
+export type { UiBadgeProps, UiBadgeColor, UiBadgeSize } from './types';
+export { UiBadge };

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

@@ -0,0 +1,14 @@
+export type UiBadgeProps = {
+    /** Тег, которым будет отрендерен бейдж. */
+    tagName?: string;
+    /** Текст бейджа */
+    label?: string | number;
+    /** Цвет бейджа. */
+    color?: UiBadgeColor;
+    /** Включает заливку. */
+    fill?: boolean;
+    /** Размер бейджа. */
+    size?: UiBadgeSize;
+};
+export type UiBadgeColor = 'grey' | 'cyan' | 'green' | 'red' | 'orange' | 'marketing' | 'light';
+export type UiBadgeSize = 'xs' | 's';

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

@@ -0,0 +1,4 @@
+import { default as UiModal } from './modal.vue';
+import { default as UiModalLayout } from './layout.vue';
+export type { UiModalProps } from './types';
+export { UiModal, UiModalLayout };

package/dist/components/ui-modal/layout.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    title?: string;
+    description?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+        main?(_: {}): any;
+        default?(_: {}): any;
+        footer?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').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/dist/components/ui-modal/modal-code-snippet.d.ts

@@ -0,0 +1 @@
+export declare const modalCodeSnippet = "<script setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { UiButton, UiModal } from '@huntflow/ui';\n\nconst isOpen = ref(false);\n</script>\n\n<template>\n  <ui-button\n    type=\"primary\"\n    size=\"s\"\n    @click=\"isOpen = true\"\n  >\n    \u041E\u0442\u043A\u0440\u044B\u0442\u044C\n  </ui-button>\n\n  <ui-modal\n    v-model:open=\"isOpen\"\n    title=\"\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A\"\n    description=\"\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0433\u043E \u043E\u043A\u043D\u0430\"\n  >\n    <template #body=\"{ setDirty }\">\n      \u0421\u043E\u0434\u0435\u0440\u0436\u0438\u043C\u043E\u0435 modal\n    </template>\n\n    <template #footer=\"{ dismiss }\">\n      <ui-button\n        type=\"secondary\"\n        size=\"s\"\n        @click=\"dismiss\"\n      >\n        \u041E\u0442\u043C\u0435\u043D\u0430\n      </ui-button>\n      <ui-button\n        type=\"primary\"\n        size=\"s\"\n        @click=\"dismiss\"\n      >\n        \u0421\u043E\u0445\u0440\u0430\u043D\u0438\u0442\u044C\n      </ui-button>\n    </template>\n  </ui-modal>\n</template>";

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

@@ -0,0 +1,61 @@
+import { UiModalProps } from './types';
+type __VLS_Props = UiModalProps;
+type __VLS_PublicProps = {
+    'open'?: boolean;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        description?(_: {}): any;
+        body?(_: {
+            open: boolean;
+            setDirty: (value: boolean) => void;
+            isDismissing: boolean;
+            resolveDismissing: (value: boolean) => void;
+            dismiss: () => Promise<void>;
+        }): any;
+        default?(_: {
+            open: boolean;
+            setDirty: (value: boolean) => void;
+            isDismissing: boolean;
+            resolveDismissing: (value: boolean) => void;
+            dismiss: () => Promise<void>;
+        }): any;
+        default?(_: {
+            open: boolean;
+            setDirty: (value: boolean) => void;
+            isDismissing: boolean;
+            resolveDismissing: (value: boolean) => void;
+            dismiss: () => Promise<void>;
+        }): any;
+        footer?(_: {
+            dismiss: () => Promise<void>;
+        }): any;
+        confirm?(_: {
+            open: boolean;
+            setDirty: (value: boolean) => void;
+            isDismissing: boolean;
+            resolveDismissing: (value: boolean) => void;
+            dismiss: () => Promise<void>;
+        }): any;
+        'floating-root'?(_: {
+            setFloatingRoot: (value: HTMLElement | undefined) => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').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/dist/components/ui-modal/native-close-confirmation.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    confirmationText: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    resolve: (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onResolve?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,16 @@
+export type UiModalSize = 'm' | 'l';
+export type UiModalBeforeClose = () => boolean | Promise<boolean>;
+export type UiModalProps = {
+    /** Состояние открытия modal. Используется с v-model:open. */
+    open?: boolean;
+    /** Размер modal. */
+    size?: UiModalSize;
+    /** Заголовок modal. */
+    title?: string;
+    /** Описание modal. */
+    description?: string;
+    /** Хук перед закрытием модального окна. Возврат false отменяет закрытие. */
+    beforeClose?: UiModalBeforeClose;
+    /** Текст нативного подтверждения при закрытии modal с несохраненными изменениями. */
+    confirmationText?: string;
+};

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[];
 };