@shtabapp/ui-kit 1.36.0 → 1.38.0
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/CHANGELOG.md +16 -0
- package/dist/components/SBanner/SBanner.types.d.ts +55 -0
- package/dist/components/SBanner/SBanner.types.d.ts.map +1 -0
- package/dist/components/SBanner/SBanner.vue.d.ts +27 -0
- package/dist/components/SBanner/SBanner.vue.d.ts.map +1 -0
- package/dist/components/SBanner/index.d.ts +3 -0
- package/dist/components/SBanner/index.d.ts.map +1 -0
- package/dist/components/SList/utils/resolveListItemFields.d.ts +1 -1
- package/dist/components/SList/utils/resolveListItemFields.d.ts.map +1 -1
- package/dist/components/SNotification/SNotification.types.d.ts +120 -0
- package/dist/components/SNotification/SNotification.types.d.ts.map +1 -0
- package/dist/components/SNotification/SNotification.vue.d.ts +27 -0
- package/dist/components/SNotification/SNotification.vue.d.ts.map +1 -0
- package/dist/components/SNotification/index.d.ts +3 -0
- package/dist/components/SNotification/index.d.ts.map +1 -0
- package/dist/components/SNotification/resolveNotificationIcon.d.ts +4 -0
- package/dist/components/SNotification/resolveNotificationIcon.d.ts.map +1 -0
- package/dist/components/SToast/SToast.types.d.ts +58 -0
- package/dist/components/SToast/SToast.types.d.ts.map +1 -0
- package/dist/components/SToast/SToast.vue.d.ts +27 -0
- package/dist/components/SToast/SToast.vue.d.ts.map +1 -0
- package/dist/components/SToast/index.d.ts +3 -0
- package/dist/components/SToast/index.d.ts.map +1 -0
- package/dist/components/SToastProvider/SToastProvider.vue.d.ts +17 -0
- package/dist/components/SToastProvider/SToastProvider.vue.d.ts.map +1 -0
- package/dist/components/SToastProvider/SToastProviderToast.vue.d.ts +27 -0
- package/dist/components/SToastProvider/SToastProviderToast.vue.d.ts.map +1 -0
- package/dist/components/SToastProvider/index.d.ts +5 -0
- package/dist/components/SToastProvider/index.d.ts.map +1 -0
- package/dist/components/SToastProvider/useToast.d.ts +16 -0
- package/dist/components/SToastProvider/useToast.d.ts.map +1 -0
- package/dist/components/SToastProvider/utils/computeAutoDuration.d.ts +5 -0
- package/dist/components/SToastProvider/utils/computeAutoDuration.d.ts.map +1 -0
- package/dist/components/SToastProvider/utils/toastProviderConstants.d.ts +6 -0
- package/dist/components/SToastProvider/utils/toastProviderConstants.d.ts.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +626 -36
- package/dist/uikit-components.css +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## [@shtabapp/ui-kit-v1.38.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.37.0...@shtabapp/ui-kit@1.38.0) (2026-07-03)
|
|
2
|
+
|
|
3
|
+
### Features
|
|
4
|
+
|
|
5
|
+
- stoast sbanner style fix ([8b268ce](https://gitlab.com/mstikharev/shtab-ui-kit/commit/8b268ce2c0a88590b4ed81b71b2d646b19d787f3))
|
|
6
|
+
|
|
7
|
+
## [@shtabapp/ui-kit-v1.37.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.36.0...@shtabapp/ui-kit@1.37.0) (2026-07-03)
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
- stoast sbanner ([4358cba](https://gitlab.com/mstikharev/shtab-ui-kit/commit/4358cba9293dfea23d26d7c5c273f5e37c2a80a2))
|
|
12
|
+
- stoast sbanner ([b3de7a1](https://gitlab.com/mstikharev/shtab-ui-kit/commit/b3de7a19a7ed439ca30ed606f66ed5d5dcc95187))
|
|
13
|
+
- stoast sbanner ([1c92ce0](https://gitlab.com/mstikharev/shtab-ui-kit/commit/1c92ce02ce7017794365cb45184f6c11dc758095))
|
|
14
|
+
- stoast sbanner ([869ffa2](https://gitlab.com/mstikharev/shtab-ui-kit/commit/869ffa2864847c9266ee0741028107be19007f52))
|
|
15
|
+
- stoast sbanner ([9f10141](https://gitlab.com/mstikharev/shtab-ui-kit/commit/9f10141eefa0e7f94072d1472439c26af758d175))
|
|
16
|
+
|
|
1
17
|
## [@shtabapp/ui-kit-v1.36.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.35.0...@shtabapp/ui-kit@1.36.0) (2026-07-02)
|
|
2
18
|
|
|
3
19
|
### Features
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import type { TSIconName } from '@shtabapp/ui-kit-primitives';
|
|
2
|
+
import type { SBanner } from '.';
|
|
3
|
+
import type { ENotificationLayout, ENotificationLeftside, ENotificationType, INotificationAvatarProps } from '../SNotification';
|
|
4
|
+
export { ENotificationLayout, ENotificationLeftside, ENotificationType } from '../SNotification';
|
|
5
|
+
export type { INotificationAvatarProps } from '../SNotification';
|
|
6
|
+
export interface ISBannerProps {
|
|
7
|
+
/**
|
|
8
|
+
* Семантический тип оформления.
|
|
9
|
+
* @default info-accent
|
|
10
|
+
*/
|
|
11
|
+
type?: ENotificationType;
|
|
12
|
+
/**
|
|
13
|
+
* Горизонтальный или вертикальный layout.
|
|
14
|
+
* @default horizontal
|
|
15
|
+
*/
|
|
16
|
+
layout?: ENotificationLayout;
|
|
17
|
+
/**
|
|
18
|
+
* Иконка или аватар слева.
|
|
19
|
+
* @default icon
|
|
20
|
+
*/
|
|
21
|
+
leftside?: ENotificationLeftside;
|
|
22
|
+
/** Заголовок. */
|
|
23
|
+
title: string;
|
|
24
|
+
/** Текст описания. */
|
|
25
|
+
description?: string;
|
|
26
|
+
/** Текст ссылки под описанием. */
|
|
27
|
+
linkText?: string;
|
|
28
|
+
/** Подпись основной кнопки. */
|
|
29
|
+
primaryButtonText?: string;
|
|
30
|
+
/** Подпись вторичной кнопки. */
|
|
31
|
+
secondaryButtonText?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Показывать блок кнопок.
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
showPrimaryButton?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Показывать кнопку закрытия.
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
closable?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Accessible name для кнопки закрытия.
|
|
44
|
+
* @default ''
|
|
45
|
+
*/
|
|
46
|
+
closeAriaLabel?: string;
|
|
47
|
+
/** Переопределение иконки типа. */
|
|
48
|
+
icon?: TSIconName;
|
|
49
|
+
/** Данные аватара при `leftside="avatar"`. */
|
|
50
|
+
avatar?: INotificationAvatarProps;
|
|
51
|
+
/** Ограничение ширины. */
|
|
52
|
+
maxWidth?: string | number;
|
|
53
|
+
}
|
|
54
|
+
export type TSBannerInstance = InstanceType<typeof SBanner>;
|
|
55
|
+
//# sourceMappingURL=SBanner.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SBanner.types.d.ts","sourceRoot":"","sources":["../../../src/components/SBanner/SBanner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,CAAA;AAChC,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACzB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAChG,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAEhE,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,wBAAwB,CAAA;IACjC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ISBannerProps } from './SBanner.types';
|
|
2
|
+
declare var __VLS_14: {}, __VLS_17: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
title?: (props: typeof __VLS_14) => any;
|
|
5
|
+
} & {
|
|
6
|
+
description?: (props: typeof __VLS_17) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<ISBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
close: () => any;
|
|
10
|
+
linkClick: () => any;
|
|
11
|
+
primaryAction: () => any;
|
|
12
|
+
secondaryAction: () => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<ISBannerProps> & Readonly<{
|
|
14
|
+
onClose?: (() => any) | undefined;
|
|
15
|
+
onLinkClick?: (() => any) | undefined;
|
|
16
|
+
onPrimaryAction?: (() => any) | undefined;
|
|
17
|
+
onSecondaryAction?: (() => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SBanner.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SBanner/SBanner.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+JpD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKpD,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SBanner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,eAAe,CAAA;AAClD,YAAY,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const resolveListItemStringField: (item: Record<string, unknown>, fieldKey: string) => string | undefined;
|
|
2
2
|
export declare const resolveListItemBooleanField: (item: Record<string, unknown>, fieldKey: string) => boolean;
|
|
3
|
-
export declare const resolveListItemIconField: (item: Record<string, unknown>, fieldKey: string) => "aboveTask" | "activity" | "activityNewYear" | "aiBlob" | "alertCircle" | "alignCenter" | "alignLeft" | "alignRight" | "allInOne" | "apple" | "applications" | "archive" | "archiveArrowUp" | "arrowCollapse" | "arrowDown" | "arrowExpand" | "arrowLeft" | "arrowLeftRight" | "arrowRight" | "arrowRightUpSquare" | "arrowSwapHorisontal" | "arrowSwapVertical" | "arrowUp" | "attach" | "back" | "ball" | "bell" | "bellCheck" | "bellOff" | "bellOffFill" | "bill" | "board" | "book" | "bookOpen" | "bow" | "box" | "brain" | "brainMagic" | "burger" | "butler" | "button" | "calculator" | "calendar" | "calendarCheck" | "calendarEdit" | "calendarMove" | "calendarOff" | "camera" | "car" | "card" | "cardMagic" | "cardPlus" | "case" | "casePlus" | "cash" | "catalog" | "chain" | "chainBreak" | "changePoll" | "chartLine" | "chartPie" | "check" | "checkBold" | "checkCircle" | "checklist" | "checkMini" | "checkMultiple" | "checkOff" | "checkSquare" | "checkSquareMultiple" | "chevronDown" | "chevronLeft" | "chevronMiniDown" | "chevronMiniExpand" | "chevronMiniLeft" | "chevronMiniNarrow" | "chevronMiniRight" | "chevronMiniUp" | "chevronRight" | "chevronUp" | "circleMiniFill" | "close" | "closeCircle" | "closeMini" | "closeSquare" | "cloudCheck" | "cloudOff" | "coins" | "column" | "comment" | "commentMultiple" | "commentRoundFill" | "commentWrite" | "community" | "contract" | "control" | "controlFill" | "copy" | "cover" | "creator" | "currencyDollar" | "currencyEur" | "currencyRub" | "dangerCircleFill" | "database" | "description" | "descriptionCheck" | "descriptionMagic" | "directInward" | "directOutward" | "dislike" | "doc" | "dog" | "download" | "dragAndDrop" | "dropdown" | "edit" | "editMagic" | "editProject" | "email" | "emojiconHappy" | "emoticonLaugh" | "enter" | "envelope" | "eraser" | "event" | "expert" | "eye" | "eyeOff" | "feed" | "fieldPlus" | "filter" | "fireFill" | "flag" | "folder" | "folderOpen" | "fork" | "formatBoldFill" | "formatCallout" | "formatCode" | "formatColorFill" | "formatColumn" | "formatEmbed" | "formatFormula" | "formatFullscreen" | "formatH1" | "formatH2" | "formatH3" | "formatHidden" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatListQuote" | "formatParagraph" | "formatStrikethrough" | "formatText" | "formatTextClean" | "formatUnderline" | "forMe" | "fullscreen" | "gant" | "gift" | "goal" | "goalNewYear" | "graph" | "group" | "hand" | "hashtag" | "heart" | "heartFill" | "history" | "home" | "homeFill" | "homeNewYear" | "hourglassFill50" | "inbox" | "inboxFill" | "infinity" | "infoCircle" | "integrations" | "key" | "lamp" | "lightning" | "lightningFill" | "like" | "link" | "list" | "load" | "lock" | "lockOpen" | "magnifier" | "map" | "mark" | "marker" | "matrix" | "menu" | "menuSidebarLeft" | "menuSidebarRight" | "merge" | "microphone" | "microphoneFill" | "milestone" | "milestoneCheck" | "minus" | "minusMini" | "modal" | "moon" | "more" | "moveTo" | "music" | "noteDownload" | "page" | "palette" | "pauseFill" | "payCardFill" | "payCardPlusFill" | "pdf" | "percent" | "person" | "personal" | "personArrowDown" | "personMultiple" | "personPlus" | "personTie" | "phone" | "pic" | "picMultiple" | "picUnderlined" | "pin" | "pinFill" | "pinOff" | "pipette" | "placeholder" | "play" | "playFill" | "plus" | "poll" | "presentation" | "price" | "priority" | "progress" | "progressCircle0" | "progressCircle100" | "progressCircle25" | "progressCircle50" | "progressCircle75" | "progressCircleDotted" | "project" | "questionCircle" | "questionCircleFill" | "quote" | "reactions" | "refresh" | "repeat" | "reply" | "reports" | "restore" | "return" | "review" | "robotHappy" | "robotSad" | "rocket" | "route" | "row" | "sample" | "save" | "scheduled" | "scrum" | "search" | "searchPlus" | "sendFill" | "settingNewYear" | "settings" | "share" | "shevronDobbleLeft" | "shevronDobbleMiniLeft" | "shevronDobbleMiniRight" | "shevronDobbleRight" | "shtab" | "sidebar" | "snowmenNewYear" | "sortAlphabeticalAscending" | "sortAlphabeticalDescending" | "sortAscending" | "sortDescending" | "split" | "splitHorisontal" | "splitVertical" | "squareMiniFill" | "stack" | "stageFill" | "star" | "starFill" | "statusFill" | "stopFill" | "stopwatch" | "subitem" | "subtask" | "successCircleFill" | "summary" | "sun" | "sunglasses" | "sunset" | "symbolEqual" | "symbolGreaterThan" | "symbolGreaterThanOrEqual" | "symbolLessThan" | "symbolLessThanOrEqual" | "symbols" | "tableCellsFill" | "tableColumnPlusLeft" | "tableColumnPlusRight" | "tableHead" | "tableHeadFill" | "tableMultiple" | "tablePlus" | "tableRowPlusBottom" | "tableSide" | "tableSideFill" | "taboo" | "tabooBold" | "tag" | "tagFill" | "tariff" | "team" | "telegramFill" | "telescope" | "text" | "tile" | "time" | "timeline" | "timer" | "transcription" | "transition" | "trash" | "tune" | "unpin" | "value07x" | "value15x" | "value1x" | "value2x" | "video" | "vkFill" | "voice" | "wallet" | "web" | "weight" | "wifiOff" | "youTubeFill" | "zip" | undefined;
|
|
3
|
+
export declare const resolveListItemIconField: (item: Record<string, unknown>, fieldKey: string) => "object" | "aboveTask" | "activity" | "activityNewYear" | "aiBlob" | "alertCircle" | "alertCircleFill" | "alignCenter" | "alignLeft" | "alignRight" | "allInOne" | "apple" | "applications" | "archive" | "archiveArrowUp" | "arrowCollapse" | "arrowDown" | "arrowExpand" | "arrowLeft" | "arrowLeftRight" | "arrowReposition" | "arrowRight" | "arrowRightUpSquare" | "arrowSwapHorisontal" | "arrowSwapHorizontal" | "arrowSwapVertical" | "arrowUp" | "attach" | "back" | "ball" | "bell" | "bellCheck" | "bellOff" | "bellOffFill" | "bill" | "board" | "book" | "bookOpen" | "bow" | "box" | "brain" | "brainMagic" | "burger" | "butler" | "button" | "calculator" | "calendar" | "calendarCheck" | "calendarEdit" | "calendarMove" | "calendarOff" | "camera" | "car" | "card" | "cardMagic" | "cardPlus" | "case" | "casePlus" | "cash" | "catalog" | "chain" | "chainBreak" | "changePoll" | "chartLine" | "chartPie" | "check" | "checkBold" | "checkCircle" | "checklist" | "checkMini" | "checkMultiple" | "checkOff" | "checkSquare" | "checkSquareMultiple" | "chevronDoubleLeft" | "chevronDoubleMiniLeft" | "chevronDoubleMiniRight" | "chevronDoubleRight" | "chevronDown" | "chevronLeft" | "chevronMiniDown" | "chevronMiniExpand" | "chevronMiniLeft" | "chevronMiniNarrow" | "chevronMiniRight" | "chevronMiniUp" | "chevronRight" | "chevronUp" | "christmasTree" | "christmasTreeActivity" | "christmasTreeGoal" | "circleMiniFill" | "close" | "closeCircle" | "closeMini" | "closeSquare" | "cloudCheck" | "cloudOff" | "coins" | "column" | "comment" | "commentMultiple" | "commentRoundFill" | "commentWrite" | "community" | "computer" | "contract" | "control" | "controlCheck" | "controlFill" | "controlFillCheck" | "copy" | "cover" | "creator" | "currencyDollar" | "currencyEur" | "currencyRub" | "dangerCircleFill" | "database" | "description" | "descriptionCheck" | "descriptionMagic" | "descriptionPlus" | "directInward" | "directOutward" | "dislike" | "doc" | "dog" | "download" | "dragAndDrop" | "dropdown" | "edit" | "editMagic" | "editProject" | "editRuler" | "email" | "emojiconHappy" | "emoticonLaugh" | "enter" | "envelope" | "eraser" | "event" | "expert" | "eye" | "eyeOff" | "feed" | "fieldPlus" | "filter" | "finishToFinish" | "finishToStart" | "fireFill" | "flag" | "folder" | "folderOpen" | "fork" | "formatBoldFill" | "formatCallout" | "formatCode" | "formatColorFill" | "formatColumn" | "formatEmbed" | "formatFormula" | "formatFullscreen" | "formatH1" | "formatH2" | "formatH3" | "formatHidden" | "formatItalic" | "formatListBulleted" | "formatListNumbered" | "formatListQuote" | "formatParagraph" | "formatStrikethrough" | "formatText" | "formatTextClean" | "formatUnderline" | "forMe" | "fullscreen" | "gant" | "gift" | "gitIcon" | "goal" | "goalNewYear" | "graph" | "graphReport" | "group" | "hand" | "hashtag" | "heart" | "heartFill" | "history" | "home" | "homeFill" | "homeNewYear" | "hospital" | "hourglassFill50" | "inbox" | "inboxFill" | "infinity" | "infoCircle" | "integrations" | "key" | "keyboard" | "lamp" | "lightning" | "lightningFill" | "like" | "link" | "list" | "load" | "lock" | "lockOpen" | "magnifier" | "map" | "mark" | "markdown" | "marker" | "matrix" | "menu" | "menuSidebarLeft" | "menuSidebarRight" | "merge" | "microphone" | "microphoneFill" | "milestone" | "milestoneCheck" | "milestoneFill" | "minus" | "minusMini" | "mobile" | "modal" | "moon" | "more" | "moveTo" | "music" | "noteDownload" | "page" | "palette" | "pause" | "pauseCircle" | "pauseFill" | "payCardFill" | "payCardPlusFill" | "pdf" | "percent" | "person" | "personal" | "personArrowDown" | "personMultiple" | "personPlus" | "personTie" | "phone" | "pic" | "picMultiple" | "picUnderlined" | "pin" | "pinFill" | "pinOff" | "pipette" | "placeholder" | "play" | "playFill" | "plus" | "poll" | "presentation" | "price" | "priority" | "progress" | "progressCircle0" | "progressCircle100" | "progressCircle25" | "progressCircle50" | "progressCircle75" | "progressCircleDotted" | "project" | "questionCircle" | "questionCircleFill" | "quote" | "reactions" | "redo" | "refresh" | "repeat" | "reply" | "reports" | "resource" | "restore" | "return" | "review" | "robotHappy" | "robotSad" | "rocket" | "route" | "row" | "sample" | "save" | "scanSearch" | "scheduled" | "scrum" | "search" | "searchInfo" | "searchPlus" | "sendFill" | "settingNewYear" | "settings" | "share" | "shevronDobbleLeft" | "shevronDobbleMiniLeft" | "shevronDobbleMiniRight" | "shevronDobbleRight" | "shtab" | "sidebar" | "snowflake" | "snowmen" | "snowmenNewYear" | "sortAlphabeticalAscending" | "sortAlphabeticalDescending" | "sortAscending" | "sortDescending" | "split" | "splitHorisontal" | "splitHorizontal" | "splitVertical" | "squareMiniFill" | "stack" | "stageFill" | "star" | "starFill" | "startToFinish" | "startToStart" | "statusFill" | "stop" | "stopFill" | "stopwatch" | "subitem" | "subtask" | "successCircleFill" | "summary" | "sun" | "sunglasses" | "sunset" | "symbolEqual" | "symbolGreaterThan" | "symbolGreaterThanOrEqual" | "symbolLessThan" | "symbolLessThanOrEqual" | "symbols" | "table" | "tableCellsFill" | "tableColumnPlusLeft" | "tableColumnPlusRight" | "tableHead" | "tableHeadFill" | "tableMultiple" | "tablePlus" | "tableRowPlusBottom" | "tableSide" | "tableSideFill" | "taboo" | "tabooBold" | "tabooFill" | "tag" | "tagFill" | "tariff" | "team" | "telegramFill" | "telescope" | "text" | "tile" | "time" | "timeAlert" | "timeFill" | "timeline" | "timer" | "timetable" | "transcription" | "transition" | "trash" | "tune" | "undo" | "unpin" | "utensils" | "value07x" | "value15x" | "value1x" | "value2x" | "video" | "vkFill" | "voice" | "wallet" | "web" | "weight" | "wifiOff" | "wrench" | "youTubeFill" | "zip" | undefined;
|
|
4
4
|
//# sourceMappingURL=resolveListItemFields.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resolveListItemFields.d.ts","sourceRoot":"","sources":["../../../../src/components/SList/utils/resolveListItemFields.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,uBAQzF,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,YAQ1F,CAAA;AAMD,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,
|
|
1
|
+
{"version":3,"file":"resolveListItemFields.d.ts","sourceRoot":"","sources":["../../../../src/components/SList/utils/resolveListItemFields.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,uBAQzF,CAAA;AAED,eAAO,MAAM,2BAA2B,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,YAQ1F,CAAA;AAMD,eAAO,MAAM,wBAAwB,GAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,MAAM,mkLAQvF,CAAA"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
import type { Component } from 'vue';
|
|
2
|
+
import type { TSIconName } from '@shtabapp/ui-kit-primitives';
|
|
3
|
+
import type { ESAvatarBadge } from '../SAvatar';
|
|
4
|
+
export declare enum ENotificationType {
|
|
5
|
+
INFO_ACCENT = "info-accent",
|
|
6
|
+
INFO_NORMAL = "info-normal",
|
|
7
|
+
SUCCESS = "success",
|
|
8
|
+
WARNING = "warning",
|
|
9
|
+
DANGER = "danger",
|
|
10
|
+
BILLING = "billing"
|
|
11
|
+
}
|
|
12
|
+
export declare enum ENotificationLayout {
|
|
13
|
+
HORIZONTAL = "horizontal",
|
|
14
|
+
VERTICAL = "vertical"
|
|
15
|
+
}
|
|
16
|
+
export declare enum ENotificationLeftside {
|
|
17
|
+
ICON = "icon",
|
|
18
|
+
AVATAR = "avatar"
|
|
19
|
+
}
|
|
20
|
+
export declare enum ENotificationSurface {
|
|
21
|
+
BANNER = "banner",
|
|
22
|
+
TOAST = "toast"
|
|
23
|
+
}
|
|
24
|
+
export interface INotificationAvatarProps {
|
|
25
|
+
/** Имя пользователя для инициалов и alt. */
|
|
26
|
+
name?: string;
|
|
27
|
+
/** URL фото. */
|
|
28
|
+
src?: string;
|
|
29
|
+
/** Бейдж статуса на аватаре. */
|
|
30
|
+
badge?: ESAvatarBadge;
|
|
31
|
+
}
|
|
32
|
+
export interface ISNotificationProps {
|
|
33
|
+
type?: ENotificationType;
|
|
34
|
+
layout?: ENotificationLayout;
|
|
35
|
+
leftside?: ENotificationLeftside;
|
|
36
|
+
surface?: ENotificationSurface;
|
|
37
|
+
title: string;
|
|
38
|
+
description?: string;
|
|
39
|
+
linkText?: string;
|
|
40
|
+
primaryButtonText?: string;
|
|
41
|
+
secondaryButtonText?: string;
|
|
42
|
+
showPrimaryButton?: boolean;
|
|
43
|
+
closable?: boolean;
|
|
44
|
+
closeAriaLabel?: string;
|
|
45
|
+
icon?: TSIconName;
|
|
46
|
+
avatar?: INotificationAvatarProps;
|
|
47
|
+
width?: string | number;
|
|
48
|
+
maxWidth?: string | number;
|
|
49
|
+
}
|
|
50
|
+
export interface ISToastConfig {
|
|
51
|
+
/** Идентификатор toast; при повторном `show` с тем же id обновляет запись в очереди. */
|
|
52
|
+
id?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Семантический тип оформления.
|
|
55
|
+
* @default info-accent
|
|
56
|
+
*/
|
|
57
|
+
type?: ENotificationType;
|
|
58
|
+
/**
|
|
59
|
+
* Горизонтальный или вертикальный layout.
|
|
60
|
+
* @default horizontal
|
|
61
|
+
*/
|
|
62
|
+
layout?: ENotificationLayout;
|
|
63
|
+
/**
|
|
64
|
+
* Иконка или аватар слева.
|
|
65
|
+
* @default icon
|
|
66
|
+
*/
|
|
67
|
+
leftside?: ENotificationLeftside;
|
|
68
|
+
/** Заголовок. */
|
|
69
|
+
title: string;
|
|
70
|
+
/** Текст описания. */
|
|
71
|
+
description?: string;
|
|
72
|
+
/** Текст ссылки под описанием. */
|
|
73
|
+
linkText?: string;
|
|
74
|
+
/** Подпись основной кнопки. */
|
|
75
|
+
primaryButtonText?: string;
|
|
76
|
+
/** Подпись вторичной кнопки. */
|
|
77
|
+
secondaryButtonText?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Показывать блок кнопок.
|
|
80
|
+
* @default false
|
|
81
|
+
*/
|
|
82
|
+
showPrimaryButton?: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* Показывать кнопку закрытия.
|
|
85
|
+
* @default true
|
|
86
|
+
*/
|
|
87
|
+
closable?: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* Accessible name для кнопки закрытия.
|
|
90
|
+
* @default ''
|
|
91
|
+
*/
|
|
92
|
+
closeAriaLabel?: string;
|
|
93
|
+
/** Переопределение иконки типа. */
|
|
94
|
+
icon?: TSIconName;
|
|
95
|
+
/** Данные аватара при `leftside="avatar"`. */
|
|
96
|
+
avatar?: INotificationAvatarProps;
|
|
97
|
+
/**
|
|
98
|
+
* Длительность показа в миллисекундах; `0` — без auto-dismiss.
|
|
99
|
+
* По умолчанию вычисляется из длины `title` и `description`.
|
|
100
|
+
*/
|
|
101
|
+
duration?: number;
|
|
102
|
+
/** Ширина toast. */
|
|
103
|
+
width?: string | number;
|
|
104
|
+
/** Кастомный Vue-компонент вместо `SToast`. */
|
|
105
|
+
component?: Component;
|
|
106
|
+
/** Пропсы для `component`. */
|
|
107
|
+
componentProps?: Record<string, unknown>;
|
|
108
|
+
/** Колбэк после закрытия toast. */
|
|
109
|
+
onClose?: () => void;
|
|
110
|
+
/** Колбэк по клику на ссылку. */
|
|
111
|
+
onLinkClick?: () => void;
|
|
112
|
+
/** Колбэк по основной кнопке; аргумент — id toast. */
|
|
113
|
+
onPrimaryAction?: (id: string) => void;
|
|
114
|
+
/** Колбэк по вторичной кнопке. */
|
|
115
|
+
onSecondaryAction?: () => void;
|
|
116
|
+
}
|
|
117
|
+
export interface IToastInstance extends ISToastConfig {
|
|
118
|
+
id: string;
|
|
119
|
+
}
|
|
120
|
+
//# sourceMappingURL=SNotification.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SNotification.types.d.ts","sourceRoot":"","sources":["../../../src/components/SNotification/SNotification.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { type ISNotificationProps } from './SNotification.types';
|
|
2
|
+
declare var __VLS_11: {}, __VLS_20: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
title?: (props: typeof __VLS_11) => any;
|
|
5
|
+
} & {
|
|
6
|
+
description?: (props: typeof __VLS_20) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<ISNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
close: () => any;
|
|
10
|
+
linkClick: () => any;
|
|
11
|
+
primaryAction: () => any;
|
|
12
|
+
secondaryAction: () => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<ISNotificationProps> & Readonly<{
|
|
14
|
+
onClose?: (() => any) | undefined;
|
|
15
|
+
onLinkClick?: (() => any) | undefined;
|
|
16
|
+
onPrimaryAction?: (() => any) | undefined;
|
|
17
|
+
onSecondaryAction?: (() => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SNotification.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SNotification.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SNotification/SNotification.vue"],"names":[],"mappings":"AA+PA,OAAO,EAKL,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAA;AA2b9B,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKpD,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SNotification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,uBAAuB,CAAA;AAC9B,YAAY,EACV,wBAAwB,EACxB,mBAAmB,EACnB,aAAa,EACb,cAAc,GACf,MAAM,uBAAuB,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { type TSIconName } from '@shtabapp/ui-kit-primitives';
|
|
2
|
+
import { ENotificationType } from './SNotification.types';
|
|
3
|
+
export declare const resolveNotificationIcon: (type: ENotificationType, iconOverride?: TSIconName) => TSIconName;
|
|
4
|
+
//# sourceMappingURL=resolveNotificationIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resolveNotificationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/SNotification/resolveNotificationIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAWzD,eAAO,MAAM,uBAAuB,GAClC,MAAM,iBAAiB,EACvB,eAAe,UAAU,KACxB,UAMF,CAAA"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import type { TSIconName } from '@shtabapp/ui-kit-primitives';
|
|
2
|
+
import type { SToast } from '.';
|
|
3
|
+
import type { ENotificationLayout, ENotificationLeftside, ENotificationType, INotificationAvatarProps } from '../SNotification';
|
|
4
|
+
export { ENotificationLayout, ENotificationLeftside, ENotificationType } from '../SNotification';
|
|
5
|
+
export type { INotificationAvatarProps } from '../SNotification';
|
|
6
|
+
export interface ISToastProps {
|
|
7
|
+
/**
|
|
8
|
+
* Семантический тип оформления.
|
|
9
|
+
* @default info-accent
|
|
10
|
+
*/
|
|
11
|
+
type?: ENotificationType;
|
|
12
|
+
/**
|
|
13
|
+
* Горизонтальный или вертикальный layout.
|
|
14
|
+
* @default horizontal
|
|
15
|
+
*/
|
|
16
|
+
layout?: ENotificationLayout;
|
|
17
|
+
/**
|
|
18
|
+
* Иконка или аватар слева.
|
|
19
|
+
* @default icon
|
|
20
|
+
*/
|
|
21
|
+
leftside?: ENotificationLeftside;
|
|
22
|
+
/** Заголовок. */
|
|
23
|
+
title: string;
|
|
24
|
+
/** Текст описания. */
|
|
25
|
+
description?: string;
|
|
26
|
+
/** Текст ссылки под описанием. */
|
|
27
|
+
linkText?: string;
|
|
28
|
+
/** Подпись основной кнопки. */
|
|
29
|
+
primaryButtonText?: string;
|
|
30
|
+
/** Подпись вторичной кнопки. */
|
|
31
|
+
secondaryButtonText?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Показывать блок кнопок.
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
showPrimaryButton?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Показывать кнопку закрытия.
|
|
39
|
+
* @default true
|
|
40
|
+
*/
|
|
41
|
+
closable?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Accessible name для кнопки закрытия.
|
|
44
|
+
* @default ''
|
|
45
|
+
*/
|
|
46
|
+
closeAriaLabel?: string;
|
|
47
|
+
/** Переопределение иконки типа. */
|
|
48
|
+
icon?: TSIconName;
|
|
49
|
+
/** Данные аватара при `leftside="avatar"`. */
|
|
50
|
+
avatar?: INotificationAvatarProps;
|
|
51
|
+
/**
|
|
52
|
+
* Ширина toast.
|
|
53
|
+
* @default 360
|
|
54
|
+
*/
|
|
55
|
+
width?: string | number;
|
|
56
|
+
}
|
|
57
|
+
export type TSToastInstance = InstanceType<typeof SToast>;
|
|
58
|
+
//# sourceMappingURL=SToast.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SToast.types.d.ts","sourceRoot":"","sources":["../../../src/components/SToast/SToast.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAE7D,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,GAAG,CAAA;AAC/B,OAAO,KAAK,EACV,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,EACzB,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAChG,YAAY,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAA;AAEhE,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAA;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,sBAAsB;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,mCAAmC;IACnC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,wBAAwB,CAAA;IACjC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACxB;AAED,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,OAAO,MAAM,CAAC,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { ISToastProps } from './SToast.types';
|
|
2
|
+
declare var __VLS_14: {}, __VLS_17: {};
|
|
3
|
+
type __VLS_Slots = {} & {
|
|
4
|
+
title?: (props: typeof __VLS_14) => any;
|
|
5
|
+
} & {
|
|
6
|
+
description?: (props: typeof __VLS_17) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<ISToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
9
|
+
close: () => any;
|
|
10
|
+
linkClick: () => any;
|
|
11
|
+
primaryAction: () => any;
|
|
12
|
+
secondaryAction: () => any;
|
|
13
|
+
}, string, import("vue").PublicProps, Readonly<ISToastProps> & Readonly<{
|
|
14
|
+
onClose?: (() => any) | undefined;
|
|
15
|
+
onLinkClick?: (() => any) | undefined;
|
|
16
|
+
onPrimaryAction?: (() => any) | undefined;
|
|
17
|
+
onSecondaryAction?: (() => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SToast.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SToast/SToast.vue"],"names":[],"mappings":"AAqGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAkKlD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKpD,QAAA,MAAM,UAAU;;;;;;;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SToast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA;AAChD,YAAY,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { IToastInstance } from '../SNotification/SNotification.types';
|
|
2
|
+
declare var __VLS_15: {
|
|
3
|
+
toast: IToastInstance;
|
|
4
|
+
};
|
|
5
|
+
type __VLS_Slots = {} & {
|
|
6
|
+
toast?: (props: typeof __VLS_15) => any;
|
|
7
|
+
};
|
|
8
|
+
declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
9
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
12
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
13
|
+
new (): {
|
|
14
|
+
$slots: S;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=SToastProvider.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SToastProvider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SToastProvider/SToastProvider.vue"],"names":[],"mappings":"AA0NA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAA;AA+V1E,QAAA,IAAI,QAAQ;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,+QACd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
index: number;
|
|
3
|
+
expanded: boolean;
|
|
4
|
+
frontToastHeight: number;
|
|
5
|
+
stackPeek: number;
|
|
6
|
+
removed: boolean;
|
|
7
|
+
visible: boolean;
|
|
8
|
+
offsetY: number;
|
|
9
|
+
};
|
|
10
|
+
declare var __VLS_1: {};
|
|
11
|
+
type __VLS_Slots = {} & {
|
|
12
|
+
default?: (props: typeof __VLS_1) => any;
|
|
13
|
+
};
|
|
14
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
+
heightChange: (height: number) => any;
|
|
16
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
|
+
onHeightChange?: ((height: number) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
20
|
+
declare const _default: typeof __VLS_export;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=SToastProviderToast.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SToastProviderToast.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SToastProvider/SToastProviderToast.vue"],"names":[],"mappings":"AAqFA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB,CAAC;AAyFF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as SToastProvider } from './SToastProvider.vue';
|
|
2
|
+
export { useToast } from './useToast';
|
|
3
|
+
export type { IUseToast } from './useToast';
|
|
4
|
+
export { computeAutoDuration, TOAST_AUTO_DURATION_MAX_MS, TOAST_AUTO_DURATION_MIN_MS, TOAST_AUTO_DURATION_MS_PER_CHAR, } from './utils/computeAutoDuration';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SToastProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAC3C,OAAO,EACL,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,EAC1B,+BAA+B,GAChC,MAAM,6BAA6B,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { type ShallowRef } from 'vue';
|
|
2
|
+
import { type IToastInstance, type ISToastConfig } from '../SNotification';
|
|
3
|
+
export interface IUseToast {
|
|
4
|
+
/** Реактивная очередь активных toast (до трёх в стеке). */
|
|
5
|
+
toasts: ShallowRef<IToastInstance[]>;
|
|
6
|
+
/** Добавляет или обновляет toast; возвращает id. */
|
|
7
|
+
show: (config: ISToastConfig) => string;
|
|
8
|
+
/** Закрывает toast по id. */
|
|
9
|
+
hide: (id: string) => void;
|
|
10
|
+
/** Закрывает все toast и сбрасывает таймеры. */
|
|
11
|
+
hideAll: () => void;
|
|
12
|
+
/** Частично обновляет toast по id. */
|
|
13
|
+
update: (id: string, config: Partial<ISToastConfig>) => void;
|
|
14
|
+
}
|
|
15
|
+
export declare const useToast: () => IUseToast;
|
|
16
|
+
//# sourceMappingURL=useToast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/SToastProvider/useToast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,UAAU,EAAE,MAAM,KAAK,CAAA;AAEjD,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,aAAa,EACnB,MAAM,kBAAkB,CAAA;AAyIzB,MAAM,WAAW,SAAS;IACxB,2DAA2D;IAC3D,MAAM,EAAE,UAAU,CAAC,cAAc,EAAE,CAAC,CAAA;IACpC,oDAAoD;IACpD,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAA;IACvC,6BAA6B;IAC7B,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1B,gDAAgD;IAChD,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,sCAAsC;IACtC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,KAAK,IAAI,CAAA;CAC7D;AAED,eAAO,MAAM,QAAQ,QAAO,SAQ3B,CAAA"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const TOAST_AUTO_DURATION_MIN_MS = 4000;
|
|
2
|
+
export declare const TOAST_AUTO_DURATION_MAX_MS = 10000;
|
|
3
|
+
export declare const TOAST_AUTO_DURATION_MS_PER_CHAR = 50;
|
|
4
|
+
export declare const computeAutoDuration: (title: string, description?: string) => number;
|
|
5
|
+
//# sourceMappingURL=computeAutoDuration.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"computeAutoDuration.d.ts","sourceRoot":"","sources":["../../../../src/components/SToastProvider/utils/computeAutoDuration.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,OAAO,CAAA;AAC9C,eAAO,MAAM,0BAA0B,QAAQ,CAAA;AAC/C,eAAO,MAAM,+BAA+B,KAAK,CAAA;AAEjD,eAAO,MAAM,mBAAmB,GAAI,OAAO,MAAM,EAAE,cAAc,MAAM,KAAG,MASzE,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export declare const TOAST_VISIBLE_AMOUNT = 3;
|
|
2
|
+
export declare const TOAST_EXPAND_GAP = 4;
|
|
3
|
+
export declare const TOAST_STACK_PEEK = 10;
|
|
4
|
+
export declare const TOAST_UNMOUNT_DELAY_MS = 200;
|
|
5
|
+
export declare const TOAST_STACK_SCALE_STEP = 0.05;
|
|
6
|
+
//# sourceMappingURL=toastProviderConstants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toastProviderConstants.d.ts","sourceRoot":"","sources":["../../../../src/components/SToastProvider/utils/toastProviderConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,IAAI,CAAA;AAErC,eAAO,MAAM,gBAAgB,IAAI,CAAA;AAEjC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,sBAAsB,MAAM,CAAA;AAEzC,eAAO,MAAM,sBAAsB,OAAO,CAAA"}
|