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,108 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { PfAvatarChipProps } from '../PfAvatar/index.vue';
|
|
3
|
+
import { PfIconName } from '../PfIcon/paths';
|
|
4
|
+
export type PfButtonAvatarProps = {
|
|
5
|
+
as?: {
|
|
6
|
+
img?: string | Component;
|
|
7
|
+
};
|
|
8
|
+
src?: string;
|
|
9
|
+
alt?: string;
|
|
10
|
+
icon?: PfIconName;
|
|
11
|
+
text?: string;
|
|
12
|
+
size?: '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
13
|
+
chip?: boolean | PfAvatarChipProps;
|
|
14
|
+
loading?: 'lazy' | 'eager';
|
|
15
|
+
fetchPriority?: 'high' | 'low' | 'auto';
|
|
16
|
+
referrerpolicy?: string;
|
|
17
|
+
crossorigin?: '' | 'anonymous' | 'use-credentials';
|
|
18
|
+
decoding?: 'async' | 'auto' | 'sync';
|
|
19
|
+
height?: number | string;
|
|
20
|
+
sizes?: string;
|
|
21
|
+
srcset?: string;
|
|
22
|
+
usemap?: string;
|
|
23
|
+
width?: number | string;
|
|
24
|
+
};
|
|
25
|
+
type __VLS_Props = {
|
|
26
|
+
label?: string;
|
|
27
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
28
|
+
/** When `active`, overrides `color` if set */
|
|
29
|
+
activeColor?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
30
|
+
variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
31
|
+
/** When `active`, overrides `variant` if set */
|
|
32
|
+
activeVariant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
33
|
+
/** In `PfFieldGroup`, inherits group `size` when no own `size` */
|
|
34
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
35
|
+
/** Equal padding on all sides */
|
|
36
|
+
square?: boolean;
|
|
37
|
+
/** Full width of container */
|
|
38
|
+
block?: boolean;
|
|
39
|
+
/** Single icon: position via `leading` / `trailing` (default — left) */
|
|
40
|
+
icon?: PfIconName;
|
|
41
|
+
/** Show `icon` on the left */
|
|
42
|
+
leading?: boolean;
|
|
43
|
+
leadingIcon?: PfIconName;
|
|
44
|
+
/** Show `icon` on the right */
|
|
45
|
+
trailing?: boolean;
|
|
46
|
+
trailingIcon?: PfIconName;
|
|
47
|
+
/** Avatar on the left (like PfAvatar) */
|
|
48
|
+
avatar?: PfButtonAvatarProps;
|
|
49
|
+
/** Square icon-only button; set `ariaLabel` for a11y */
|
|
50
|
+
iconOnly?: boolean;
|
|
51
|
+
ariaLabel?: string;
|
|
52
|
+
disabled?: boolean;
|
|
53
|
+
type?: 'button' | 'submit' | 'reset';
|
|
54
|
+
/** Show loading and block clicks */
|
|
55
|
+
loading?: boolean;
|
|
56
|
+
/** Icon when `loading` */
|
|
57
|
+
loadingIcon?: PfIconName;
|
|
58
|
+
/**
|
|
59
|
+
* While `click` (`@click` or `onClick`) returns a Promise — show loading.
|
|
60
|
+
*/
|
|
61
|
+
loadingAuto?: boolean;
|
|
62
|
+
/** Treat button as active (`activeColor` / `activeVariant`, active/inactive classes) */
|
|
63
|
+
active?: boolean;
|
|
64
|
+
/** Link: render `<a>` (over `to`) */
|
|
65
|
+
href?: string;
|
|
66
|
+
/** `href` alias for RouterLink-style APIs */
|
|
67
|
+
to?: string;
|
|
68
|
+
target?: '_blank' | '_parent' | '_self' | '_top' | string;
|
|
69
|
+
rel?: string;
|
|
70
|
+
download?: string | boolean;
|
|
71
|
+
/** Extra class when active */
|
|
72
|
+
activeClass?: string;
|
|
73
|
+
/** Extra class when inactive */
|
|
74
|
+
inactiveClass?: string;
|
|
75
|
+
/** Native handler (alternative to `@click` on the component) */
|
|
76
|
+
onClick?: (event: MouseEvent) => void | Promise<void>;
|
|
77
|
+
};
|
|
78
|
+
declare function __VLS_template(): {
|
|
79
|
+
attrs: Partial<{}>;
|
|
80
|
+
slots: {
|
|
81
|
+
leading?(_: {}): any;
|
|
82
|
+
default?(_: {}): any;
|
|
83
|
+
trailing?(_: {}): any;
|
|
84
|
+
};
|
|
85
|
+
refs: {};
|
|
86
|
+
rootEl: any;
|
|
87
|
+
};
|
|
88
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
89
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
90
|
+
square: boolean;
|
|
91
|
+
type: "button" | "submit" | "reset";
|
|
92
|
+
loading: boolean;
|
|
93
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
|
|
94
|
+
variant: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link";
|
|
95
|
+
block: boolean;
|
|
96
|
+
iconOnly: boolean;
|
|
97
|
+
disabled: boolean;
|
|
98
|
+
loadingIcon: PfIconName;
|
|
99
|
+
loadingAuto: boolean;
|
|
100
|
+
active: boolean;
|
|
101
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
102
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
103
|
+
export default _default;
|
|
104
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
105
|
+
new (): {
|
|
106
|
+
$slots: S;
|
|
107
|
+
};
|
|
108
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type PfCardVariant = 'solid' | 'outline' | 'soft' | 'subtle';
|
|
3
|
+
export type PfCardUi = Partial<{
|
|
4
|
+
root: string;
|
|
5
|
+
header: string;
|
|
6
|
+
body: string;
|
|
7
|
+
footer: string;
|
|
8
|
+
}>;
|
|
9
|
+
type __VLS_Props = {
|
|
10
|
+
as?: string | Component;
|
|
11
|
+
variant?: PfCardVariant;
|
|
12
|
+
ui?: PfCardUi;
|
|
13
|
+
};
|
|
14
|
+
declare function __VLS_template(): {
|
|
15
|
+
attrs: Partial<{}>;
|
|
16
|
+
slots: {
|
|
17
|
+
header?(_: {}): any;
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
footer?(_: {}): any;
|
|
20
|
+
};
|
|
21
|
+
refs: {};
|
|
22
|
+
rootEl: any;
|
|
23
|
+
};
|
|
24
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
25
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
26
|
+
variant: PfCardVariant;
|
|
27
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
28
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type PfChipColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
3
|
+
export type PfChipSize = '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
4
|
+
export type PfChipPosition = 'top-right' | 'bottom-right' | 'top-left' | 'bottom-left';
|
|
5
|
+
type __VLS_Props = {
|
|
6
|
+
/** Indicator visibility; for `v-model:show`. */
|
|
7
|
+
show?: boolean;
|
|
8
|
+
/** Root tag or wrapper component (default slot or dot-only mode). */
|
|
9
|
+
as?: string | Component;
|
|
10
|
+
/** Label inside the indicator (number or short text). */
|
|
11
|
+
text?: string | number;
|
|
12
|
+
color?: PfChipColor;
|
|
13
|
+
size?: PfChipSize;
|
|
14
|
+
position?: PfChipPosition;
|
|
15
|
+
/** Indicator inside rounded area (no overflow past the edge). */
|
|
16
|
+
inset?: boolean;
|
|
17
|
+
/** Indicator in flow (not absolute); good for inline lists and menus. */
|
|
18
|
+
standalone?: boolean;
|
|
19
|
+
};
|
|
20
|
+
declare function __VLS_template(): {
|
|
21
|
+
attrs: Partial<{}>;
|
|
22
|
+
slots: {
|
|
23
|
+
content?(_: {}): any;
|
|
24
|
+
content?(_: {}): any;
|
|
25
|
+
default?(_: {}): any;
|
|
26
|
+
};
|
|
27
|
+
refs: {};
|
|
28
|
+
rootEl: any;
|
|
29
|
+
};
|
|
30
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
31
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
32
|
+
"update:show": (value: boolean) => any;
|
|
33
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
34
|
+
"onUpdate:show"?: ((value: boolean) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
size: PfChipSize;
|
|
37
|
+
color: PfChipColor;
|
|
38
|
+
show: boolean;
|
|
39
|
+
position: PfChipPosition;
|
|
40
|
+
inset: boolean;
|
|
41
|
+
standalone: boolean;
|
|
42
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
43
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
44
|
+
export default _default;
|
|
45
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
46
|
+
new (): {
|
|
47
|
+
$slots: S;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Component, PropType } from 'vue';
|
|
2
|
+
export type PfCollapsibleUi = Partial<{
|
|
3
|
+
root: string;
|
|
4
|
+
content: string;
|
|
5
|
+
}>;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
content?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: any;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
17
|
+
/** Root tag or component */
|
|
18
|
+
as: PropType<string | Component | undefined>;
|
|
19
|
+
ui: PropType<PfCollapsibleUi | undefined>;
|
|
20
|
+
/** Blocks expand and trigger clicks */
|
|
21
|
+
disabled: BooleanConstructor;
|
|
22
|
+
/** Initial state without `v-model:open` */
|
|
23
|
+
defaultOpen: BooleanConstructor;
|
|
24
|
+
/**
|
|
25
|
+
* Controlled state (`v-model:open`). Runtime `default: undefined`, otherwise Vue
|
|
26
|
+
* injects `false` for `Boolean` and you lose the distinction vs an omitted prop.
|
|
27
|
+
*/
|
|
28
|
+
open: {
|
|
29
|
+
type: BooleanConstructor;
|
|
30
|
+
required: false;
|
|
31
|
+
default: boolean | undefined;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* When `true`, content is removed from the DOM when closed.
|
|
35
|
+
* When `false`, the block stays mounted (smooth collapse).
|
|
36
|
+
*/
|
|
37
|
+
unmountOnHide: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
41
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
42
|
+
"update:open": (value: boolean) => any;
|
|
43
|
+
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
44
|
+
/** Root tag or component */
|
|
45
|
+
as: PropType<string | Component | undefined>;
|
|
46
|
+
ui: PropType<PfCollapsibleUi | undefined>;
|
|
47
|
+
/** Blocks expand and trigger clicks */
|
|
48
|
+
disabled: BooleanConstructor;
|
|
49
|
+
/** Initial state without `v-model:open` */
|
|
50
|
+
defaultOpen: BooleanConstructor;
|
|
51
|
+
/**
|
|
52
|
+
* Controlled state (`v-model:open`). Runtime `default: undefined`, otherwise Vue
|
|
53
|
+
* injects `false` for `Boolean` and you lose the distinction vs an omitted prop.
|
|
54
|
+
*/
|
|
55
|
+
open: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
required: false;
|
|
58
|
+
default: boolean | undefined;
|
|
59
|
+
};
|
|
60
|
+
/**
|
|
61
|
+
* When `true`, content is removed from the DOM when closed.
|
|
62
|
+
* When `false`, the block stays mounted (smooth collapse).
|
|
63
|
+
*/
|
|
64
|
+
unmountOnHide: {
|
|
65
|
+
type: BooleanConstructor;
|
|
66
|
+
default: boolean;
|
|
67
|
+
};
|
|
68
|
+
}>> & Readonly<{
|
|
69
|
+
"onUpdate:open"?: ((value: boolean) => any) | undefined;
|
|
70
|
+
}>, {
|
|
71
|
+
disabled: boolean;
|
|
72
|
+
open: boolean;
|
|
73
|
+
defaultOpen: boolean;
|
|
74
|
+
unmountOnHide: boolean;
|
|
75
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
76
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
77
|
+
export default _default;
|
|
78
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
79
|
+
new (): {
|
|
80
|
+
$slots: S;
|
|
81
|
+
};
|
|
82
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { PfButtonAvatarProps } from '../PfButton/index.vue';
|
|
2
|
+
import { PfIconName } from '../PfIcon/paths';
|
|
3
|
+
export type PfContentSearchButtonUi = Partial<{
|
|
4
|
+
base: string;
|
|
5
|
+
label: string;
|
|
6
|
+
trailing: string;
|
|
7
|
+
}>;
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
icon?: PfIconName;
|
|
10
|
+
label?: string;
|
|
11
|
+
color?: 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
12
|
+
variant?: 'solid' | 'outline' | 'soft' | 'subtle' | 'ghost' | 'link';
|
|
13
|
+
collapsed?: boolean;
|
|
14
|
+
tooltip?: boolean | Record<string, unknown>;
|
|
15
|
+
kbds?: string[];
|
|
16
|
+
ui?: PfContentSearchButtonUi;
|
|
17
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
18
|
+
square?: boolean;
|
|
19
|
+
block?: boolean;
|
|
20
|
+
loadingAuto?: boolean;
|
|
21
|
+
avatar?: PfButtonAvatarProps;
|
|
22
|
+
leading?: boolean;
|
|
23
|
+
leadingIcon?: PfIconName;
|
|
24
|
+
trailing?: boolean;
|
|
25
|
+
trailingIcon?: PfIconName;
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
loadingIcon?: PfIconName;
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
type?: 'button' | 'submit' | 'reset';
|
|
30
|
+
};
|
|
31
|
+
declare function __VLS_template(): {
|
|
32
|
+
attrs: Partial<{}>;
|
|
33
|
+
slots: {
|
|
34
|
+
leading?(_: {}): any;
|
|
35
|
+
default?(_: {}): any;
|
|
36
|
+
trailing?(_: {}): any;
|
|
37
|
+
};
|
|
38
|
+
refs: {};
|
|
39
|
+
rootEl: any;
|
|
40
|
+
};
|
|
41
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
42
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
43
|
+
label: string;
|
|
44
|
+
square: boolean;
|
|
45
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
46
|
+
type: "button" | "submit" | "reset";
|
|
47
|
+
icon: PfIconName;
|
|
48
|
+
loading: boolean;
|
|
49
|
+
color: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "neutral";
|
|
50
|
+
variant: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link";
|
|
51
|
+
block: boolean;
|
|
52
|
+
leading: boolean;
|
|
53
|
+
leadingIcon: PfIconName;
|
|
54
|
+
trailing: boolean;
|
|
55
|
+
trailingIcon: PfIconName;
|
|
56
|
+
avatar: PfButtonAvatarProps;
|
|
57
|
+
disabled: boolean;
|
|
58
|
+
loadingIcon: PfIconName;
|
|
59
|
+
loadingAuto: boolean;
|
|
60
|
+
ui: Partial<{
|
|
61
|
+
base: string;
|
|
62
|
+
label: string;
|
|
63
|
+
trailing: string;
|
|
64
|
+
}>;
|
|
65
|
+
collapsed: boolean;
|
|
66
|
+
tooltip: boolean | Record<string, unknown>;
|
|
67
|
+
kbds: string[];
|
|
68
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
69
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
70
|
+
export default _default;
|
|
71
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
72
|
+
new (): {
|
|
73
|
+
$slots: S;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { Component, PropType } from 'vue';
|
|
2
|
+
import { PfFieldGroupSize } from './injection';
|
|
3
|
+
export type PfFieldGroupUi = Partial<{
|
|
4
|
+
root: string;
|
|
5
|
+
}>;
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
16
|
+
/** Root tag or component */
|
|
17
|
+
as: PropType<string | Component | undefined>;
|
|
18
|
+
/**
|
|
19
|
+
* Size for child `PfButton` / `PfBadge` / `PfInput` when they have no own `size`.
|
|
20
|
+
*/
|
|
21
|
+
size: PropType<PfFieldGroupSize | undefined>;
|
|
22
|
+
orientation: {
|
|
23
|
+
type: PropType<"horizontal" | "vertical">;
|
|
24
|
+
default: string;
|
|
25
|
+
};
|
|
26
|
+
ui: PropType<PfFieldGroupUi | undefined>;
|
|
27
|
+
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
28
|
+
/** Root tag or component */
|
|
29
|
+
as: PropType<string | Component | undefined>;
|
|
30
|
+
/**
|
|
31
|
+
* Size for child `PfButton` / `PfBadge` / `PfInput` when they have no own `size`.
|
|
32
|
+
*/
|
|
33
|
+
size: PropType<PfFieldGroupSize | undefined>;
|
|
34
|
+
orientation: {
|
|
35
|
+
type: PropType<"horizontal" | "vertical">;
|
|
36
|
+
default: string;
|
|
37
|
+
};
|
|
38
|
+
ui: PropType<PfFieldGroupUi | undefined>;
|
|
39
|
+
}>> & Readonly<{}>, {
|
|
40
|
+
orientation: "vertical" | "horizontal";
|
|
41
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
42
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
43
|
+
export default _default;
|
|
44
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
45
|
+
new (): {
|
|
46
|
+
$slots: S;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComputedRef, InjectionKey } from 'vue';
|
|
2
|
+
export type PfFieldGroupSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
+
export type PfFieldGroupInjected = {
|
|
4
|
+
size: PfFieldGroupSize | undefined;
|
|
5
|
+
};
|
|
6
|
+
export declare const PF_FIELD_GROUP_INJECTION_KEY: InjectionKey<ComputedRef<PfFieldGroupInjected>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PfIconSize } from './iconSizes';
|
|
2
|
+
import { PfIconName } from './paths';
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
name: PfIconName;
|
|
5
|
+
size?: PfIconSize;
|
|
6
|
+
};
|
|
7
|
+
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
size: PfIconSize;
|
|
9
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/** Auto-generated by `npm run icons:build` (sources: `src/icons/svg/*.svg`). */
|
|
2
|
+
export type PfIconPathDef = {
|
|
3
|
+
d: string;
|
|
4
|
+
fill?: string;
|
|
5
|
+
fillRule?: 'evenodd' | 'nonzero';
|
|
6
|
+
clipRule?: 'evenodd' | 'nonzero';
|
|
7
|
+
};
|
|
8
|
+
export type PfIconGlyph = {
|
|
9
|
+
viewBox: string;
|
|
10
|
+
paths: readonly PfIconPathDef[];
|
|
11
|
+
};
|
|
12
|
+
export declare const PF_ICON_NAMES: readonly ["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"];
|
|
13
|
+
export type PfIconName = (typeof PF_ICON_NAMES)[number];
|
|
14
|
+
export declare const PF_ICON_GLYPHS: Record<PfIconName, PfIconGlyph>;
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type PfKbdColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
3
|
+
export type PfKbdVariant = 'outline' | 'soft' | 'subtle' | 'solid';
|
|
4
|
+
export type PfKbdSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export type PfKbdUi = Partial<{
|
|
6
|
+
base: string;
|
|
7
|
+
}>;
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
as?: string | Component;
|
|
10
|
+
value?: string;
|
|
11
|
+
color?: PfKbdColor;
|
|
12
|
+
variant?: PfKbdVariant;
|
|
13
|
+
size?: PfKbdSize;
|
|
14
|
+
ui?: PfKbdUi;
|
|
15
|
+
};
|
|
16
|
+
declare function __VLS_template(): {
|
|
17
|
+
attrs: Partial<{}>;
|
|
18
|
+
slots: {
|
|
19
|
+
default?(_: {}): any;
|
|
20
|
+
};
|
|
21
|
+
refs: {};
|
|
22
|
+
rootEl: any;
|
|
23
|
+
};
|
|
24
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
25
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
26
|
+
size: PfKbdSize;
|
|
27
|
+
color: PfKbdColor;
|
|
28
|
+
variant: PfKbdVariant;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type PfProgressColor = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error' | 'neutral';
|
|
3
|
+
export type PfProgressSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
4
|
+
export type PfProgressOrientation = 'horizontal' | 'vertical';
|
|
5
|
+
export type PfProgressAnimation = 'carousel' | 'carousel-inverse' | 'swing' | 'elastic';
|
|
6
|
+
export interface PfProgressUi {
|
|
7
|
+
root?: string;
|
|
8
|
+
track?: string;
|
|
9
|
+
indicator?: string;
|
|
10
|
+
status?: string;
|
|
11
|
+
steps?: string;
|
|
12
|
+
step?: string;
|
|
13
|
+
}
|
|
14
|
+
type __VLS_Props = {
|
|
15
|
+
/** Upper bound for value or step labels (`max.length`). */
|
|
16
|
+
max?: number | readonly string[];
|
|
17
|
+
/** Show value above the track (or `status` slot). */
|
|
18
|
+
status?: boolean;
|
|
19
|
+
/** Fill from the opposite edge. */
|
|
20
|
+
inverted?: boolean;
|
|
21
|
+
size?: PfProgressSize;
|
|
22
|
+
color?: PfProgressColor;
|
|
23
|
+
orientation?: PfProgressOrientation;
|
|
24
|
+
/** Animation in indeterminate state. */
|
|
25
|
+
animation?: PfProgressAnimation;
|
|
26
|
+
/** `aria-label` text (human-readable). */
|
|
27
|
+
getValueLabel?: (value: number | null | undefined, max: number) => string | undefined;
|
|
28
|
+
/** Current value text for `aria-valuetext`. */
|
|
29
|
+
getValueText?: (value: number | null | undefined, max: number) => string | undefined;
|
|
30
|
+
/** Root tag or component. */
|
|
31
|
+
as?: string | Component;
|
|
32
|
+
/** Extra classes per part (optional). */
|
|
33
|
+
ui?: PfProgressUi;
|
|
34
|
+
};
|
|
35
|
+
type __VLS_PublicProps = {
|
|
36
|
+
modelValue?: number | null;
|
|
37
|
+
} & __VLS_Props;
|
|
38
|
+
declare function __VLS_template(): {
|
|
39
|
+
attrs: Partial<{}>;
|
|
40
|
+
slots: Readonly<{
|
|
41
|
+
status?: () => unknown;
|
|
42
|
+
}> & {
|
|
43
|
+
status?: () => unknown;
|
|
44
|
+
};
|
|
45
|
+
refs: {};
|
|
46
|
+
rootEl: any;
|
|
47
|
+
};
|
|
48
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
49
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
50
|
+
"update:modelValue": (value: number | null) => any;
|
|
51
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
52
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
53
|
+
}>, {
|
|
54
|
+
size: PfProgressSize;
|
|
55
|
+
as: string | Component;
|
|
56
|
+
color: PfProgressColor;
|
|
57
|
+
orientation: PfProgressOrientation;
|
|
58
|
+
ui: PfProgressUi;
|
|
59
|
+
status: boolean;
|
|
60
|
+
inverted: boolean;
|
|
61
|
+
animation: PfProgressAnimation;
|
|
62
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
63
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
64
|
+
export default _default;
|
|
65
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
66
|
+
new (): {
|
|
67
|
+
$slots: S;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { PfBadgeAvatarProps } from '../PfBadge/index.vue';
|
|
3
|
+
import { PfIconName } from '../PfIcon/paths';
|
|
4
|
+
export type PfSeparatorAvatarProps = PfBadgeAvatarProps;
|
|
5
|
+
export type PfSeparatorColor = 'error' | 'neutral' | 'primary' | 'secondary' | 'success' | 'info' | 'warning';
|
|
6
|
+
export type PfSeparatorSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
7
|
+
export type PfSeparatorType = 'solid' | 'dashed' | 'dotted';
|
|
8
|
+
export type PfSeparatorUi = Partial<{
|
|
9
|
+
root: string;
|
|
10
|
+
border: string;
|
|
11
|
+
container: string;
|
|
12
|
+
icon: string;
|
|
13
|
+
avatar: string;
|
|
14
|
+
label: string;
|
|
15
|
+
}>;
|
|
16
|
+
type __VLS_Props = {
|
|
17
|
+
/** Root tag or component. */
|
|
18
|
+
as?: string | Component;
|
|
19
|
+
/** Center text (if no slot and no `icon` / `avatar`). */
|
|
20
|
+
label?: string;
|
|
21
|
+
/** Center icon (`PfIconName`). */
|
|
22
|
+
icon?: PfIconName;
|
|
23
|
+
/** Center avatar. */
|
|
24
|
+
avatar?: PfSeparatorAvatarProps;
|
|
25
|
+
color?: PfSeparatorColor;
|
|
26
|
+
size?: PfSeparatorSize;
|
|
27
|
+
type?: PfSeparatorType;
|
|
28
|
+
orientation?: 'horizontal' | 'vertical';
|
|
29
|
+
ui?: PfSeparatorUi;
|
|
30
|
+
/**
|
|
31
|
+
* Decorative separator: removed from the accessibility tree
|
|
32
|
+
* (`role="presentation"`, `aria-hidden="true"`).
|
|
33
|
+
*/
|
|
34
|
+
decorative?: boolean;
|
|
35
|
+
};
|
|
36
|
+
declare function __VLS_template(): {
|
|
37
|
+
attrs: Partial<{}>;
|
|
38
|
+
slots: {
|
|
39
|
+
default?(_: {}): any;
|
|
40
|
+
};
|
|
41
|
+
refs: {};
|
|
42
|
+
rootEl: any;
|
|
43
|
+
};
|
|
44
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
45
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
46
|
+
size: PfSeparatorSize;
|
|
47
|
+
type: PfSeparatorType;
|
|
48
|
+
color: PfSeparatorColor;
|
|
49
|
+
orientation: "horizontal" | "vertical";
|
|
50
|
+
decorative: boolean;
|
|
51
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
52
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
53
|
+
export default _default;
|
|
54
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
55
|
+
new (): {
|
|
56
|
+
$slots: S;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type PfSkeletonUi = Partial<{
|
|
3
|
+
/** Extra classes on the root (on top of `pfSkeleton`). */
|
|
4
|
+
base: string;
|
|
5
|
+
}>;
|
|
6
|
+
type __VLS_Props = {
|
|
7
|
+
/**
|
|
8
|
+
* Root tag or component (`div` by default).
|
|
9
|
+
* For a component object in `setup`, use `markRaw(Comp)`.
|
|
10
|
+
*/
|
|
11
|
+
as?: string | Component;
|
|
12
|
+
/** Extra classes via object (like Nuxt UI theme customization). */
|
|
13
|
+
ui?: PfSkeletonUi;
|
|
14
|
+
};
|
|
15
|
+
declare function __VLS_template(): {
|
|
16
|
+
attrs: Partial<{}>;
|
|
17
|
+
slots: {
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
};
|
|
20
|
+
refs: {};
|
|
21
|
+
rootEl: any;
|
|
22
|
+
};
|
|
23
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|