prismify-ui 0.1.0-alpha.1
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 +21 -0
- package/CODE_OF_CONDUCT.md +79 -0
- package/LICENSE +21 -0
- package/README.md +38 -0
- package/dist/components/dashboard/PfDashboardGroup/index.vue.d.ts +42 -0
- package/dist/components/dashboard/PfDashboardNavbar/index.vue.d.ts +57 -0
- package/dist/components/dashboard/PfDashboardPanel/index.vue.d.ts +47 -0
- package/dist/components/dashboard/PfDashboardResizeHandle/index.vue.d.ts +28 -0
- package/dist/components/dashboard/PfDashboardSearch/index.vue.d.ts +99 -0
- package/dist/components/dashboard/PfDashboardSearchButton/index.vue.d.ts +71 -0
- package/dist/components/dashboard/PfDashboardSidebar/index.vue.d.ts +121 -0
- package/dist/components/dashboard/PfDashboardSidebarCollapse/index.vue.d.ts +65 -0
- package/dist/components/dashboard/PfDashboardSidebarToggle/index.vue.d.ts +65 -0
- package/dist/components/dashboard/PfDashboardToolbar/index.vue.d.ts +32 -0
- package/dist/components/dashboard/shared/injection.d.ts +30 -0
- package/dist/components/dashboard/shared/resize.d.ts +5 -0
- package/dist/components/dashboard/shared/storage.d.ts +10 -0
- package/dist/components/data/PfAccordion/index.vue.d.ts +167 -0
- package/dist/components/data/PfEmpty/index.vue.d.ts +83 -0
- package/dist/components/data/PfMarquee/index.vue.d.ts +97 -0
- package/dist/components/data/PfScrollArea/index.vue.d.ts +58 -0
- package/dist/components/data/PfTable/index.vue.d.ts +166 -0
- package/dist/components/data/PfTimeline/index.vue.d.ts +105 -0
- package/dist/components/data/PfTree/PfTreeBranch.vue.d.ts +78 -0
- package/dist/components/data/PfTree/PfTreeRow.vue.d.ts +107 -0
- package/dist/components/data/PfTree/index.vue.d.ts +222 -0
- package/dist/components/data/PfTree/treeContext.d.ts +19 -0
- package/dist/components/data/PfTree/treeItemDisplay.d.ts +5 -0
- package/dist/components/data/PfTree/treeTypes.d.ts +58 -0
- package/dist/components/data/PfUser/index.vue.d.ts +65 -0
- package/dist/components/editor/PfEditor/PfEditorImageUploadNode.vue.d.ts +3 -0
- package/dist/components/editor/PfEditor/imageUploadExtension.d.ts +10 -0
- package/dist/components/editor/PfEditor/index.vue.d.ts +47 -0
- package/dist/components/editor/PfEditorDragHandle/index.vue.d.ts +95 -0
- package/dist/components/editor/PfEditorEmojiMenu/index.vue.d.ts +43 -0
- package/dist/components/editor/PfEditorMentionMenu/index.vue.d.ts +53 -0
- package/dist/components/editor/PfEditorSuggestionMenu/index.vue.d.ts +49 -0
- package/dist/components/editor/PfEditorToolbar/index.vue.d.ts +67 -0
- package/dist/components/editor/utils/handlers.d.ts +7 -0
- package/dist/components/editor/utils/injection.d.ts +8 -0
- package/dist/components/editor/utils/mapEditorItems.d.ts +7 -0
- package/dist/components/editor/utils/types.d.ts +98 -0
- package/dist/components/editor/utils/useEditorMenu.d.ts +31 -0
- package/dist/components/element/PfAlert/index.vue.d.ts +98 -0
- package/dist/components/element/PfAvatar/index.vue.d.ts +43 -0
- package/dist/components/element/PfAvatarGroup/index.vue.d.ts +52 -0
- package/dist/components/element/PfAvatarGroup/injection.d.ts +6 -0
- package/dist/components/element/PfBadge/index.vue.d.ts +64 -0
- package/dist/components/element/PfBanner/index.vue.d.ts +67 -0
- package/dist/components/element/PfButton/index.vue.d.ts +108 -0
- package/dist/components/element/PfCard/index.vue.d.ts +34 -0
- package/dist/components/element/PfChip/index.vue.d.ts +49 -0
- package/dist/components/element/PfCollapsible/index.vue.d.ts +82 -0
- package/dist/components/element/PfContentSearchButton/index.vue.d.ts +75 -0
- package/dist/components/element/PfFieldGroup/index.vue.d.ts +48 -0
- package/dist/components/element/PfFieldGroup/injection.d.ts +6 -0
- package/dist/components/element/PfIcon/iconSizes.d.ts +3 -0
- package/dist/components/element/PfIcon/index.vue.d.ts +10 -0
- package/dist/components/element/PfIcon/paths.d.ts +14 -0
- package/dist/components/element/PfKbd/index.vue.d.ts +36 -0
- package/dist/components/element/PfProgress/index.vue.d.ts +69 -0
- package/dist/components/element/PfSeparator/index.vue.d.ts +58 -0
- package/dist/components/element/PfSkeleton/index.vue.d.ts +31 -0
- package/dist/components/form/PfCalendar/calendarGrid.d.ts +12 -0
- package/dist/components/form/PfCalendar/calendarSelection.d.ts +30 -0
- package/dist/components/form/PfCalendar/index.vue.d.ts +137 -0
- package/dist/components/form/PfCheckbox/index.vue.d.ts +84 -0
- package/dist/components/form/PfCheckboxGroup/index.vue.d.ts +82 -0
- package/dist/components/form/PfColorPicker/colorPicker.d.ts +46 -0
- package/dist/components/form/PfColorPicker/index.vue.d.ts +54 -0
- package/dist/components/form/PfFileUpload/index.vue.d.ts +258 -0
- package/dist/components/form/PfForm/index.vue.d.ts +75 -0
- package/dist/components/form/PfForm/injection.d.ts +32 -0
- package/dist/components/form/PfForm/validation.d.ts +9 -0
- package/dist/components/form/PfFormField/index.vue.d.ts +59 -0
- package/dist/components/form/PfInput/index.vue.d.ts +97 -0
- package/dist/components/form/PfInputDate/index.vue.d.ts +109 -0
- package/dist/components/form/PfInputDate/inputDateSegments.d.ts +36 -0
- package/dist/components/form/PfInputMenu/index.vue.d.ts +1410 -0
- package/dist/components/form/PfInputNumber/index.vue.d.ts +498 -0
- package/dist/components/form/PfInputTags/index.vue.d.ts +482 -0
- package/dist/components/form/PfInputTime/index.vue.d.ts +108 -0
- package/dist/components/form/PfInputTime/inputTimeSegments.d.ts +36 -0
- package/dist/components/form/PfPinInput/index.vue.d.ts +56 -0
- package/dist/components/form/PfRadio/index.vue.d.ts +76 -0
- package/dist/components/form/PfRadioGroup/index.vue.d.ts +74 -0
- package/dist/components/form/PfSelect/index.vue.d.ts +209 -0
- package/dist/components/form/PfSelectMenu/index.vue.d.ts +1034 -0
- package/dist/components/form/PfSlider/index.vue.d.ts +54 -0
- package/dist/components/form/PfSwitch/index.vue.d.ts +83 -0
- package/dist/components/form/PfTextarea/index.vue.d.ts +111 -0
- package/dist/components/form/groupItems.d.ts +36 -0
- package/dist/components/layout/PfApp/index.vue.d.ts +45 -0
- package/dist/components/layout/PfApp/injection.d.ts +43 -0
- package/dist/components/layout/PfContainer/index.vue.d.ts +27 -0
- package/dist/components/layout/PfError/index.vue.d.ts +113 -0
- package/dist/components/layout/PfFooter/index.vue.d.ts +38 -0
- package/dist/components/layout/PfHeader/index.vue.d.ts +132 -0
- package/dist/components/layout/PfMain/index.vue.d.ts +27 -0
- package/dist/components/navigation/PfBreadcrumb/index.vue.d.ts +156 -0
- package/dist/components/navigation/PfContentNavigation/index.vue.d.ts +196 -0
- package/dist/components/navigation/PfContentSurround/index.vue.d.ts +86 -0
- package/dist/components/navigation/PfContentToc/index.vue.d.ts +165 -0
- package/dist/components/navigation/PfFooterColumns/index.vue.d.ts +145 -0
- package/dist/components/navigation/PfLink/index.vue.d.ts +80 -0
- package/dist/components/navigation/PfNavigationMenu/index.vue.d.ts +187 -0
- package/dist/components/navigation/PfPagination/index.vue.d.ts +103 -0
- package/dist/components/navigation/PfStepper/index.vue.d.ts +107 -0
- package/dist/components/navigation/PfTabs/index.vue.d.ts +131 -0
- package/dist/components/overlay/PfContentSearch/index.vue.d.ts +181 -0
- package/dist/components/overlay/PfContextMenu/PfContextMenuItems.vue.d.ts +10 -0
- package/dist/components/overlay/PfContextMenu/index.vue.d.ts +57 -0
- package/dist/components/overlay/PfContextMenu/types.d.ts +40 -0
- package/dist/components/overlay/PfDrawer/index.vue.d.ts +106 -0
- package/dist/components/overlay/PfDropdownMenu/PfDropdownMenuItems.vue.d.ts +10 -0
- package/dist/components/overlay/PfDropdownMenu/index.vue.d.ts +74 -0
- package/dist/components/overlay/PfDropdownMenu/types.d.ts +58 -0
- package/dist/components/overlay/PfModal/index.vue.d.ts +138 -0
- package/dist/components/overlay/PfToast/index.vue.d.ts +128 -0
- package/dist/components/overlay/PfToaster/index.vue.d.ts +11 -0
- package/dist/components/overlay/PfTooltip/index.vue.d.ts +85 -0
- package/dist/composables/pfScrollAreaVirtual.d.ts +21 -0
- package/dist/composables/usePfApp.d.ts +7 -0
- package/dist/composables/usePfContentSearch.d.ts +11 -0
- package/dist/composables/usePfKbd.d.ts +14 -0
- package/dist/composables/usePfToast.d.ts +137 -0
- package/dist/composables/usePfVModelBound.d.ts +5 -0
- package/dist/index.d.ts +184 -0
- package/dist/prismify-ui.cjs +3 -0
- package/dist/prismify-ui.cjs.map +1 -0
- package/dist/prismify-ui.js +26967 -0
- package/dist/prismify-ui.js.map +1 -0
- package/dist/style.css +1 -0
- package/dist/utils/editor.d.ts +2 -0
- package/dist/utils/pfLinkQuery.d.ts +8 -0
- package/docs/README.md +17 -0
- package/docs/installation.md +120 -0
- package/docs/library-development.md +57 -0
- package/docs/theming.md +334 -0
- package/llms.txt +220 -0
- package/package.json +146 -0
- package/src/styles/_variables.scss +25 -0
- package/src/styles/index.scss +1 -0
- package/src/styles/mixins/_input-tag-pill.scss +72 -0
- package/src/styles/variables/_accordion.scss +15 -0
- package/src/styles/variables/_animation.scss +25 -0
- package/src/styles/variables/_breadcrumb.scss +11 -0
- package/src/styles/variables/_colors.scss +37 -0
- package/src/styles/variables/_contextMenu.scss +31 -0
- package/src/styles/variables/_dashboard.scss +8 -0
- package/src/styles/variables/_drawer.scss +34 -0
- package/src/styles/variables/_editor.scss +34 -0
- package/src/styles/variables/_effects.scss +6 -0
- package/src/styles/variables/_empty.scss +12 -0
- package/src/styles/variables/_fileUpload.scss +21 -0
- package/src/styles/variables/_footerColumns.scss +17 -0
- package/src/styles/variables/_layout.scss +294 -0
- package/src/styles/variables/_link.scss +8 -0
- package/src/styles/variables/_marquee.scss +6 -0
- package/src/styles/variables/_modal.scss +26 -0
- package/src/styles/variables/_navigationMenu.scss +46 -0
- package/src/styles/variables/_stepper.scss +15 -0
- package/src/styles/variables/_table.scss +29 -0
- package/src/styles/variables/_tabs.scss +18 -0
- package/src/styles/variables/_timeline.scss +11 -0
- package/src/styles/variables/_toast.scss +14 -0
- package/src/styles/variables/_tooltip.scss +16 -0
- package/src/styles/variables/_tree.scss +29 -0
- package/src/styles/variables/_typography.scss +19 -0
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { PfButtonAvatarProps } from '../../element/PfButton/index.vue';
|
|
2
|
+
import { PfIconName } from '../../element/PfIcon/paths';
|
|
3
|
+
export interface PfDashboardSidebarCollapseUi {
|
|
4
|
+
base?: string;
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
8
|
+
variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
9
|
+
side?: 'left' | 'right';
|
|
10
|
+
ui?: PfDashboardSidebarCollapseUi;
|
|
11
|
+
icon?: PfIconName;
|
|
12
|
+
label?: string;
|
|
13
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
+
square?: boolean;
|
|
15
|
+
block?: boolean;
|
|
16
|
+
loadingAuto?: boolean;
|
|
17
|
+
avatar?: PfButtonAvatarProps;
|
|
18
|
+
leading?: boolean;
|
|
19
|
+
leadingIcon?: PfIconName;
|
|
20
|
+
trailing?: boolean;
|
|
21
|
+
trailingIcon?: PfIconName;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
loadingIcon?: PfIconName;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
type?: 'button' | 'submit' | 'reset';
|
|
26
|
+
};
|
|
27
|
+
declare function __VLS_template(): {
|
|
28
|
+
attrs: Partial<{}>;
|
|
29
|
+
slots: {
|
|
30
|
+
leading?(_: {}): any;
|
|
31
|
+
default?(_: {}): any;
|
|
32
|
+
trailing?(_: {}): any;
|
|
33
|
+
};
|
|
34
|
+
refs: {};
|
|
35
|
+
rootEl: any;
|
|
36
|
+
};
|
|
37
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
38
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
39
|
+
label: string;
|
|
40
|
+
square: boolean;
|
|
41
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
42
|
+
type: "button" | "submit" | "reset";
|
|
43
|
+
icon: PfIconName;
|
|
44
|
+
loading: boolean;
|
|
45
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
|
|
46
|
+
variant: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link";
|
|
47
|
+
block: boolean;
|
|
48
|
+
leading: boolean;
|
|
49
|
+
leadingIcon: PfIconName;
|
|
50
|
+
trailing: boolean;
|
|
51
|
+
trailingIcon: PfIconName;
|
|
52
|
+
avatar: PfButtonAvatarProps;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
loadingIcon: PfIconName;
|
|
55
|
+
loadingAuto: boolean;
|
|
56
|
+
ui: PfDashboardSidebarCollapseUi;
|
|
57
|
+
side: "left" | "right";
|
|
58
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
59
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
60
|
+
export default _default;
|
|
61
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
62
|
+
new (): {
|
|
63
|
+
$slots: S;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { PfButtonAvatarProps } from '../../element/PfButton/index.vue';
|
|
2
|
+
import { PfIconName } from '../../element/PfIcon/paths';
|
|
3
|
+
export interface PfDashboardSidebarToggleUi {
|
|
4
|
+
base?: string;
|
|
5
|
+
}
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
8
|
+
variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
9
|
+
side?: 'left' | 'right';
|
|
10
|
+
ui?: PfDashboardSidebarToggleUi;
|
|
11
|
+
icon?: PfIconName;
|
|
12
|
+
label?: string;
|
|
13
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
14
|
+
square?: boolean;
|
|
15
|
+
block?: boolean;
|
|
16
|
+
loadingAuto?: boolean;
|
|
17
|
+
avatar?: PfButtonAvatarProps;
|
|
18
|
+
leading?: boolean;
|
|
19
|
+
leadingIcon?: PfIconName;
|
|
20
|
+
trailing?: boolean;
|
|
21
|
+
trailingIcon?: PfIconName;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
loadingIcon?: PfIconName;
|
|
24
|
+
disabled?: boolean;
|
|
25
|
+
type?: 'button' | 'submit' | 'reset';
|
|
26
|
+
};
|
|
27
|
+
declare function __VLS_template(): {
|
|
28
|
+
attrs: Partial<{}>;
|
|
29
|
+
slots: {
|
|
30
|
+
leading?(_: {}): any;
|
|
31
|
+
default?(_: {}): any;
|
|
32
|
+
trailing?(_: {}): any;
|
|
33
|
+
};
|
|
34
|
+
refs: {};
|
|
35
|
+
rootEl: any;
|
|
36
|
+
};
|
|
37
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
38
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
39
|
+
label: string;
|
|
40
|
+
square: boolean;
|
|
41
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
42
|
+
type: "button" | "submit" | "reset";
|
|
43
|
+
icon: PfIconName;
|
|
44
|
+
loading: boolean;
|
|
45
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
|
|
46
|
+
variant: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link";
|
|
47
|
+
block: boolean;
|
|
48
|
+
leading: boolean;
|
|
49
|
+
leadingIcon: PfIconName;
|
|
50
|
+
trailing: boolean;
|
|
51
|
+
trailingIcon: PfIconName;
|
|
52
|
+
avatar: PfButtonAvatarProps;
|
|
53
|
+
disabled: boolean;
|
|
54
|
+
loadingIcon: PfIconName;
|
|
55
|
+
loadingAuto: boolean;
|
|
56
|
+
ui: PfDashboardSidebarToggleUi;
|
|
57
|
+
side: "left" | "right";
|
|
58
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
59
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
60
|
+
export default _default;
|
|
61
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
62
|
+
new (): {
|
|
63
|
+
$slots: S;
|
|
64
|
+
};
|
|
65
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export interface PfDashboardToolbarUi {
|
|
3
|
+
root?: string;
|
|
4
|
+
left?: string;
|
|
5
|
+
right?: string;
|
|
6
|
+
}
|
|
7
|
+
type __VLS_Props = {
|
|
8
|
+
as?: string | Component;
|
|
9
|
+
ui?: PfDashboardToolbarUi;
|
|
10
|
+
};
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
left?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
right?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: any;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
23
|
+
as: string | Component;
|
|
24
|
+
ui: PfDashboardToolbarUi;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { InjectionKey, Ref } from 'vue';
|
|
2
|
+
import { PfDashboardStorage } from './storage';
|
|
3
|
+
import { PfDashboardUnit } from './resize';
|
|
4
|
+
export interface PfDashboardSidebarApi {
|
|
5
|
+
side: 'left' | 'right';
|
|
6
|
+
open: Ref<boolean>;
|
|
7
|
+
collapsed: Ref<boolean>;
|
|
8
|
+
setOpen: (value: boolean) => void;
|
|
9
|
+
setCollapsed: (value: boolean) => void;
|
|
10
|
+
toggleOpen: () => void;
|
|
11
|
+
toggleCollapsed: () => void;
|
|
12
|
+
}
|
|
13
|
+
export interface PfDashboardStateEntry {
|
|
14
|
+
size?: number;
|
|
15
|
+
open?: boolean;
|
|
16
|
+
collapsed?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface PfDashboardGroupContext {
|
|
19
|
+
unit: Ref<PfDashboardUnit>;
|
|
20
|
+
storage: Ref<PfDashboardStorage>;
|
|
21
|
+
storageKey: Ref<string>;
|
|
22
|
+
persistent: Ref<boolean>;
|
|
23
|
+
groupRef: Ref<HTMLElement | null>;
|
|
24
|
+
readState: (id: string) => PfDashboardStateEntry;
|
|
25
|
+
writeState: (id: string, entry: PfDashboardStateEntry) => void;
|
|
26
|
+
registerSidebar: (id: string, api: PfDashboardSidebarApi) => void;
|
|
27
|
+
unregisterSidebar: (id: string) => void;
|
|
28
|
+
getSidebarBySide: (side: 'left' | 'right') => PfDashboardSidebarApi | null;
|
|
29
|
+
}
|
|
30
|
+
export declare const PF_DASHBOARD_GROUP_KEY: InjectionKey<PfDashboardGroupContext>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type PfDashboardUnit = '%' | 'rem' | 'px';
|
|
2
|
+
export declare function clampSize(value: number, min: number, max?: number): number;
|
|
3
|
+
export declare function toUnit(value: number, unit: PfDashboardUnit): string;
|
|
4
|
+
export declare function pxToUnit(px: number, unit: PfDashboardUnit, containerPx: number): number;
|
|
5
|
+
export declare function unitToPx(value: number, unit: PfDashboardUnit, containerPx: number): number;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export type PfDashboardStorage = 'cookie' | 'local';
|
|
2
|
+
export interface PfDashboardStateBucket {
|
|
3
|
+
[id: string]: Partial<{
|
|
4
|
+
size: number;
|
|
5
|
+
open: boolean;
|
|
6
|
+
collapsed: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
}
|
|
9
|
+
export declare function readDashboardBucket(storage: PfDashboardStorage, storageKey: string, persistent: boolean): PfDashboardStateBucket;
|
|
10
|
+
export declare function writeDashboardBucket(storage: PfDashboardStorage, storageKey: string, persistent: boolean, bucket: PfDashboardStateBucket): void;
|
|
@@ -0,0 +1,167 @@
|
|
|
1
|
+
import { Component, PropType } from 'vue';
|
|
2
|
+
import { PfIconName } from '../../element/PfIcon/paths';
|
|
3
|
+
export type PfAccordionItemUi = Partial<{
|
|
4
|
+
item: string;
|
|
5
|
+
header: string;
|
|
6
|
+
trigger: string;
|
|
7
|
+
leadingIcon: string;
|
|
8
|
+
label: string;
|
|
9
|
+
trailingIcon: string;
|
|
10
|
+
content: string;
|
|
11
|
+
body: string;
|
|
12
|
+
}>;
|
|
13
|
+
export interface PfAccordionItem {
|
|
14
|
+
label?: string;
|
|
15
|
+
icon?: PfIconName;
|
|
16
|
+
trailingIcon?: PfIconName;
|
|
17
|
+
content?: string;
|
|
18
|
+
value?: string;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
slot?: string;
|
|
21
|
+
class?: unknown;
|
|
22
|
+
ui?: PfAccordionItemUi;
|
|
23
|
+
}
|
|
24
|
+
export type PfAccordionUi = Partial<{
|
|
25
|
+
root: string;
|
|
26
|
+
item: string;
|
|
27
|
+
header: string;
|
|
28
|
+
trigger: string;
|
|
29
|
+
content: string;
|
|
30
|
+
body: string;
|
|
31
|
+
leadingIcon: string;
|
|
32
|
+
trailingIcon: string;
|
|
33
|
+
label: string;
|
|
34
|
+
}>;
|
|
35
|
+
export type PfAccordionType = 'single' | 'multiple';
|
|
36
|
+
declare function __VLS_template(): {
|
|
37
|
+
attrs: Partial<{}>;
|
|
38
|
+
slots: Partial<Record<string, (_: {
|
|
39
|
+
item: PfAccordionItem;
|
|
40
|
+
index: number;
|
|
41
|
+
open: boolean;
|
|
42
|
+
}) => any>> & Partial<Record<`${string}-body`, (_: {
|
|
43
|
+
item: PfAccordionItem;
|
|
44
|
+
index: number;
|
|
45
|
+
open: boolean;
|
|
46
|
+
}) => any>> & {
|
|
47
|
+
leading?(_: {
|
|
48
|
+
item: PfAccordionItem;
|
|
49
|
+
index: number;
|
|
50
|
+
open: boolean;
|
|
51
|
+
}): any;
|
|
52
|
+
label?(_: {
|
|
53
|
+
item: PfAccordionItem;
|
|
54
|
+
index: number;
|
|
55
|
+
open: boolean;
|
|
56
|
+
}): any;
|
|
57
|
+
trailing?(_: {
|
|
58
|
+
item: PfAccordionItem;
|
|
59
|
+
index: number;
|
|
60
|
+
open: boolean;
|
|
61
|
+
}): any;
|
|
62
|
+
body?(_: {
|
|
63
|
+
item: PfAccordionItem;
|
|
64
|
+
index: number;
|
|
65
|
+
open: boolean;
|
|
66
|
+
}): any;
|
|
67
|
+
content?(_: {
|
|
68
|
+
item: PfAccordionItem;
|
|
69
|
+
index: number;
|
|
70
|
+
open: boolean;
|
|
71
|
+
}): any;
|
|
72
|
+
};
|
|
73
|
+
refs: {};
|
|
74
|
+
rootEl: any;
|
|
75
|
+
};
|
|
76
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
77
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
78
|
+
as: PropType<string | Component | undefined>;
|
|
79
|
+
items: {
|
|
80
|
+
type: PropType<readonly PfAccordionItem[]>;
|
|
81
|
+
default: () => readonly PfAccordionItem[];
|
|
82
|
+
};
|
|
83
|
+
trailingIcon: {
|
|
84
|
+
type: PropType<PfIconName>;
|
|
85
|
+
default: string;
|
|
86
|
+
};
|
|
87
|
+
valueKey: {
|
|
88
|
+
type: StringConstructor;
|
|
89
|
+
default: string;
|
|
90
|
+
};
|
|
91
|
+
labelKey: {
|
|
92
|
+
type: StringConstructor;
|
|
93
|
+
default: string;
|
|
94
|
+
};
|
|
95
|
+
ui: PropType<PfAccordionUi | undefined>;
|
|
96
|
+
collapsible: {
|
|
97
|
+
type: BooleanConstructor;
|
|
98
|
+
default: boolean;
|
|
99
|
+
};
|
|
100
|
+
defaultValue: PropType<string | string[] | undefined>;
|
|
101
|
+
modelValue: PropType<string | string[] | undefined>;
|
|
102
|
+
type: {
|
|
103
|
+
type: PropType<PfAccordionType>;
|
|
104
|
+
default: string;
|
|
105
|
+
};
|
|
106
|
+
disabled: BooleanConstructor;
|
|
107
|
+
/** `true` — remove content from the DOM when closed (no height animation). Default `false` — smooth expand/collapse. */
|
|
108
|
+
unmountOnHide: {
|
|
109
|
+
type: BooleanConstructor;
|
|
110
|
+
default: boolean;
|
|
111
|
+
};
|
|
112
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
113
|
+
"update:modelValue": (value: string | string[] | undefined) => any;
|
|
114
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
115
|
+
as: PropType<string | Component | undefined>;
|
|
116
|
+
items: {
|
|
117
|
+
type: PropType<readonly PfAccordionItem[]>;
|
|
118
|
+
default: () => readonly PfAccordionItem[];
|
|
119
|
+
};
|
|
120
|
+
trailingIcon: {
|
|
121
|
+
type: PropType<PfIconName>;
|
|
122
|
+
default: string;
|
|
123
|
+
};
|
|
124
|
+
valueKey: {
|
|
125
|
+
type: StringConstructor;
|
|
126
|
+
default: string;
|
|
127
|
+
};
|
|
128
|
+
labelKey: {
|
|
129
|
+
type: StringConstructor;
|
|
130
|
+
default: string;
|
|
131
|
+
};
|
|
132
|
+
ui: PropType<PfAccordionUi | undefined>;
|
|
133
|
+
collapsible: {
|
|
134
|
+
type: BooleanConstructor;
|
|
135
|
+
default: boolean;
|
|
136
|
+
};
|
|
137
|
+
defaultValue: PropType<string | string[] | undefined>;
|
|
138
|
+
modelValue: PropType<string | string[] | undefined>;
|
|
139
|
+
type: {
|
|
140
|
+
type: PropType<PfAccordionType>;
|
|
141
|
+
default: string;
|
|
142
|
+
};
|
|
143
|
+
disabled: BooleanConstructor;
|
|
144
|
+
/** `true` — remove content from the DOM when closed (no height animation). Default `false` — smooth expand/collapse. */
|
|
145
|
+
unmountOnHide: {
|
|
146
|
+
type: BooleanConstructor;
|
|
147
|
+
default: boolean;
|
|
148
|
+
};
|
|
149
|
+
}>> & Readonly<{
|
|
150
|
+
"onUpdate:modelValue"?: ((value: string | string[] | undefined) => any) | undefined;
|
|
151
|
+
}>, {
|
|
152
|
+
type: PfAccordionType;
|
|
153
|
+
trailingIcon: "add" | "addressBook" | "alarmClock" | "alignCenter" | "alignJustify" | "alignRight" | "ambulance" | "angleDoubleLeft" | "angleDoubleRight" | "angleDoubleSmallLeft" | "angleDoubleSmallRight" | "angleDown" | "angleLeft" | "angleRight" | "angleSmallDown" | "angleSmallLeft" | "angleSmallRight" | "angleSmallUp" | "angleUp" | "apple" | "apps" | "apps2" | "appsAdd" | "appsDelete" | "appsSort" | "archive" | "arrowDown" | "arrowFromBottom" | "arrowLeft" | "arrowRight" | "arrowSmallDown" | "arrowSmallLeft" | "arrowSmallRight" | "arrowSmallUp" | "arrowUp" | "arrowUpRight" | "asterik" | "at" | "backpack" | "badge" | "balloons" | "ban" | "bandAid" | "bank" | "barberShop" | "baseball" | "basketball" | "bed" | "beer" | "bell" | "bellRing" | "bellSchool" | "bike" | "billiard" | "bold" | "book" | "bookAlt" | "bookmark" | "bowling" | "box" | "boxAlt" | "breadSlice" | "briefcase" | "broom" | "browser" | "brush" | "bug" | "building" | "bulb" | "butterfly" | "cakeBirthday" | "cakeWedding" | "calculator" | "calendar" | "callHistory" | "callIncoming" | "callMissed" | "callOutgoing" | "camera" | "camping" | "car" | "caretDown" | "caretLeft" | "caretRight" | "caretUp" | "carrot" | "catalog" | "chartConnected" | "chartHistogram" | "chartNetwork" | "chartPie" | "chartPieAlt" | "chartPyramid" | "chartSetTheory" | "chartTree" | "chatArrowDown" | "chatArrowGrow" | "check" | "checkbox" | "cheese" | "chessPiece" | "childHead" | "circle" | "circleSmall" | "clip" | "clock" | "cloud" | "cloudCheck" | "cloudDisabled" | "cloudDownload" | "clouds" | "cloudShare" | "cloudUpload" | "cocktail" | "coffee" | "comment" | "commentAlt" | "commentCheck" | "commentHeart" | "commentInfo" | "comments" | "commentUser" | "compress" | "compressAlt" | "computer" | "confetti" | "cookie" | "copy" | "copyAlt" | "copyright" | "cow" | "cream" | "creditCard" | "croissant" | "cross" | "crossCircle" | "crossSmall" | "crown" | "cube" | "cupcake" | "cursor" | "cursorFinger" | "cursorPlus" | "cursorText" | "cursorTextAlt" | "dart" | "dashboard" | "database" | "dataTransfer" | "delete" | "diamond" | "dice" | "diploma" | "discoBall" | "disk" | "doctor" | "document" | "documentSigned" | "dollar" | "download" | "drinkAlt" | "drumstick" | "duplicate" | "earnings" | "edit" | "editAlt" | "eLearning" | "envelope" | "envelopeBan" | "envelopeDownload" | "envelopeMarker" | "envelopeOpen" | "envelopePlus" | "euro" | "exclamation" | "expand" | "eye" | "eyeCrossed" | "eyeDropper" | "feather" | "ferrisWheel" | "file" | "fileAdd" | "fileAi" | "fileCheck" | "fileDelete" | "fileEps" | "fileGif" | "fileMusic" | "filePsd" | "fill" | "film" | "filter" | "fingerprint" | "fish" | "flag" | "flame" | "flipHorizontal" | "flower" | "flowerBouquet" | "flowerTulip" | "folder" | "folderAdd" | "following" | "football" | "form" | "forward" | "fox" | "frown" | "ftp" | "gallery" | "gamepad" | "gasPump" | "gem" | "gift" | "github" | "glassCheers" | "glasses" | "globe" | "globeAlt" | "golf" | "graduationCap" | "graphicTablet" | "grid" | "gridAlt" | "guitar" | "gym" | "hamburger" | "handHoldingHeart" | "hastag" | "hatBirthday" | "headphones" | "headset" | "headSideThinking" | "heart" | "heartArrow" | "home" | "homeLocation" | "homeLocationAlt" | "hourglass" | "hourglassEnd" | "iceCream" | "iceSkate" | "idBadge" | "inbox" | "incognito" | "indent" | "infinity" | "info" | "interactive" | "interlining" | "interrogation" | "italic" | "jpg" | "key" | "keyboard" | "kite" | "label" | "laptop" | "lasso" | "laugh" | "layers" | "layoutFluid" | "leaf" | "letterCase" | "lifeRing" | "lineWidth" | "link" | "lipstick" | "list" | "listCheck" | "locationAlt" | "lock" | "lockAlt" | "luggageRolling" | "magicWand" | "makeupBrush" | "manHead" | "map" | "mapMarker" | "mapMarkerCross" | "mapMarkerHome" | "mapMarkerMinus" | "mapMarkerPlus" | "marker" | "markerTime" | "mars" | "marsDouble" | "maskCarnival" | "medicine" | "megaphone" | "meh" | "menuBurger" | "menuDots" | "menuDotsVertical" | "microphone" | "microphoneAlt" | "minus" | "minusSmall" | "mobile" | "modeLandscape" | "modePortrait" | "money" | "moon" | "mountains" | "mouse" | "mugAlt" | "music" | "musicAlt" | "navigation" | "network" | "networkCloud" | "notebook" | "opacity" | "package" | "paintBrush" | "palette" | "paperPlane" | "password" | "pause" | "paw" | "pencil" | "pharmacy" | "phoneCall" | "phoneCross" | "phonePause" | "phoneSlash" | "physics" | "picture" | "pingPong" | "pizzaSlice" | "plane" | "play" | "playAlt" | "playingCards" | "plus" | "plusSmall" | "pokerChip" | "portrait" | "pound" | "power" | "presentation" | "print" | "protractor" | "pulse" | "pyramid" | "quoteRight" | "rainbow" | "raindrops" | "rec" | "receipt" | "recordVinyl" | "rectabgleVertical" | "rectangleHorizontal" | "rectanglePanoramic" | "recycle" | "redo" | "redoAlt" | "reflect" | "refresh" | "resize" | "resources" | "rewind" | "rhombus" | "ringsWedding" | "road" | "rocket" | "roomService" | "rotateRight" | "rugby" | "sad" | "salad" | "scale" | "school" | "schoolBus" | "scissors" | "screen" | "search" | "searchAlt" | "searchHeart" | "settings" | "settingsSliders" | "share" | "shield" | "shieldCheck" | "shieldExclamation" | "shieldInterrogation" | "shieldPlus" | "ship" | "shipSide" | "shop" | "shoppingBag" | "shoppingBagAdd" | "shoppingCart" | "shoppingCartAdd" | "shoppingCartCheck" | "shuffle" | "signalAlt" | "signalAlt1" | "signalAlt2" | "signIn" | "signInAlt" | "signOut" | "signOutAlt" | "skateboard" | "smartphone" | "smile" | "smileWink" | "snowflake" | "soap" | "soup" | "spa" | "speaker" | "sphere" | "spinner" | "spinnerAlt" | "square" | "squareRoot" | "star" | "starFill" | "starOctogram" | "stats" | "stethoscope" | "sticker" | "stop" | "stopwatch" | "subtitles" | "sun" | "sunrise" | "surfing" | "sword" | "syringe" | "tablet" | "target" | "taxi" | "tennis" | "terrace" | "test" | "testTube" | "text" | "textCheck" | "thermometerHalf" | "thumbsDown" | "thumbsUp" | "thumbtack" | "ticket" | "timeAdd" | "timeCheck" | "timeDelete" | "timeFast" | "timeForward" | "timeForwardSixty" | "timeForwardTen" | "timeHalfPast" | "timeOclock" | "timePast" | "timeQuarterPast" | "timeQuarterTo" | "timeTwentyFour" | "toolCrop" | "toolMarquee" | "tooth" | "tornado" | "train" | "trainSide" | "transform" | "trash" | "treatment" | "tree" | "treeChristmas" | "triangle" | "trophy" | "truckSide" | "umbrella" | "underline" | "undo" | "undoAlt" | "unlock" | "upload" | "usbPendrive" | "user" | "userAdd" | "userDelete" | "userRemove" | "userTime" | "utensils" | "vector" | "vectorAlt" | "venus" | "venusDouble" | "venusMars" | "videoCamera" | "volleyball" | "volume" | "wheelchair" | "wifiAlt" | "wind" | "womanHead" | "world" | "yen" | "zoomIn" | "zoomOut";
|
|
154
|
+
disabled: boolean;
|
|
155
|
+
unmountOnHide: boolean;
|
|
156
|
+
valueKey: string;
|
|
157
|
+
labelKey: string;
|
|
158
|
+
items: readonly PfAccordionItem[];
|
|
159
|
+
collapsible: boolean;
|
|
160
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
161
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
162
|
+
export default _default;
|
|
163
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
164
|
+
new (): {
|
|
165
|
+
$slots: S;
|
|
166
|
+
};
|
|
167
|
+
};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { PfBadgeAvatarProps } from '../../element/PfBadge/index.vue';
|
|
3
|
+
import { PfIconName } from '../../element/PfIcon/paths';
|
|
4
|
+
export type PfEmptyVariant = 'outline' | 'solid' | 'soft' | 'subtle' | 'naked';
|
|
5
|
+
export type PfEmptySize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
export type PfEmptyButtonVariant = 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
7
|
+
export type PfEmptyActionProps = Partial<{
|
|
8
|
+
label: string;
|
|
9
|
+
color: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
10
|
+
variant: PfEmptyButtonVariant;
|
|
11
|
+
size: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
12
|
+
square: boolean;
|
|
13
|
+
block: boolean;
|
|
14
|
+
icon: PfIconName;
|
|
15
|
+
leading: boolean;
|
|
16
|
+
leadingIcon: PfIconName;
|
|
17
|
+
trailing: boolean;
|
|
18
|
+
trailingIcon: PfIconName;
|
|
19
|
+
iconOnly: boolean;
|
|
20
|
+
ariaLabel: string;
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
loading: boolean;
|
|
23
|
+
loadingIcon: PfIconName;
|
|
24
|
+
loadingAuto: boolean;
|
|
25
|
+
type: 'button' | 'submit' | 'reset';
|
|
26
|
+
href: string;
|
|
27
|
+
to: string;
|
|
28
|
+
target: string;
|
|
29
|
+
rel: string;
|
|
30
|
+
download: boolean | string;
|
|
31
|
+
active: boolean;
|
|
32
|
+
activeColor: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
33
|
+
activeVariant: PfEmptyButtonVariant;
|
|
34
|
+
}>;
|
|
35
|
+
export type PfEmptyAvatarProps = PfBadgeAvatarProps;
|
|
36
|
+
export type PfEmptyUi = Partial<{
|
|
37
|
+
root: string;
|
|
38
|
+
header: string;
|
|
39
|
+
leading: string;
|
|
40
|
+
avatar: string;
|
|
41
|
+
title: string;
|
|
42
|
+
description: string;
|
|
43
|
+
body: string;
|
|
44
|
+
actions: string;
|
|
45
|
+
footer: string;
|
|
46
|
+
}>;
|
|
47
|
+
type __VLS_Props = {
|
|
48
|
+
as?: string | Component;
|
|
49
|
+
icon?: PfIconName;
|
|
50
|
+
avatar?: PfEmptyAvatarProps;
|
|
51
|
+
title?: string;
|
|
52
|
+
description?: string;
|
|
53
|
+
actions?: PfEmptyActionProps[];
|
|
54
|
+
variant?: PfEmptyVariant;
|
|
55
|
+
size?: PfEmptySize;
|
|
56
|
+
ui?: PfEmptyUi;
|
|
57
|
+
};
|
|
58
|
+
declare function __VLS_template(): {
|
|
59
|
+
attrs: Partial<{}>;
|
|
60
|
+
slots: {
|
|
61
|
+
leading?(_: {}): any;
|
|
62
|
+
header?(_: {}): any;
|
|
63
|
+
title?(_: {}): any;
|
|
64
|
+
description?(_: {}): any;
|
|
65
|
+
body?(_: {}): any;
|
|
66
|
+
actions?(_: {}): any;
|
|
67
|
+
footer?(_: {}): any;
|
|
68
|
+
};
|
|
69
|
+
refs: {};
|
|
70
|
+
rootEl: any;
|
|
71
|
+
};
|
|
72
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
73
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
74
|
+
size: PfEmptySize;
|
|
75
|
+
variant: PfEmptyVariant;
|
|
76
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
77
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
78
|
+
export default _default;
|
|
79
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
80
|
+
new (): {
|
|
81
|
+
$slots: S;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { Component, PropType } from 'vue';
|
|
2
|
+
export type PfMarqueeOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
export type PfMarqueeUi = Partial<{
|
|
4
|
+
/** Extra classes on the root (on top of `pfMarquee`). */
|
|
5
|
+
root: string;
|
|
6
|
+
/** Extra classes on the animated track (on top of `pfMarquee__track`). */
|
|
7
|
+
content: string;
|
|
8
|
+
}>;
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
19
|
+
/**
|
|
20
|
+
* Root tag or component (`div` by default).
|
|
21
|
+
* For a component object in `setup`, use `markRaw(Comp)`.
|
|
22
|
+
*/
|
|
23
|
+
as: PropType<string | Component | undefined>;
|
|
24
|
+
/** Pause animation on hover. */
|
|
25
|
+
pauseOnHover: BooleanConstructor;
|
|
26
|
+
/** Reverse animation direction. */
|
|
27
|
+
reverse: BooleanConstructor;
|
|
28
|
+
/** Scroll direction. */
|
|
29
|
+
orientation: {
|
|
30
|
+
type: PropType<PfMarqueeOrientation>;
|
|
31
|
+
default: string;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* How many times to duplicate content in the track (at least 2).
|
|
35
|
+
* @default 4
|
|
36
|
+
*/
|
|
37
|
+
repeat: {
|
|
38
|
+
type: NumberConstructor;
|
|
39
|
+
default: number;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Gradient fades at the edges.
|
|
43
|
+
* @default true
|
|
44
|
+
*/
|
|
45
|
+
overlay: {
|
|
46
|
+
type: BooleanConstructor;
|
|
47
|
+
default: boolean;
|
|
48
|
+
};
|
|
49
|
+
/** Extra classes per region (like Nuxt UI theme slots). */
|
|
50
|
+
ui: PropType<PfMarqueeUi | undefined>;
|
|
51
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
52
|
+
/**
|
|
53
|
+
* Root tag or component (`div` by default).
|
|
54
|
+
* For a component object in `setup`, use `markRaw(Comp)`.
|
|
55
|
+
*/
|
|
56
|
+
as: PropType<string | Component | undefined>;
|
|
57
|
+
/** Pause animation on hover. */
|
|
58
|
+
pauseOnHover: BooleanConstructor;
|
|
59
|
+
/** Reverse animation direction. */
|
|
60
|
+
reverse: BooleanConstructor;
|
|
61
|
+
/** Scroll direction. */
|
|
62
|
+
orientation: {
|
|
63
|
+
type: PropType<PfMarqueeOrientation>;
|
|
64
|
+
default: string;
|
|
65
|
+
};
|
|
66
|
+
/**
|
|
67
|
+
* How many times to duplicate content in the track (at least 2).
|
|
68
|
+
* @default 4
|
|
69
|
+
*/
|
|
70
|
+
repeat: {
|
|
71
|
+
type: NumberConstructor;
|
|
72
|
+
default: number;
|
|
73
|
+
};
|
|
74
|
+
/**
|
|
75
|
+
* Gradient fades at the edges.
|
|
76
|
+
* @default true
|
|
77
|
+
*/
|
|
78
|
+
overlay: {
|
|
79
|
+
type: BooleanConstructor;
|
|
80
|
+
default: boolean;
|
|
81
|
+
};
|
|
82
|
+
/** Extra classes per region (like Nuxt UI theme slots). */
|
|
83
|
+
ui: PropType<PfMarqueeUi | undefined>;
|
|
84
|
+
}>> & Readonly<{}>, {
|
|
85
|
+
repeat: number;
|
|
86
|
+
reverse: boolean;
|
|
87
|
+
orientation: PfMarqueeOrientation;
|
|
88
|
+
overlay: boolean;
|
|
89
|
+
pauseOnHover: boolean;
|
|
90
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
91
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
92
|
+
export default _default;
|
|
93
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
94
|
+
new (): {
|
|
95
|
+
$slots: S;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component, Ref } from 'vue';
|
|
2
|
+
export type PfScrollAreaOrientation = 'vertical' | 'horizontal';
|
|
3
|
+
export type PfScrollAreaVirtualizeOptions = {
|
|
4
|
+
gap?: number;
|
|
5
|
+
lanes?: number | Ref<number>;
|
|
6
|
+
estimateSize?: number | Ref<number>;
|
|
7
|
+
paddingStart?: number;
|
|
8
|
+
paddingEnd?: number;
|
|
9
|
+
/** Extra pixels beyond the viewport along the scroll axis to render. */
|
|
10
|
+
overscan?: number;
|
|
11
|
+
skipMeasurement?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export type PfScrollAreaUi = Partial<{
|
|
14
|
+
root: string;
|
|
15
|
+
viewport: string;
|
|
16
|
+
item: string;
|
|
17
|
+
}>;
|
|
18
|
+
export type PfScrollAreaVirtualizer = {
|
|
19
|
+
scrollToIndex: (index: number, options?: {
|
|
20
|
+
align?: 'start' | 'center' | 'end';
|
|
21
|
+
behavior?: ScrollBehavior;
|
|
22
|
+
}) => void;
|
|
23
|
+
scrollOffset: Readonly<Ref<number>>;
|
|
24
|
+
};
|
|
25
|
+
declare const _default: <T>(__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<{
|
|
26
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
27
|
+
readonly onScroll?: ((isScrolling: boolean) => any) | undefined;
|
|
28
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onScroll"> & {
|
|
29
|
+
as?: string | Component;
|
|
30
|
+
orientation?: PfScrollAreaOrientation;
|
|
31
|
+
items?: readonly T[];
|
|
32
|
+
virtualize?: boolean | PfScrollAreaVirtualizeOptions;
|
|
33
|
+
ui?: PfScrollAreaUi;
|
|
34
|
+
} & Partial<{}>> & import('vue').PublicProps;
|
|
35
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
36
|
+
virtualizer: import('vue').ComputedRef<PfScrollAreaVirtualizer | undefined>;
|
|
37
|
+
$el: Ref<HTMLElement | null, HTMLElement | null>;
|
|
38
|
+
}>): void;
|
|
39
|
+
attrs: any;
|
|
40
|
+
slots: Readonly<{
|
|
41
|
+
default?(props?: {
|
|
42
|
+
item: T;
|
|
43
|
+
index: number;
|
|
44
|
+
}): unknown;
|
|
45
|
+
}> & {
|
|
46
|
+
default?(props?: {
|
|
47
|
+
item: T;
|
|
48
|
+
index: number;
|
|
49
|
+
}): unknown;
|
|
50
|
+
};
|
|
51
|
+
emit: (evt: "scroll", isScrolling: boolean) => void;
|
|
52
|
+
}>) => import('vue').VNode & {
|
|
53
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
54
|
+
};
|
|
55
|
+
export default _default;
|
|
56
|
+
type __VLS_PrettifyLocal<T> = {
|
|
57
|
+
[K in keyof T]: T[K];
|
|
58
|
+
} & {};
|