@pantograph/vue 0.33.13 → 0.34.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/dist/ComponentMap-BYpmn7OL.js +1 -0
- package/dist/{ComponentMap-DfPhrYC-.js → ComponentMap-C-aljC3v.js} +6 -0
- package/dist/ComponentMap.d.ts +1 -1
- package/dist/components/Alert/Alert.d.ts +6 -6
- package/dist/components/AlertDialog/useAlertDialog.d.ts +1 -1
- package/dist/components/Avatar/Avatar.d.ts +2 -2
- package/dist/components/Base/BaseButton/BaseButton.d.ts +3 -3
- package/dist/components/Base/BaseInput/BaseInput.d.ts +3 -3
- package/dist/components/Base/BaseInput/BaseInput.model.d.ts +1 -1
- package/dist/components/CoachMark/CoachMark.d.ts +3 -3
- package/dist/components/ColorSwatchGroup/ColorSwatchGroup.d.ts +3 -3
- package/dist/components/ColorTrigger/ColorTrigger.d.ts +3 -3
- package/dist/components/Combobox/Combobox.d.ts +7 -6
- package/dist/components/Combobox/Combobox.model.d.ts +1 -1
- package/dist/components/Combobox/context.d.ts +1 -0
- package/dist/components/Combobox/types.d.ts +2 -2
- package/dist/components/Comment/CommentMention.d.ts +12 -10
- package/dist/components/Comment/CommentTrigger.d.ts +1 -1
- package/dist/components/DataTable/DataTable.d.ts +1 -1
- package/dist/components/DataTable/types/index.d.ts +4 -4
- package/dist/components/Empty/Empty.d.ts +4 -4
- package/dist/components/Form/FormItem.d.ts +2 -0
- package/dist/components/FormValidation/FormValidation.d.ts +1 -1
- package/dist/components/GOPicker/GOPicker.d.ts +13 -3
- package/dist/components/Image/Image.d.ts +3 -3
- package/dist/components/Input/Input.d.ts +3 -3
- package/dist/components/Input/Input.model.d.ts +1 -1
- package/dist/components/InputGroup/InputGroup.d.ts +47 -0
- package/dist/components/InputGroup/index.d.ts +8 -0
- package/dist/components/InputNumber/InputNumber.d.ts +4 -4
- package/dist/components/Kbd/Kbd.d.ts +10 -4
- package/dist/components/Kbd/index.d.ts +3 -3
- package/dist/components/Label/Label.d.ts +7 -7
- package/dist/components/Link/Link.d.ts +3 -3
- package/dist/components/Menu/Menu.d.ts +3 -3
- package/dist/components/MenuItem/MenuItem.d.ts +1 -1
- package/dist/components/PinInput/PinInput.model.d.ts +1 -1
- package/dist/components/Popover/index.d.ts +1 -1
- package/dist/components/Popover/type.d.ts +38 -8
- package/dist/components/Popover/utils/container.d.ts +14 -0
- package/dist/components/Popover/utils/content.d.ts +33 -0
- package/dist/components/Popover/utils/dropdownContext.d.ts +13 -0
- package/dist/components/Popover/utils/index.d.ts +6 -0
- package/dist/components/Popover/utils/popupContext.d.ts +7 -0
- package/dist/components/Popover/utils/portal.d.ts +26 -0
- package/dist/components/Popover/utils/usePopoverContext.d.ts +89 -0
- package/dist/components/Progress/Progress.d.ts +1 -1
- package/dist/components/Progress/ProgressCirclePath.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroupItem.d.ts +1 -1
- package/dist/components/Rate/Rate.d.ts +272 -0
- package/dist/components/Rate/Rate.model.d.ts +22 -0
- package/dist/components/Rate/index.d.ts +9 -0
- package/dist/components/Select/Select.model.d.ts +1 -1
- package/dist/components/Select/context.d.ts +1 -0
- package/dist/components/Select/types.d.ts +2 -2
- package/dist/components/Shortcut/Shortcut.d.ts +17 -3
- package/dist/components/Shortcut/index.d.ts +3 -3
- package/dist/components/Spinner/Spinner.d.ts +2 -2
- package/dist/components/Switch/Switch.d.ts +3 -3
- package/dist/components/Table/Td.d.ts +2 -2
- package/dist/components/Table/Th.d.ts +3 -3
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/Textarea/Textarea.model.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +149 -20
- package/dist/components/Tooltip/TooltipProvider.d.ts +10 -0
- package/dist/components/Tooltip/index.d.ts +12 -2
- package/dist/components/Tree/Tree.d.ts +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.js +33133 -19200
- package/dist/index.umd.cjs +33 -6
- package/dist/nuxt/index.js +1 -1
- package/dist/nuxt/index.umd.cjs +1 -1
- package/dist/resolver/index.js +1 -1
- package/dist/resolver/index.umd.cjs +1 -1
- package/package.json +8 -9
- package/dist/ComponentMap-yKJEBaGH.js +0 -1
- package/dist/components/Popover/utils.d.ts +0 -152
- /package/dist/components/CoachMark/{_index.d.ts → index.d.ts} +0 -0
- /package/dist/components/PinInput/{_index.d.ts → index.d.ts} +0 -0
- /package/dist/components/Stepper/{_index.d.ts → index.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const o=["Accordion","AccordionItem","ActionButton","Alert","AlertDialog","Avatar","AvatarGroup","Badge","Blanket","Breadcrumb","Button","ButtonGroup","Card","Checkbox","CheckboxGroup","Chip","ChipGroup","CoachMark","ColorPicker","ColorSwatch","ColorSwatchGroup","ColorTrigger","Combobox","ComboboxInput","ComboboxOption","Comment","CommentAction","CommentReaction","CommentReactionListItem","CommentReactionHoverCard","CommentMention","CommentEditor","CommentTrigger","ConfigProvider","DataTable","Dialog","DialogTitle","Divider","Drawer","DrawerTitle","DropZone","Empty","FloatButton","Form","FormItem","FormValidation","GOPicker","GraphicalObject","GraphicalObjectGroup","HoverCard","Icon","IconButton","Image","IndentLevel","Indicator","Input","InputGroup","InputNumber","Kbd","Label","Link","Menu","MenuItem","Modal","ModalTitle","PageIndicator","Pagination","PinInput","Popover","Progress","RadioGroup","RadioGroupItem","Rate","ScrollContainer","Segmented","Select","SelectOption","SelectLabel","Shortcut","Skeleton","Spinner","Stepper","Steps","Step","SubMenu","Switch","Table","Th","Td","Tr","TBody","THead","TFoot","Tabs","TabList","TabTrigger","TabContent","Textarea","Toast","Tooltip","TooltipProvider","Tree","TreeNode","Upload","UploadList","UploadTrigger"];exports.components=o;
|
|
@@ -16,6 +16,7 @@ const o = [
|
|
|
16
16
|
"CheckboxGroup",
|
|
17
17
|
"Chip",
|
|
18
18
|
"ChipGroup",
|
|
19
|
+
"CoachMark",
|
|
19
20
|
"ColorPicker",
|
|
20
21
|
"ColorSwatch",
|
|
21
22
|
"ColorSwatchGroup",
|
|
@@ -54,6 +55,7 @@ const o = [
|
|
|
54
55
|
"IndentLevel",
|
|
55
56
|
"Indicator",
|
|
56
57
|
"Input",
|
|
58
|
+
"InputGroup",
|
|
57
59
|
"InputNumber",
|
|
58
60
|
"Kbd",
|
|
59
61
|
"Label",
|
|
@@ -64,10 +66,12 @@ const o = [
|
|
|
64
66
|
"ModalTitle",
|
|
65
67
|
"PageIndicator",
|
|
66
68
|
"Pagination",
|
|
69
|
+
"PinInput",
|
|
67
70
|
"Popover",
|
|
68
71
|
"Progress",
|
|
69
72
|
"RadioGroup",
|
|
70
73
|
"RadioGroupItem",
|
|
74
|
+
"Rate",
|
|
71
75
|
"ScrollContainer",
|
|
72
76
|
"Segmented",
|
|
73
77
|
"Select",
|
|
@@ -76,6 +80,7 @@ const o = [
|
|
|
76
80
|
"Shortcut",
|
|
77
81
|
"Skeleton",
|
|
78
82
|
"Spinner",
|
|
83
|
+
"Stepper",
|
|
79
84
|
"Steps",
|
|
80
85
|
"Step",
|
|
81
86
|
"SubMenu",
|
|
@@ -94,6 +99,7 @@ const o = [
|
|
|
94
99
|
"Textarea",
|
|
95
100
|
"Toast",
|
|
96
101
|
"Tooltip",
|
|
102
|
+
"TooltipProvider",
|
|
97
103
|
"Tree",
|
|
98
104
|
"TreeNode",
|
|
99
105
|
"Upload",
|
package/dist/ComponentMap.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
|
|
1
|
+
export declare const components: readonly ["Accordion", "AccordionItem", "ActionButton", "Alert", "AlertDialog", "Avatar", "AvatarGroup", "Badge", "Blanket", "Breadcrumb", "Button", "ButtonGroup", "Card", "Checkbox", "CheckboxGroup", "Chip", "ChipGroup", "CoachMark", "ColorPicker", "ColorSwatch", "ColorSwatchGroup", "ColorTrigger", "Combobox", "ComboboxInput", "ComboboxOption", "Comment", "CommentAction", "CommentReaction", "CommentReactionListItem", "CommentReactionHoverCard", "CommentMention", "CommentEditor", "CommentTrigger", "ConfigProvider", "DataTable", "Dialog", "DialogTitle", "Divider", "Drawer", "DrawerTitle", "DropZone", "Empty", "FloatButton", "Form", "FormItem", "FormValidation", "GOPicker", "GraphicalObject", "GraphicalObjectGroup", "HoverCard", "Icon", "IconButton", "Image", "IndentLevel", "Indicator", "Input", "InputGroup", "InputNumber", "Kbd", "Label", "Link", "Menu", "MenuItem", "Modal", "ModalTitle", "PageIndicator", "Pagination", "PinInput", "Popover", "Progress", "RadioGroup", "RadioGroupItem", "Rate", "ScrollContainer", "Segmented", "Select", "SelectOption", "SelectLabel", "Shortcut", "Skeleton", "Spinner", "Stepper", "Steps", "Step", "SubMenu", "Switch", "Table", "Th", "Td", "Tr", "TBody", "THead", "TFoot", "Tabs", "TabList", "TabTrigger", "TabContent", "Textarea", "Toast", "Tooltip", "TooltipProvider", "Tree", "TreeNode", "Upload", "UploadList", "UploadTrigger"];
|
|
2
2
|
export default components;
|
|
3
3
|
export type Components = (typeof components)[number];
|
|
@@ -89,27 +89,27 @@ export interface AlertSlots {
|
|
|
89
89
|
/**
|
|
90
90
|
* Default slot for custom content
|
|
91
91
|
*/
|
|
92
|
-
default: () => never;
|
|
92
|
+
default: (params?: object) => never;
|
|
93
93
|
/**
|
|
94
94
|
* Custom icon content
|
|
95
95
|
*/
|
|
96
|
-
icon: () => never;
|
|
96
|
+
icon: (params?: object) => never;
|
|
97
97
|
/**
|
|
98
98
|
* Custom title content
|
|
99
99
|
*/
|
|
100
|
-
title: () => never;
|
|
100
|
+
title: (params?: object) => never;
|
|
101
101
|
/**
|
|
102
102
|
* Custom description content
|
|
103
103
|
*/
|
|
104
|
-
description: () => never;
|
|
104
|
+
description: (params?: object) => never;
|
|
105
105
|
/**
|
|
106
106
|
* Custom closeable content
|
|
107
107
|
*/
|
|
108
|
-
closeable: () => never;
|
|
108
|
+
closeable: (params?: object) => never;
|
|
109
109
|
/**
|
|
110
110
|
* Custom link content
|
|
111
111
|
*/
|
|
112
|
-
link: () => never;
|
|
112
|
+
link: (params?: object) => never;
|
|
113
113
|
}
|
|
114
114
|
/**
|
|
115
115
|
* Default props for the Alert component
|
|
@@ -2,7 +2,7 @@ import { ConfirmDialogProps } from './ConfirmDialog';
|
|
|
2
2
|
import { AlertDialogEmits } from './AlertDialog';
|
|
3
3
|
import { EmitToProp } from '@pantograph/utils-vue';
|
|
4
4
|
type PropEmits = {
|
|
5
|
-
[K in keyof AlertDialogEmits as EmitToProp<K>]
|
|
5
|
+
[K in keyof AlertDialogEmits as EmitToProp<K>]?: (...params: AlertDialogEmits[K]) => void;
|
|
6
6
|
};
|
|
7
7
|
interface CreateAlertDialogParams extends ConfirmDialogProps, PropEmits {
|
|
8
8
|
appContext?: any;
|
|
@@ -72,11 +72,11 @@ export interface AvatarSlots {
|
|
|
72
72
|
/**
|
|
73
73
|
* Default slot for custom content
|
|
74
74
|
*/
|
|
75
|
-
default?: () => never;
|
|
75
|
+
default?: (params?: object) => never;
|
|
76
76
|
/**
|
|
77
77
|
* Fallback slot for content to display when the avatar image fails to load
|
|
78
78
|
*/
|
|
79
|
-
fallback?: () => never;
|
|
79
|
+
fallback?: (params?: object) => never;
|
|
80
80
|
}
|
|
81
81
|
/**
|
|
82
82
|
* Events emitted by the Avatar component
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
-
import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
|
|
3
1
|
import { ClassValue } from 'clsx';
|
|
4
|
-
import {
|
|
2
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
5
3
|
import { FlipOnDir } from '../../ConfigProvider';
|
|
6
4
|
import { BadgeSize } from '../BaseBadge/BaseBadge.model';
|
|
5
|
+
import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
|
|
6
|
+
import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
|
|
7
7
|
/**
|
|
8
8
|
* Default props for the BaseButton component
|
|
9
9
|
*/
|
|
@@ -13,7 +13,7 @@ export interface BaseInputProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* Whether to focus the input immediately on mount
|
|
15
15
|
*/
|
|
16
|
-
|
|
16
|
+
autoFocus?: boolean;
|
|
17
17
|
/**
|
|
18
18
|
* Leading icon for the input
|
|
19
19
|
*/
|
|
@@ -115,11 +115,11 @@ export interface BaseInputSlots {
|
|
|
115
115
|
/**
|
|
116
116
|
* Clear icon slot
|
|
117
117
|
*/
|
|
118
|
-
clearIcon?: () => never;
|
|
118
|
+
clearIcon?: (params?: object) => never;
|
|
119
119
|
/**
|
|
120
120
|
* Value slot
|
|
121
121
|
*/
|
|
122
|
-
value?: () => never;
|
|
122
|
+
value?: (params?: object) => never;
|
|
123
123
|
}
|
|
124
124
|
/**
|
|
125
125
|
* Emits for the BaseInput component
|
|
@@ -9,7 +9,7 @@ export type InputSize = (typeof InputSizes)[number];
|
|
|
9
9
|
/**
|
|
10
10
|
* Array of possible input statuses
|
|
11
11
|
*/
|
|
12
|
-
export declare const InputStatuses: readonly ["error", "warning", "success"];
|
|
12
|
+
export declare const InputStatuses: readonly ["error", "warning", "success", "none"];
|
|
13
13
|
/**
|
|
14
14
|
* Type representing the possible input statuses
|
|
15
15
|
*/
|
|
@@ -201,6 +201,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
201
201
|
zIndex: string | number;
|
|
202
202
|
renderPopupsInContent: boolean;
|
|
203
203
|
trigger: "click" | "hover";
|
|
204
|
+
stepProps: PaginationProps & {
|
|
205
|
+
hide?: boolean | undefined;
|
|
206
|
+
};
|
|
204
207
|
nextProps: Partial<Omit<import('../..').BaseButtonProps, "flipOnDir" | "icon" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "badgeIconFlipOnDir">> & {
|
|
205
208
|
text: string;
|
|
206
209
|
hide?: boolean | undefined;
|
|
@@ -209,9 +212,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
209
212
|
text: string;
|
|
210
213
|
hide?: boolean | undefined;
|
|
211
214
|
};
|
|
212
|
-
stepProps: PaginationProps & {
|
|
213
|
-
hide?: boolean | undefined;
|
|
214
|
-
};
|
|
215
215
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CoachMarkSlots> & CoachMarkSlots>;
|
|
216
216
|
export default _default;
|
|
217
217
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -91,7 +91,7 @@ export type ColorSwatchGroupProps = Omit<ColorPickerProps, 'class' | 'modelValue
|
|
|
91
91
|
* Slots for the ColorSwatchGroup component
|
|
92
92
|
*/
|
|
93
93
|
export type ColorSwatchGroupSlots = ColorSwatchSlots & {
|
|
94
|
-
header: () => never;
|
|
94
|
+
header: (params?: object) => never;
|
|
95
95
|
};
|
|
96
96
|
/**
|
|
97
97
|
* Emits for the ColorSwatchGroup component
|
|
@@ -138,9 +138,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
138
138
|
value: ColorMode;
|
|
139
139
|
};
|
|
140
140
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<ColorSwatchSlots & {
|
|
141
|
-
header: () => never;
|
|
141
|
+
header: (params?: object | undefined) => never;
|
|
142
142
|
}> & ColorSwatchSlots & {
|
|
143
|
-
header: () => never;
|
|
143
|
+
header: (params?: object | undefined) => never;
|
|
144
144
|
}>;
|
|
145
145
|
export default _default;
|
|
146
146
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -31,15 +31,15 @@ export interface ColorTriggerSlots {
|
|
|
31
31
|
/**
|
|
32
32
|
* Default slot
|
|
33
33
|
*/
|
|
34
|
-
default?: () => never;
|
|
34
|
+
default?: (params?: object) => never;
|
|
35
35
|
/**
|
|
36
36
|
* Icon slot
|
|
37
37
|
*/
|
|
38
|
-
icon?: () => never;
|
|
38
|
+
icon?: (params?: object) => never;
|
|
39
39
|
/**
|
|
40
40
|
* Suffix icon slot
|
|
41
41
|
*/
|
|
42
|
-
suffixIcon?: () => never;
|
|
42
|
+
suffixIcon?: (params?: object) => never;
|
|
43
43
|
}
|
|
44
44
|
/**
|
|
45
45
|
* Default props for the ColorTrigger component
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ComboboxOptionType, ComboboxFlattenOptionType, ComboboxProps, ComboboxSlots, ComboboxKeydownEvent } from './types';
|
|
2
1
|
import { Virtualizer } from '@pantograph/utils-vue';
|
|
3
2
|
import { TreeProps } from '../Tree';
|
|
3
|
+
import { ComboboxFlattenOptionType, ComboboxKeydownEvent, ComboboxOptionType, ComboboxProps, ComboboxSlots } from './types';
|
|
4
4
|
export declare const COMBO_BOX_DEFAULT_PROPS: {
|
|
5
5
|
readonly open: undefined;
|
|
6
6
|
readonly defaultOpen: undefined;
|
|
@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
35
35
|
getFlattenOption: (item: ComboboxOptionType) => ComboboxFlattenOptionType;
|
|
36
36
|
getOptionDataset: (option: ComboboxFlattenOptionType) => Record<string, any>;
|
|
37
37
|
getDisabled: import('vue').ComputedRef<boolean>;
|
|
38
|
-
getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
|
|
38
|
+
getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
|
|
39
39
|
getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
|
|
40
40
|
getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
|
|
41
41
|
getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
|
|
@@ -57,6 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
57
57
|
highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
|
|
58
58
|
comboboxInputFocused: import('vue').Ref<boolean, boolean>;
|
|
59
59
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
60
|
+
inputGroupClass: string;
|
|
60
61
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
61
62
|
search: (value?: string | null | undefined) => any;
|
|
62
63
|
select: (value: string | undefined, selected: boolean, option?: ComboboxFlattenOptionType | undefined) => any;
|
|
@@ -368,7 +369,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
368
369
|
overlay: boolean;
|
|
369
370
|
scrollDistance: number;
|
|
370
371
|
scrollHideDelay: number;
|
|
371
|
-
}> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "
|
|
372
|
+
}> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | "container" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
|
|
372
373
|
container: import('vue').Ref<any, any>;
|
|
373
374
|
wrap: import('vue').Ref<any, any>;
|
|
374
375
|
root: import('vue').Ref<any, any>;
|
|
@@ -527,8 +528,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
527
528
|
unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
|
|
528
529
|
}, string, {
|
|
529
530
|
disabled: boolean;
|
|
530
|
-
selectionBehavior: "toggle" | "replace";
|
|
531
531
|
focusable: boolean;
|
|
532
|
+
selectionBehavior: "toggle" | "replace";
|
|
532
533
|
checkStrictly: boolean;
|
|
533
534
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
534
535
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -552,8 +553,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
552
553
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
|
|
553
554
|
} & Readonly<{
|
|
554
555
|
disabled: boolean;
|
|
555
|
-
selectionBehavior: "toggle" | "replace";
|
|
556
556
|
focusable: boolean;
|
|
557
|
+
selectionBehavior: "toggle" | "replace";
|
|
557
558
|
checkStrictly: boolean;
|
|
558
559
|
}> & Omit<Readonly<TreeProps> & Readonly<{
|
|
559
560
|
onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
|
|
@@ -570,7 +571,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
570
571
|
onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
|
|
571
572
|
onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
|
|
572
573
|
onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
|
|
573
|
-
}>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "
|
|
574
|
+
}>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "focusable" | "selectionBehavior" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
|
|
574
575
|
disabled: import('vue').ComputedRef<boolean | undefined>;
|
|
575
576
|
props: TreeProps;
|
|
576
577
|
dir: import('vue').ComputedRef<import('../ConfigProvider').Direction | undefined>;
|
|
@@ -9,7 +9,7 @@ export type ComboboxSize = (typeof ComboboxSizes)[number];
|
|
|
9
9
|
/**
|
|
10
10
|
* Array of available combobox statuses
|
|
11
11
|
*/
|
|
12
|
-
export declare const ComboboxStatuses: readonly ["error", "warning", "success"];
|
|
12
|
+
export declare const ComboboxStatuses: readonly ["error", "warning", "success", "none"];
|
|
13
13
|
/**
|
|
14
14
|
* Type representing the possible combobox statuses
|
|
15
15
|
*/
|
|
@@ -33,6 +33,7 @@ export interface ComboboxContext {
|
|
|
33
33
|
highlightedOptionKey: Ref<string | undefined>;
|
|
34
34
|
comboboxInputFocused: Ref<boolean>;
|
|
35
35
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
36
|
+
inputGroupClass: string;
|
|
36
37
|
}
|
|
37
38
|
export declare const injectComboboxContext: <T extends ComboboxContext | null | undefined = ComboboxContext>(fallback?: T | undefined) => T extends null ? ComboboxContext | null : ComboboxContext, provideComboboxContext: (contextValue: ComboboxContext) => ComboboxContext;
|
|
38
39
|
export declare const comboboxPrefix: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { PopoverBaseProps, PopoverEmits, PopoverProps } from '../Popover';
|
|
2
2
|
import { SkeletonProps } from '../Skeleton';
|
|
3
3
|
import { ComboboxSize, ComboboxStatus } from './Combobox.model';
|
|
4
4
|
import { EmitToProp } from '@pantograph/utils-vue';
|
|
@@ -62,7 +62,7 @@ export interface ComboboxProps extends Partial<Pick<PopoverProps, 'placement' |
|
|
|
62
62
|
trailingIcon?: string | boolean;
|
|
63
63
|
selectedItemIconAsTrailingIcon?: boolean;
|
|
64
64
|
maxCount?: number | string;
|
|
65
|
-
to?:
|
|
65
|
+
to?: PopoverBaseProps['to'];
|
|
66
66
|
placeholder?: string;
|
|
67
67
|
indicatorIcon?: string;
|
|
68
68
|
options?: ComboboxOptionType[];
|
|
@@ -43,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
43
43
|
readonly resetSearchTermOnBlur?: boolean | undefined;
|
|
44
44
|
readonly resetSearchTermOnSelect?: boolean | undefined;
|
|
45
45
|
readonly size?: "sm" | "md" | "lg" | undefined;
|
|
46
|
-
readonly status?: "error" | "success" | "warning" | undefined;
|
|
46
|
+
readonly status?: "none" | "error" | "success" | "warning" | undefined;
|
|
47
47
|
readonly noValueOnPlaceholder?: boolean | undefined;
|
|
48
48
|
readonly zIndex?: string | number | undefined;
|
|
49
49
|
readonly checkbox?: boolean | undefined;
|
|
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
59
59
|
readonly trailingIcon?: string | boolean | undefined;
|
|
60
60
|
readonly selectedItemIconAsTrailingIcon?: boolean | undefined;
|
|
61
61
|
readonly maxCount?: string | number | undefined;
|
|
62
|
-
readonly to?: string | HTMLElement | import('../Popover').GetPopupContainer | undefined;
|
|
62
|
+
readonly to?: string | object | HTMLElement | import('../Popover').GetPopupContainer | undefined;
|
|
63
63
|
readonly placeholder?: string | undefined;
|
|
64
64
|
readonly indicatorIcon?: string | undefined;
|
|
65
65
|
readonly options?: ComboboxOptionType[] | undefined;
|
|
@@ -115,7 +115,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
115
115
|
readonly dir?: import('../ConfigProvider').Direction | undefined;
|
|
116
116
|
readonly open?: boolean | undefined;
|
|
117
117
|
readonly defaultOpen?: boolean | undefined;
|
|
118
|
-
readonly ignoreParentTo?: boolean | undefined;
|
|
119
118
|
readonly prioritizePosition?: boolean | undefined;
|
|
120
119
|
readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "right" | "right-start" | "right-end" | "left" | "left-start" | "left-end" | undefined;
|
|
121
120
|
readonly sideOffset?: number | undefined;
|
|
@@ -124,6 +123,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
124
123
|
readonly reference?: import('reka-ui').ReferenceElement | undefined;
|
|
125
124
|
readonly containerProps?: object | undefined;
|
|
126
125
|
readonly disableOutsidePointerEvents?: boolean | undefined;
|
|
126
|
+
readonly ignoreParentTo?: boolean | undefined;
|
|
127
127
|
readonly reversePlacementOnDir?: import('../ConfigProvider').Direction | undefined;
|
|
128
128
|
readonly noTrigger?: boolean | undefined;
|
|
129
129
|
readonly onSearch?: ((value?: string | null | undefined) => any) | undefined;
|
|
@@ -401,7 +401,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
401
401
|
overlay: boolean;
|
|
402
402
|
scrollDistance: number;
|
|
403
403
|
scrollHideDelay: number;
|
|
404
|
-
}> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "
|
|
404
|
+
}> & Omit<Readonly<import('../ScrollContainer').ScrollContainerProps> & Readonly<{}>, "wrap" | "root" | "topVisible" | "bottomVisible" | "rightVisible" | "leftVisible" | "scrollTop" | "scrollTopLeft" | "isOverflowX" | "isOverflowY" | "container" | ("type" | "size" | "overlay" | "scrollDistance" | "scrollHideDelay") | "getScroll"> & import('vue').ShallowUnwrapRef<{
|
|
405
405
|
container: import('vue').Ref<any, any>;
|
|
406
406
|
wrap: import('vue').Ref<any, any>;
|
|
407
407
|
root: import('vue').Ref<any, any>;
|
|
@@ -560,8 +560,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
560
560
|
unchoose: (event: import('@pantograph/sortable').SortableEvent) => any;
|
|
561
561
|
}, string, {
|
|
562
562
|
disabled: boolean;
|
|
563
|
-
selectionBehavior: "toggle" | "replace";
|
|
564
563
|
focusable: boolean;
|
|
564
|
+
selectionBehavior: "toggle" | "replace";
|
|
565
565
|
checkStrictly: boolean;
|
|
566
566
|
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
567
567
|
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
@@ -585,8 +585,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
585
585
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: import('@vue/reactivity').OnCleanup) => any : (args_0: any, args_1: any, args_2: import('@vue/reactivity').OnCleanup) => any, options?: import('vue').WatchOptions<boolean> | undefined): import('vue').WatchStopHandle;
|
|
586
586
|
} & Readonly<{
|
|
587
587
|
disabled: boolean;
|
|
588
|
-
selectionBehavior: "toggle" | "replace";
|
|
589
588
|
focusable: boolean;
|
|
589
|
+
selectionBehavior: "toggle" | "replace";
|
|
590
590
|
checkStrictly: boolean;
|
|
591
591
|
}> & Omit<Readonly<import('../Tree').TreeProps> & Readonly<{
|
|
592
592
|
onSelect?: ((node: object | import('../Tree').TreeNodeType, selected: boolean, selectedKeys: string[]) => any) | undefined;
|
|
@@ -603,7 +603,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
603
603
|
onDragEnd?: ((event: import('../Tree').TreeDragEvent) => any) | undefined;
|
|
604
604
|
onChoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
|
|
605
605
|
onUnchoose?: ((event: import('@pantograph/sortable').SortableEvent) => any) | undefined;
|
|
606
|
-
}>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "
|
|
606
|
+
}>, "dir" | "props" | "iconSize" | "onSelect" | "checked" | "model" | "getLevel" | "expandedKeys" | "indentSize" | "onCheck" | ("disabled" | "focusable" | "selectionBehavior" | "checkStrictly") | "dragging" | "scrollContainerRef" | "onExpandKey" | "getNodeField" | "getNodeChildren" | "getIsSelected" | "getIsChecked" | "prefixes"> & import('vue').ShallowUnwrapRef<{
|
|
607
607
|
disabled: import('vue').ComputedRef<boolean | undefined>;
|
|
608
608
|
props: import('../Tree').TreeProps;
|
|
609
609
|
dir: import('vue').ComputedRef<import('../ConfigProvider').Direction | undefined>;
|
|
@@ -668,7 +668,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
668
668
|
getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
|
|
669
669
|
getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
|
|
670
670
|
getDisabled: import('vue').ComputedRef<boolean>;
|
|
671
|
-
getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
|
|
671
|
+
getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
|
|
672
672
|
getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
|
|
673
673
|
getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
|
|
674
674
|
getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
|
|
@@ -690,6 +690,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
690
690
|
highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
|
|
691
691
|
comboboxInputFocused: import('vue').Ref<boolean, boolean>;
|
|
692
692
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
693
|
+
inputGroupClass: string;
|
|
693
694
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
694
695
|
search: (value?: string | null | undefined) => any;
|
|
695
696
|
select: (value: string | undefined, selected: boolean, option?: import('../Combobox').ComboboxFlattenOptionType | undefined) => any;
|
|
@@ -792,7 +793,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
792
793
|
onKeydownEscape?: ((event: import('../Combobox').ComboboxKeydownEvent, search?: string | undefined, isEmpty?: boolean | undefined) => any) | undefined;
|
|
793
794
|
"onUpdate:search"?: ((value?: string | null | undefined) => any) | undefined;
|
|
794
795
|
onFetch?: (() => any) | undefined;
|
|
795
|
-
}>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "
|
|
796
|
+
}>, "props" | "placeholder" | "slots" | "emit" | "getIconSize" | "getDisabled" | "getStatus" | "getSize" | "triggerRef" | "openModel" | "model" | "getItems" | "inputRef" | "onKeyDown" | "focusOnInput" | "getOptionDataset" | ("disabled" | "bordered" | "multiple" | "open" | "defaultOpen" | "prioritizePosition" | "placement" | "sideOffset" | "avoidCollisions" | "disableOutsidePointerEvents" | "zIndex" | "checkbox" | "trailingIcon" | "selectedItemIconAsTrailingIcon" | "indicatorIcon" | "loadingRowCount" | "clearOnChangeMultiple" | "samePopupWidth" | "popupHeight" | "resetSearchTermOnBlur" | "resetSearchTermOnSelect" | "noValueOnPlaceholder" | "tagRenderMode") | "isOptionSelected" | "getOptionByValue" | "getLabelByValue" | "getSingleByValue" | "getFlattenOption" | "getTagSize" | "comboboxInputBinding" | "comboboxTriggerBinding" | "searchModel" | "valuePlaceholder" | "selectOption" | "itemMap" | "highlightedOptionKey" | "comboboxInputFocused" | "inputGroupClass"> & import('vue').ShallowUnwrapRef<{
|
|
796
797
|
isOptionSelected: (value?: string | undefined) => boolean;
|
|
797
798
|
getOptionByValue: (value: string) => import('../Combobox').ComboboxFlattenOptionType | undefined;
|
|
798
799
|
getLabelByValue: (value: string) => string | undefined;
|
|
@@ -801,7 +802,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
801
802
|
getFlattenOption: (item: ComboboxOptionType) => import('../Combobox').ComboboxFlattenOptionType;
|
|
802
803
|
getOptionDataset: (option: import('../Combobox').ComboboxFlattenOptionType) => Record<string, any>;
|
|
803
804
|
getDisabled: import('vue').ComputedRef<boolean>;
|
|
804
|
-
getStatus: import('vue').ComputedRef<"error" | "success" | "warning">;
|
|
805
|
+
getStatus: import('vue').ComputedRef<"none" | "error" | "success" | "warning">;
|
|
805
806
|
getSize: import('vue').ComputedRef<"sm" | "md" | "lg">;
|
|
806
807
|
getTagSize: import('vue').ComputedRef<"xsm" | "sm" | "md">;
|
|
807
808
|
getIconSize: import('vue').ComputedRef<"2xsm" | "xsm" | "sm">;
|
|
@@ -823,6 +824,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Co
|
|
|
823
824
|
highlightedOptionKey: import('vue').Ref<string | undefined, string | undefined>;
|
|
824
825
|
comboboxInputFocused: import('vue').Ref<boolean, boolean>;
|
|
825
826
|
onKeyDown: (event: KeyboardEvent) => void;
|
|
827
|
+
inputGroupClass: string;
|
|
826
828
|
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
827
829
|
$slots: Readonly<ComboboxSlots> & ComboboxSlots;
|
|
828
830
|
}) | null;
|
|
@@ -73,7 +73,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Da
|
|
|
73
73
|
onRowClick?: ((row: object, event: Event) => any) | undefined;
|
|
74
74
|
onColumnWrap?: ((wrapped: boolean, column: TableColumn) => any) | undefined;
|
|
75
75
|
}>, {
|
|
76
|
-
tableLayout: "fixed" | "auto";
|
|
77
76
|
loadingRowCount: number;
|
|
78
77
|
zebra: boolean;
|
|
79
78
|
minVisibleAreaOnFixColumns: string | number;
|
|
@@ -81,6 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Da
|
|
|
81
80
|
childrenColumnName: string | ((row: any) => any);
|
|
82
81
|
batchActionsTitle: string;
|
|
83
82
|
paginateExpandedRows: boolean;
|
|
83
|
+
tableLayout: "fixed" | "auto";
|
|
84
84
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
85
85
|
tableRootRef: HTMLDivElement;
|
|
86
86
|
}, HTMLDivElement>, Readonly<DataTableSlots> & DataTableSlots>;
|
|
@@ -72,10 +72,10 @@ export interface DataTableSlots {
|
|
|
72
72
|
action?: (props: TableGetFunctionsProps) => never;
|
|
73
73
|
cellAction?: (props: TableGetFunctionsProps) => never;
|
|
74
74
|
hoverAction?: (props: TableGetFunctionsProps) => never;
|
|
75
|
-
emptyTitle?: () => never;
|
|
76
|
-
emptyDescription?: () => never;
|
|
77
|
-
emptyActions?: () => never;
|
|
78
|
-
emptyImage?: () => never;
|
|
75
|
+
emptyTitle?: (params?: object) => never;
|
|
76
|
+
emptyDescription?: (params?: object) => never;
|
|
77
|
+
emptyActions?: (params?: object) => never;
|
|
78
|
+
emptyImage?: (params?: object) => never;
|
|
79
79
|
}
|
|
80
80
|
export interface SortItem {
|
|
81
81
|
desc: boolean;
|
|
@@ -62,19 +62,19 @@ export interface EmptySlots {
|
|
|
62
62
|
/**
|
|
63
63
|
* Custom content for the title
|
|
64
64
|
*/
|
|
65
|
-
title: () => never;
|
|
65
|
+
title: (params?: object) => never;
|
|
66
66
|
/**
|
|
67
67
|
* Custom content for the description
|
|
68
68
|
*/
|
|
69
|
-
description: () => never;
|
|
69
|
+
description: (params?: object) => never;
|
|
70
70
|
/**
|
|
71
71
|
* Custom content for the actions area
|
|
72
72
|
*/
|
|
73
|
-
actions: () => never;
|
|
73
|
+
actions: (params?: object) => never;
|
|
74
74
|
/**
|
|
75
75
|
* Custom content for the image area
|
|
76
76
|
*/
|
|
77
|
-
image: () => never;
|
|
77
|
+
image: (params?: object) => never;
|
|
78
78
|
}
|
|
79
79
|
/**
|
|
80
80
|
* Default props for the Empty component
|
|
@@ -87,6 +87,7 @@ type Field = FieldContext<any>;
|
|
|
87
87
|
* Props passed to FormItem slots
|
|
88
88
|
*/
|
|
89
89
|
type FormItemSlotsProps = {
|
|
90
|
+
status?: FormItemStatus;
|
|
90
91
|
/**
|
|
91
92
|
* Field context from vee-validate
|
|
92
93
|
*/
|
|
@@ -179,6 +180,7 @@ export declare const FORM_ITEM_DEFAULT_PROPS: {
|
|
|
179
180
|
};
|
|
180
181
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormItemProps, {
|
|
181
182
|
form?: FormType | undefined;
|
|
183
|
+
status?: "none" | "error" | "success" | "warning" | undefined;
|
|
182
184
|
field: Field;
|
|
183
185
|
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
184
186
|
change: (value?: any) => any;
|
|
@@ -25,7 +25,7 @@ export declare const FORM_VALIDATION_DEFAULT_PROPS: {
|
|
|
25
25
|
readonly status: "error";
|
|
26
26
|
};
|
|
27
27
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FormValidationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FormValidationProps> & Readonly<{}>, {
|
|
28
|
-
status: "error" | "success" | "warning";
|
|
28
|
+
status: "none" | "error" | "success" | "warning";
|
|
29
29
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
|
|
30
30
|
/**
|
|
31
31
|
* Default slot for custom content
|
|
@@ -213,6 +213,7 @@ export interface GOPickerProps {
|
|
|
213
213
|
* Props to pass to the search input component
|
|
214
214
|
*/
|
|
215
215
|
inputProps?: InputProps;
|
|
216
|
+
inputCls?: ClassValue;
|
|
216
217
|
/**
|
|
217
218
|
* Which colors to reset when changing between icon and emoji types
|
|
218
219
|
*/
|
|
@@ -299,7 +300,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
|
|
|
299
300
|
/**
|
|
300
301
|
* Customize the header for the foreground color picker
|
|
301
302
|
*/
|
|
302
|
-
fgHeader?: () => never;
|
|
303
|
+
fgHeader?: (params?: object) => never;
|
|
303
304
|
/**
|
|
304
305
|
* Customize items in the foreground color picker
|
|
305
306
|
* @param data - Color swatch slot data
|
|
@@ -313,7 +314,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
|
|
|
313
314
|
/**
|
|
314
315
|
* Customize the header for the background color picker
|
|
315
316
|
*/
|
|
316
|
-
bgHeader?: () => never;
|
|
317
|
+
bgHeader?: (params?: object) => never;
|
|
317
318
|
/**
|
|
318
319
|
* Customize items in the background color picker
|
|
319
320
|
* @param data - Color swatch slot data
|
|
@@ -327,7 +328,7 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
|
|
|
327
328
|
/**
|
|
328
329
|
* Customize the header for the border color picker
|
|
329
330
|
*/
|
|
330
|
-
brHeader?: () => never;
|
|
331
|
+
brHeader?: (params?: object) => never;
|
|
331
332
|
/**
|
|
332
333
|
* Customize items in the border color picker
|
|
333
334
|
* @param data - Color swatch slot data
|
|
@@ -348,6 +349,10 @@ export interface GOPickerSlots extends Partial<Pick<BaseInputSlots, 'leading' |
|
|
|
348
349
|
}) => never;
|
|
349
350
|
}
|
|
350
351
|
export declare const goPickerPrefix: string;
|
|
352
|
+
export declare const GO_PICKER_DEFAULT_POPOVER_PROPS: {
|
|
353
|
+
forceMount: boolean;
|
|
354
|
+
disableOutsidePointerEvents: boolean;
|
|
355
|
+
};
|
|
351
356
|
/**
|
|
352
357
|
* Default props for the GOPicker component
|
|
353
358
|
*/
|
|
@@ -356,23 +361,28 @@ export declare const GO_PICKER_DEFAULT_PROPS: {
|
|
|
356
361
|
readonly visibleColorPickers: () => ("br" | "bg" | "fg")[];
|
|
357
362
|
readonly popoverProps: () => {
|
|
358
363
|
forceMount: boolean;
|
|
364
|
+
disableOutsidePointerEvents: boolean;
|
|
359
365
|
};
|
|
360
366
|
readonly colorPopoverProps: () => {
|
|
361
367
|
forceMount: boolean;
|
|
368
|
+
disableOutsidePointerEvents: boolean;
|
|
362
369
|
};
|
|
363
370
|
readonly fgColorSwatchGroupProps: () => {
|
|
364
371
|
popoverProps: {
|
|
365
372
|
forceMount: boolean;
|
|
373
|
+
disableOutsidePointerEvents: boolean;
|
|
366
374
|
};
|
|
367
375
|
};
|
|
368
376
|
readonly bgColorSwatchGroupProps: () => {
|
|
369
377
|
popoverProps: {
|
|
370
378
|
forceMount: boolean;
|
|
379
|
+
disableOutsidePointerEvents: boolean;
|
|
371
380
|
};
|
|
372
381
|
};
|
|
373
382
|
readonly brColorSwatchGroupProps: () => {
|
|
374
383
|
popoverProps: {
|
|
375
384
|
forceMount: boolean;
|
|
385
|
+
disableOutsidePointerEvents: boolean;
|
|
376
386
|
};
|
|
377
387
|
};
|
|
378
388
|
readonly disabled: undefined;
|