@huntflow/ui 0.3.5 → 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;
+};