@huntflow/ui 0.3.3-beta.0 → 0.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ui-button-link/types.d.ts +3 -0
- package/dist/components/ui-icon/icon-list.d.ts +1 -1
- package/dist/components/ui-tabs/tabs-code-snippet.d.ts +1 -1
- package/dist/components/ui-tabs/tabs.vue.d.ts +4 -6
- package/dist/components/ui-tabs/types.d.ts +0 -14
- package/dist/sprite-72QFlqRU.js +4 -0
- package/dist/ui.es.js +1635 -1659
- package/package.json +1 -1
- package/dist/sprite-BGLNIWmU.js +0 -4
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const icons: readonly ["2-users-20", "Vector", "add-reaction-16", "ai-20", "alert-20", "alert-24", "alert-fill-20", "alert-fill-24", "alert-fill-28", "archive-16", "archive-18", "archive-20", "archive-24", "archive-28", "arrow-down-20", "arrow-left-18", "arrow-left-20", "arrow-narrow-left-24", "arrow-narrow-left-bold-24", "arrow-narrow-right-24", "arrow-narrow-right-bold-20", "arrow-narrow-right-bold-24", "arrow-right-18", "arrow-right-20", "arrow-up-20", "attention-16", "attention-18", "attention-20", "attention-24", "attention-28", "calendar-16", "calendar-18", "calendar-20", "calendar-24", "calendar-28", "casper-20", "check-16", "check-18", "check-20", "check-24", "check-28", "check-color-16", "check-color-18", "check-color-20", "check-color-24", "check-color-28", "chevron-down-16", "chevron-down-18", "chevron-down-20", "chevron-down-24", "chevron-down-28", "chevron-left-16", "chevron-left-18", "chevron-left-20", "chevron-left-24", "chevron-left-28", "chevron-right-16", "chevron-right-18", "chevron-right-20", "chevron-right-24", "chevron-right-28", "chevron-up-16", "chevron-up-18", "chevron-up-20", "chevron-up-24", "chevron-up-28", "circle-download-20", "clip-16", "clip-18", "clip-20", "clip-24", "clip-28", "clipboard-16", "clipboard-18", "clipboard-20", "clipboard-24", "clipboard-28", "clock-16", "clock-18", "clock-20", "clock-24", "clock-28", "clock-fill-16", "clock-fill-18", "clock-fill-20", "clock-fill-24", "clock-fill-28", "close-16", "close-18", "close-20", "close-28", "copy-20", "crown-16", "crown-18", "crown-20", "crown-24", "crown-28", "dots-horizontal-20", "dots-vertical-20", "download-16", "download-18", "download-20", "download-24", "download-28", "download-circle-16", "download-circle-18", "drag-16", "drag-20", "drag-24", "drop-down", "edit-16", "edit-18", "edit-20", "edit-24", "edit-28", "eye-open-20", "eye-slash-20", "feedback-16", "feedback-18", "feedback-20", "feedback-24", "feedback-28", "folder-16", "folder-18", "folder-20", "folder-24", "folder-28", "funnel-20", "graph-16", "graph-18", "graph-20", "graph-24", "graph-28", "home-16", "home-18", "home-20", "home-24", "home-28", "incognito-20", "incognito-24", "info-16", "info-18", "info-20", "info-24", "info-28", "link-16", "link-18", "link-20", "link-24", "link-28", "lock-16", "lock-18", "lock-20", "lock-24", "lock-28", "lock-black-18", "lock-color-16", "lock-color-18", "lock-color-20", "lock-color-24", "lock-color-28", "max-16", "max-18", "max-20", "max-24", "max-28", "max-contour-18", "max-contour-20", "max-contour-24", "max-disable-16", "max-disable-18", "max-disable-20", "max-disable-24", "max-disable-28", "message-16", "message-18", "message-20", "message-24", "message-28", "message-open-18", "message-replied-18", "mute-20", "mute-fill-20", "next-20", "notches-16", "options-16", "options-18", "options-20", "options-24", "options-28", "options-lock-20", "phone-16", "phone-18", "phone-20", "phone-24", "phone-28", "phone-error-16", "phone-error-18", "phone-error-20", "phone-error-24", "phone-error-28", "phone-fill-16", "phone-fill-18", "phone-fill-20", "phone-fill-24", "phone-fill-28", "plus-16", "plus-18", "plus-20", "plus-circle-16", "plus-circle-18", "plus-circle-20", "plus-circle-24", "plus-circle-28", "point-chart-20", "print-16", "print-18", "print-20", "print-24", "print-28", "priority-20", "question-16", "question-18", "question-20", "question-24", "question-28", "refresh-18", "refresh-20", "refresh-24", "rocket-16", "rocket-18", "rocket-20", "rocket-24", "rocket-28", "search-16", "search-18", "search-20", "search-24", "search-28", "semiselected-16", "semiselected-18", "semiselected-20", "semiselected-24", "semiselected-28", "settings-16", "settings-18", "settings-20", "settings-24", "settings-28", "share-16", "share-18", "share-20", "share-24", "share-28", "shield-attention-20", "shield-attention-lock-20", "shield-fill-16", "shield-fill-20", "shield-tick-20", "shuffle-20", "sms-16", "sms-18", "sms-20", "sms-24", "sms-28", "star-16", "star-18", "star-20", "star-24", "star-28", "stop-color-16", "stop-color-18", "stop-color-20", "stop-color-24", "stop-color-28", "tag-18", "tag-20", "team-24", "telegram-16", "telegram-18", "telegram-20", "telegram-24", "telegram-28", "telegram-contour-18", "telegram-contour-20", "telegram-contour-24", "text-16", "text-18", "text-20", "text-24", "text-28", "thumbs-28", "thumbsup-16", "thumbsup-18", "thumbsup-20", "thumbsup-24", "trash-16", "trash-18", "trash-20", "trash-24", "trash-28", "unmute-18", "unmute-20", "upload-16", "upload-18", "upload-20", "url-16", "url-18", "url-20", "url-24", "url-28", "verification-fill-20", "viber-16", "viber-18", "viber-20", "viber-24", "viber-28", "viber-contour-16", "viber-contour-18", "viber-contour-20", "viber-contour-24", "viber-contour-28", "whatsapp-16", "whatsapp-18", "whatsapp-20", "whatsapp-24", "whatsapp-28", "whatsapp-contour-18", "whatsapp-contour-20", "whatsapp-contour-24", "x-circle-20", "zoom-16", "zoom-18", "zoom-20", "zoom-24", "zoom-28"];
|
|
1
|
+
export declare const icons: readonly ["2-users-20", "Vector", "add-reaction-16", "ai-20", "alert-20", "alert-24", "alert-fill-20", "alert-fill-24", "alert-fill-28", "archive-16", "archive-18", "archive-20", "archive-24", "archive-28", "arrow-corner-down-left", "arrow-down-20", "arrow-left-18", "arrow-left-20", "arrow-narrow-left-24", "arrow-narrow-left-bold-24", "arrow-narrow-right-24", "arrow-narrow-right-bold-20", "arrow-narrow-right-bold-24", "arrow-right-18", "arrow-right-20", "arrow-up-20", "attention-16", "attention-18", "attention-20", "attention-24", "attention-28", "calendar-16", "calendar-18", "calendar-20", "calendar-24", "calendar-28", "casper-20", "check-16", "check-18", "check-20", "check-24", "check-28", "check-color-16", "check-color-18", "check-color-20", "check-color-24", "check-color-28", "chevron-down-16", "chevron-down-18", "chevron-down-20", "chevron-down-24", "chevron-down-28", "chevron-left-16", "chevron-left-18", "chevron-left-20", "chevron-left-24", "chevron-left-28", "chevron-right-16", "chevron-right-18", "chevron-right-20", "chevron-right-24", "chevron-right-28", "chevron-up-16", "chevron-up-18", "chevron-up-20", "chevron-up-24", "chevron-up-28", "circle-download-20", "clip-16", "clip-18", "clip-20", "clip-24", "clip-28", "clipboard-16", "clipboard-18", "clipboard-20", "clipboard-24", "clipboard-28", "clock-16", "clock-18", "clock-20", "clock-24", "clock-28", "clock-fill-16", "clock-fill-18", "clock-fill-20", "clock-fill-24", "clock-fill-28", "close-16", "close-18", "close-20", "close-28", "close-large-18", "close-large-20", "copy-20", "crown-16", "crown-18", "crown-20", "crown-24", "crown-28", "dots-horizontal-20", "dots-vertical-20", "download-16", "download-18", "download-20", "download-24", "download-28", "download-circle-16", "download-circle-18", "drag-16", "drag-20", "drag-24", "drop-down", "edit-16", "edit-18", "edit-20", "edit-24", "edit-28", "eye-open-20", "eye-slash-20", "feedback-16", "feedback-18", "feedback-20", "feedback-24", "feedback-28", "folder-16", "folder-18", "folder-20", "folder-24", "folder-28", "funnel-20", "graph-16", "graph-18", "graph-20", "graph-24", "graph-28", "home-16", "home-18", "home-20", "home-24", "home-28", "incognito-20", "incognito-24", "info-16", "info-18", "info-20", "info-24", "info-28", "info-circle-16", "info-circle-18", "info-circle-20", "info-circle-24", "info-circle-28", "info-circle", "link-16", "link-18", "link-20", "link-24", "link-28", "lock-16", "lock-18", "lock-20", "lock-24", "lock-28", "lock-black-18", "lock-color-16", "lock-color-18", "lock-color-20", "lock-color-24", "lock-color-28", "max-16", "max-18", "max-20", "max-24", "max-28", "max-contour-18", "max-contour-20", "max-contour-24", "max-disable-16", "max-disable-18", "max-disable-20", "max-disable-24", "max-disable-28", "message-16", "message-18", "message-20", "message-24", "message-28", "message-open-18", "message-replied-18", "mute-20", "mute-fill-20", "next-20", "notches-16", "options-16", "options-18", "options-20", "options-24", "options-28", "options-lock-20", "pause-circle-20", "pencil-line-20", "phone-16", "phone-18", "phone-20", "phone-24", "phone-28", "phone-error-16", "phone-error-18", "phone-error-20", "phone-error-24", "phone-error-28", "phone-fill-16", "phone-fill-18", "phone-fill-20", "phone-fill-24", "phone-fill-28", "plus-16", "plus-18", "plus-20", "plus-circle-16", "plus-circle-18", "plus-circle-20", "plus-circle-24", "plus-circle-28", "point-chart-20", "print-16", "print-18", "print-20", "print-24", "print-28", "priority-20", "question-16", "question-18", "question-20", "question-24", "question-28", "rating-18", "rating-20", "rating-fill-20", "refresh-18", "refresh-20", "refresh-24", "rocket-16", "rocket-18", "rocket-20", "rocket-24", "rocket-28", "search-16", "search-18", "search-20", "search-24", "search-28", "semiselected-16", "semiselected-18", "semiselected-20", "semiselected-24", "semiselected-28", "settings-16", "settings-18", "settings-20", "settings-24", "settings-28", "settings-fill-18", "settings-fill-20", "share-16", "share-18", "share-20", "share-24", "share-28", "shield-attention-20", "shield-attention-lock-20", "shield-fill-16", "shield-fill-20", "shield-tick-20", "shuffle-20", "signature-20", "sms-16", "sms-18", "sms-20", "sms-24", "sms-28", "split-diff-18", "star-16", "star-18", "star-20", "star-24", "star-28", "stop-color-16", "stop-color-18", "stop-color-20", "stop-color-24", "stop-color-28", "tag-18", "tag-20", "team-24", "telegram-16", "telegram-18", "telegram-20", "telegram-24", "telegram-28", "telegram-contour-18", "telegram-contour-20", "telegram-contour-24", "text-16", "text-18", "text-20", "text-24", "text-28", "thumbs-28", "thumbsup-16", "thumbsup-18", "thumbsup-20", "thumbsup-24", "trash-16", "trash-18", "trash-20", "trash-24", "trash-28", "unmute-18", "unmute-20", "upload-16", "upload-18", "upload-20", "url-16", "url-18", "url-20", "url-24", "url-28", "verification-fill-20", "viber-16", "viber-18", "viber-20", "viber-24", "viber-28", "viber-contour-16", "viber-contour-18", "viber-contour-20", "viber-contour-24", "viber-contour-28", "whatsapp-16", "whatsapp-18", "whatsapp-20", "whatsapp-24", "whatsapp-28", "whatsapp-contour-18", "whatsapp-contour-20", "whatsapp-contour-24", "x-circle-20", "zoom-16", "zoom-18", "zoom-20", "zoom-24", "zoom-28"];
|
|
@@ -1 +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 #
|
|
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";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { UiTabsItem, UiTabsProps } from './types';
|
|
2
2
|
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<{
|
|
3
3
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
4
|
-
readonly "onUpdate:modelValue"?: ((
|
|
4
|
+
readonly "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
|
|
5
5
|
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
|
|
6
6
|
modelValue?: Item["value"];
|
|
7
7
|
} & UiTabsProps<Item>) & Partial<{}>> & import('vue').PublicProps;
|
|
@@ -11,18 +11,16 @@ declare const _default: <Item extends UiTabsItem = UiTabsItem>(__VLS_props: NonN
|
|
|
11
11
|
item?: (props: {
|
|
12
12
|
item: Item;
|
|
13
13
|
}) => any;
|
|
14
|
-
|
|
15
|
-
} & { [K in Item["value"] as `content-${K}`]?: (() => any) | undefined; } & {
|
|
14
|
+
} & { [K in Item["value"]]?: (() => any) | undefined; } & {
|
|
16
15
|
[key: string]: unknown;
|
|
17
16
|
}> & {
|
|
18
17
|
item?: (props: {
|
|
19
18
|
item: Item;
|
|
20
19
|
}) => any;
|
|
21
|
-
|
|
22
|
-
} & { [K in Item["value"] as `content-${K}`]?: (() => any) | undefined; } & {
|
|
20
|
+
} & { [K in Item["value"]]?: (() => any) | undefined; } & {
|
|
23
21
|
[key: string]: unknown;
|
|
24
22
|
};
|
|
25
|
-
emit: (evt: "update:modelValue", value: Item["value"]) => void;
|
|
23
|
+
emit: ((evt: "update:modelValue", value: Item["value"]) => void) & ((evt: "update:modelValue", value: Item["value"]) => void);
|
|
26
24
|
}>) => import('vue').VNode & {
|
|
27
25
|
__ctx?: Awaited<typeof __VLS_setup>;
|
|
28
26
|
};
|
|
@@ -4,12 +4,6 @@ export type UiTabsItem = {
|
|
|
4
4
|
value: UiTabsValue;
|
|
5
5
|
};
|
|
6
6
|
export type UiTabsGap = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl';
|
|
7
|
-
export type UiTabsSticky = boolean | {
|
|
8
|
-
top?: number;
|
|
9
|
-
right?: number;
|
|
10
|
-
bottom?: number;
|
|
11
|
-
left?: number;
|
|
12
|
-
};
|
|
13
7
|
export type UiTabsProps<Item extends UiTabsItem = UiTabsItem> = {
|
|
14
8
|
/** Значение активной вкладки. Используется с v-model. */
|
|
15
9
|
modelValue?: Item['value'];
|
|
@@ -23,14 +17,6 @@ export type UiTabsProps<Item extends UiTabsItem = UiTabsItem> = {
|
|
|
23
17
|
contentGap?: UiTabsGap;
|
|
24
18
|
/** Показывает анимированный индикатор активной вкладки. */
|
|
25
19
|
indicator?: boolean;
|
|
26
|
-
/** Скрывает список вкладок, если вкладка только одна. */
|
|
27
|
-
hideSingleTab?: boolean;
|
|
28
|
-
/** Скрывает линию под списком вкладок. */
|
|
29
|
-
hideLine?: boolean;
|
|
30
|
-
/** Прилипающий режим списка вкладок: `true/false` или объект оффсетов, например `{ top: 0 }`. */
|
|
31
|
-
sticky?: UiTabsSticky;
|
|
32
|
-
/** Удаляет содержимое неактивных вкладок из DOM. */
|
|
33
|
-
unmountOnHide?: boolean;
|
|
34
20
|
/** Список вкладок. */
|
|
35
21
|
items: Item[];
|
|
36
22
|
};
|