@factoringplus/pl-components-pack-v3 1.0.9-pre-05 → 1.0.9-pre-06
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/pl-button.vue.d.ts +56 -4
- package/dist/components/button/types/index.d.ts +10 -10
- package/dist/components/pl-dialog/pl-dialog.stories.d.ts +36 -36
- package/dist/components/pl-dialog/pl-dialog.vue.d.ts +1 -1
- package/dist/pl-components-pack-v3.es.js +1736 -1686
- package/dist/pl-components-pack-v3.umd.js +22 -22
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,31 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<
|
|
1
|
+
import type { TButtonProps } from './types';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TButtonProps>, {
|
|
3
|
+
/**
|
|
4
|
+
* @typedef {'primary' | 'secondary' | 'alternative' | 'error' | 'empty'} PlButtonType
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* @typedef {'large' | 'medium' | 'small'} PlButtonSize
|
|
8
|
+
*/
|
|
9
|
+
/**
|
|
10
|
+
* @typedef {'left' | 'right'} PlIconPosition
|
|
11
|
+
*/
|
|
12
|
+
/**
|
|
13
|
+
* @typedef {'button' | 'submit' | 'reset'} PlNativeType
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* @typedef {Object} TButtonProps
|
|
17
|
+
* @property {boolean} [fullWidth=false] - Whether the button should take full width.
|
|
18
|
+
* @property {boolean} [disabled=false] - Whether the button should be disabled.
|
|
19
|
+
* @property {PlButtonType} [type='primary'] - Type of the button.
|
|
20
|
+
* @property {PlButtonSize} [size='large'] - Size of the button.
|
|
21
|
+
* @property {string} [icon=''] - Icon name for the button.
|
|
22
|
+
* @property {string} [iconColor=''] - Color of the icon.
|
|
23
|
+
* @property {PlIconPosition} [iconPosition='left'] - Position of the icon.
|
|
24
|
+
* @property {PlNativeType} [nativeType='button'] - Native type of the button.
|
|
25
|
+
*/
|
|
26
|
+
/**
|
|
27
|
+
* @type {TButtonProps}
|
|
28
|
+
*/
|
|
3
29
|
fullWidth: boolean;
|
|
4
30
|
disabled: boolean;
|
|
5
31
|
type: string;
|
|
@@ -10,7 +36,33 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
10
36
|
nativeType: string;
|
|
11
37
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
38
|
click: (...args: any[]) => void;
|
|
13
|
-
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<
|
|
39
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TButtonProps>, {
|
|
40
|
+
/**
|
|
41
|
+
* @typedef {'primary' | 'secondary' | 'alternative' | 'error' | 'empty'} PlButtonType
|
|
42
|
+
*/
|
|
43
|
+
/**
|
|
44
|
+
* @typedef {'large' | 'medium' | 'small'} PlButtonSize
|
|
45
|
+
*/
|
|
46
|
+
/**
|
|
47
|
+
* @typedef {'left' | 'right'} PlIconPosition
|
|
48
|
+
*/
|
|
49
|
+
/**
|
|
50
|
+
* @typedef {'button' | 'submit' | 'reset'} PlNativeType
|
|
51
|
+
*/
|
|
52
|
+
/**
|
|
53
|
+
* @typedef {Object} TButtonProps
|
|
54
|
+
* @property {boolean} [fullWidth=false] - Whether the button should take full width.
|
|
55
|
+
* @property {boolean} [disabled=false] - Whether the button should be disabled.
|
|
56
|
+
* @property {PlButtonType} [type='primary'] - Type of the button.
|
|
57
|
+
* @property {PlButtonSize} [size='large'] - Size of the button.
|
|
58
|
+
* @property {string} [icon=''] - Icon name for the button.
|
|
59
|
+
* @property {string} [iconColor=''] - Color of the icon.
|
|
60
|
+
* @property {PlIconPosition} [iconPosition='left'] - Position of the icon.
|
|
61
|
+
* @property {PlNativeType} [nativeType='button'] - Native type of the button.
|
|
62
|
+
*/
|
|
63
|
+
/**
|
|
64
|
+
* @type {TButtonProps}
|
|
65
|
+
*/
|
|
14
66
|
fullWidth: boolean;
|
|
15
67
|
disabled: boolean;
|
|
16
68
|
type: string;
|
|
@@ -23,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
23
75
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
24
76
|
}, {
|
|
25
77
|
type: "primary" | "secondary" | "alternative" | "error" | "empty";
|
|
26
|
-
icon:
|
|
78
|
+
icon: import("../pl-icon").TIcon;
|
|
27
79
|
fullWidth: boolean;
|
|
28
80
|
disabled: boolean;
|
|
29
81
|
size: "small" | "large" | "medium";
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import type { TIcon } from '../../pl-icon/types';
|
|
2
|
+
/**
|
|
3
|
+
* @param fullWidth boolean;
|
|
4
|
+
* @param disabled boolean;
|
|
5
|
+
* @param type 'primary' | 'secondary' | 'alternative' | 'error' | 'empty';
|
|
6
|
+
* @param size 'large' | 'medium' | 'small';
|
|
7
|
+
* @param icon IIcon;
|
|
8
|
+
* @param iconColor string;
|
|
9
|
+
* @param iconPosition 'left' | 'right';
|
|
10
|
+
* @param nativeType 'button'| 'submit'| 'reset' | undefined
|
|
11
|
+
*/
|
|
2
12
|
export declare type TButtonProps = {
|
|
3
|
-
/**
|
|
4
|
-
* @param fullWidth boolean;
|
|
5
|
-
* @param disabled boolean;
|
|
6
|
-
* @param type 'primary' | 'secondary' | 'alternative' | 'error' | 'empty';
|
|
7
|
-
* @param size 'large' | 'medium' | 'small';
|
|
8
|
-
* @param icon IIcon;
|
|
9
|
-
* @param iconColor string;
|
|
10
|
-
* @param iconPosition 'left' | 'right';
|
|
11
|
-
* @param nativeType 'button'| 'submit'| 'reset' | undefined
|
|
12
|
-
*/
|
|
13
13
|
fullWidth?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
type?: 'primary' | 'secondary' | 'alternative' | 'error' | 'empty';
|
|
@@ -5,12 +5,12 @@ export declare const PlDialogStory: () => {
|
|
|
5
5
|
$: import("vue").ComponentInternalInstance;
|
|
6
6
|
$data: {};
|
|
7
7
|
$props: {
|
|
8
|
+
padding?: string | undefined;
|
|
8
9
|
customClass?: string | undefined;
|
|
9
10
|
modelValue?: boolean | undefined;
|
|
10
11
|
showHeader?: boolean | undefined;
|
|
11
12
|
showGrabber?: boolean | undefined;
|
|
12
13
|
widthThis?: string | undefined;
|
|
13
|
-
padding?: string | undefined;
|
|
14
14
|
headerPadding?: string | undefined;
|
|
15
15
|
showClose?: boolean | undefined;
|
|
16
16
|
slide?: boolean | undefined;
|
|
@@ -81,6 +81,10 @@ export declare const PlDialogStory: () => {
|
|
|
81
81
|
$emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "changeVisibleModalValue", ...args: any[]) => void);
|
|
82
82
|
$el: any;
|
|
83
83
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
84
|
+
padding: {
|
|
85
|
+
type: import("vue").PropType<string>;
|
|
86
|
+
default: string;
|
|
87
|
+
};
|
|
84
88
|
customClass: {
|
|
85
89
|
type: import("vue").PropType<string>;
|
|
86
90
|
default: string;
|
|
@@ -102,10 +106,6 @@ export declare const PlDialogStory: () => {
|
|
|
102
106
|
type: import("vue").PropType<string>;
|
|
103
107
|
default: string;
|
|
104
108
|
};
|
|
105
|
-
padding: {
|
|
106
|
-
type: import("vue").PropType<string>;
|
|
107
|
-
default: string;
|
|
108
|
-
};
|
|
109
109
|
headerPadding: {
|
|
110
110
|
type: import("vue").PropType<string>;
|
|
111
111
|
default: string;
|
|
@@ -152,12 +152,12 @@ export declare const PlDialogStory: () => {
|
|
|
152
152
|
"update:modelValue": (...args: any[]) => void;
|
|
153
153
|
changeVisibleModalValue: (...args: any[]) => void;
|
|
154
154
|
}, string, {
|
|
155
|
+
padding: string;
|
|
155
156
|
customClass: string;
|
|
156
157
|
modelValue: boolean;
|
|
157
158
|
showHeader: boolean;
|
|
158
159
|
showGrabber: boolean;
|
|
159
160
|
widthThis: string;
|
|
160
|
-
padding: string;
|
|
161
161
|
headerPadding: string;
|
|
162
162
|
showClose: boolean;
|
|
163
163
|
slide: boolean;
|
|
@@ -188,6 +188,10 @@ export declare const PlDialogStory: () => {
|
|
|
188
188
|
$nextTick: typeof import("vue").nextTick;
|
|
189
189
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
|
|
190
190
|
} & Readonly<import("vue").ExtractPropTypes<{
|
|
191
|
+
padding: {
|
|
192
|
+
type: import("vue").PropType<string>;
|
|
193
|
+
default: string;
|
|
194
|
+
};
|
|
191
195
|
customClass: {
|
|
192
196
|
type: import("vue").PropType<string>;
|
|
193
197
|
default: string;
|
|
@@ -209,10 +213,6 @@ export declare const PlDialogStory: () => {
|
|
|
209
213
|
type: import("vue").PropType<string>;
|
|
210
214
|
default: string;
|
|
211
215
|
};
|
|
212
|
-
padding: {
|
|
213
|
-
type: import("vue").PropType<string>;
|
|
214
|
-
default: string;
|
|
215
|
-
};
|
|
216
216
|
headerPadding: {
|
|
217
217
|
type: import("vue").PropType<string>;
|
|
218
218
|
default: string;
|
|
@@ -260,6 +260,10 @@ export declare const PlDialogStory: () => {
|
|
|
260
260
|
__isTeleport?: undefined;
|
|
261
261
|
__isSuspense?: undefined;
|
|
262
262
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
263
|
+
padding: {
|
|
264
|
+
type: import("vue").PropType<string>;
|
|
265
|
+
default: string;
|
|
266
|
+
};
|
|
263
267
|
customClass: {
|
|
264
268
|
type: import("vue").PropType<string>;
|
|
265
269
|
default: string;
|
|
@@ -281,10 +285,6 @@ export declare const PlDialogStory: () => {
|
|
|
281
285
|
type: import("vue").PropType<string>;
|
|
282
286
|
default: string;
|
|
283
287
|
};
|
|
284
|
-
padding: {
|
|
285
|
-
type: import("vue").PropType<string>;
|
|
286
|
-
default: string;
|
|
287
|
-
};
|
|
288
288
|
headerPadding: {
|
|
289
289
|
type: import("vue").PropType<string>;
|
|
290
290
|
default: string;
|
|
@@ -331,12 +331,12 @@ export declare const PlDialogStory: () => {
|
|
|
331
331
|
"update:modelValue": (...args: any[]) => void;
|
|
332
332
|
changeVisibleModalValue: (...args: any[]) => void;
|
|
333
333
|
}, string, {
|
|
334
|
+
padding: string;
|
|
334
335
|
customClass: string;
|
|
335
336
|
modelValue: boolean;
|
|
336
337
|
showHeader: boolean;
|
|
337
338
|
showGrabber: boolean;
|
|
338
339
|
widthThis: string;
|
|
339
|
-
padding: string;
|
|
340
340
|
headerPadding: string;
|
|
341
341
|
showClose: boolean;
|
|
342
342
|
slide: boolean;
|
|
@@ -359,7 +359,7 @@ export declare const PlDialogStory: () => {
|
|
|
359
359
|
$data: {};
|
|
360
360
|
$props: {
|
|
361
361
|
type?: "primary" | "secondary" | "alternative" | "error" | "empty" | undefined;
|
|
362
|
-
icon?:
|
|
362
|
+
icon?: import("../pl-icon").TIcon | undefined;
|
|
363
363
|
fullWidth?: boolean | undefined;
|
|
364
364
|
disabled?: boolean | undefined;
|
|
365
365
|
size?: "small" | "large" | "medium" | undefined;
|
|
@@ -431,7 +431,7 @@ export declare const PlDialogStory: () => {
|
|
|
431
431
|
default: string;
|
|
432
432
|
};
|
|
433
433
|
icon: {
|
|
434
|
-
type: import("vue").PropType<
|
|
434
|
+
type: import("vue").PropType<import("../pl-icon").TIcon>;
|
|
435
435
|
default: string;
|
|
436
436
|
};
|
|
437
437
|
fullWidth: {
|
|
@@ -464,7 +464,7 @@ export declare const PlDialogStory: () => {
|
|
|
464
464
|
click: (...args: any[]) => void;
|
|
465
465
|
}, string, {
|
|
466
466
|
type: "primary" | "secondary" | "alternative" | "error" | "empty";
|
|
467
|
-
icon:
|
|
467
|
+
icon: import("../pl-icon").TIcon;
|
|
468
468
|
fullWidth: boolean;
|
|
469
469
|
disabled: boolean;
|
|
470
470
|
size: "small" | "large" | "medium";
|
|
@@ -497,7 +497,7 @@ export declare const PlDialogStory: () => {
|
|
|
497
497
|
default: string;
|
|
498
498
|
};
|
|
499
499
|
icon: {
|
|
500
|
-
type: import("vue").PropType<
|
|
500
|
+
type: import("vue").PropType<import("../pl-icon").TIcon>;
|
|
501
501
|
default: string;
|
|
502
502
|
};
|
|
503
503
|
fullWidth: {
|
|
@@ -536,7 +536,7 @@ export declare const PlDialogStory: () => {
|
|
|
536
536
|
default: string;
|
|
537
537
|
};
|
|
538
538
|
icon: {
|
|
539
|
-
type: import("vue").PropType<
|
|
539
|
+
type: import("vue").PropType<import("../pl-icon").TIcon>;
|
|
540
540
|
default: string;
|
|
541
541
|
};
|
|
542
542
|
fullWidth: {
|
|
@@ -569,7 +569,7 @@ export declare const PlDialogStory: () => {
|
|
|
569
569
|
click: (...args: any[]) => void;
|
|
570
570
|
}, string, {
|
|
571
571
|
type: "primary" | "secondary" | "alternative" | "error" | "empty";
|
|
572
|
-
icon:
|
|
572
|
+
icon: import("../pl-icon").TIcon;
|
|
573
573
|
fullWidth: boolean;
|
|
574
574
|
disabled: boolean;
|
|
575
575
|
size: "small" | "large" | "medium";
|
|
@@ -594,12 +594,12 @@ declare const _default: {
|
|
|
594
594
|
$: import("vue").ComponentInternalInstance;
|
|
595
595
|
$data: {};
|
|
596
596
|
$props: {
|
|
597
|
+
padding?: string | undefined;
|
|
597
598
|
customClass?: string | undefined;
|
|
598
599
|
modelValue?: boolean | undefined;
|
|
599
600
|
showHeader?: boolean | undefined;
|
|
600
601
|
showGrabber?: boolean | undefined;
|
|
601
602
|
widthThis?: string | undefined;
|
|
602
|
-
padding?: string | undefined;
|
|
603
603
|
headerPadding?: string | undefined;
|
|
604
604
|
showClose?: boolean | undefined;
|
|
605
605
|
slide?: boolean | undefined;
|
|
@@ -670,6 +670,10 @@ declare const _default: {
|
|
|
670
670
|
$emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "changeVisibleModalValue", ...args: any[]) => void);
|
|
671
671
|
$el: any;
|
|
672
672
|
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
673
|
+
padding: {
|
|
674
|
+
type: import("vue").PropType<string>;
|
|
675
|
+
default: string;
|
|
676
|
+
};
|
|
673
677
|
customClass: {
|
|
674
678
|
type: import("vue").PropType<string>;
|
|
675
679
|
default: string;
|
|
@@ -691,10 +695,6 @@ declare const _default: {
|
|
|
691
695
|
type: import("vue").PropType<string>;
|
|
692
696
|
default: string;
|
|
693
697
|
};
|
|
694
|
-
padding: {
|
|
695
|
-
type: import("vue").PropType<string>;
|
|
696
|
-
default: string;
|
|
697
|
-
};
|
|
698
698
|
headerPadding: {
|
|
699
699
|
type: import("vue").PropType<string>;
|
|
700
700
|
default: string;
|
|
@@ -741,12 +741,12 @@ declare const _default: {
|
|
|
741
741
|
"update:modelValue": (...args: any[]) => void;
|
|
742
742
|
changeVisibleModalValue: (...args: any[]) => void;
|
|
743
743
|
}, string, {
|
|
744
|
+
padding: string;
|
|
744
745
|
customClass: string;
|
|
745
746
|
modelValue: boolean;
|
|
746
747
|
showHeader: boolean;
|
|
747
748
|
showGrabber: boolean;
|
|
748
749
|
widthThis: string;
|
|
749
|
-
padding: string;
|
|
750
750
|
headerPadding: string;
|
|
751
751
|
showClose: boolean;
|
|
752
752
|
slide: boolean;
|
|
@@ -777,6 +777,10 @@ declare const _default: {
|
|
|
777
777
|
$nextTick: typeof import("vue").nextTick;
|
|
778
778
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
|
|
779
779
|
} & Readonly<import("vue").ExtractPropTypes<{
|
|
780
|
+
padding: {
|
|
781
|
+
type: import("vue").PropType<string>;
|
|
782
|
+
default: string;
|
|
783
|
+
};
|
|
780
784
|
customClass: {
|
|
781
785
|
type: import("vue").PropType<string>;
|
|
782
786
|
default: string;
|
|
@@ -798,10 +802,6 @@ declare const _default: {
|
|
|
798
802
|
type: import("vue").PropType<string>;
|
|
799
803
|
default: string;
|
|
800
804
|
};
|
|
801
|
-
padding: {
|
|
802
|
-
type: import("vue").PropType<string>;
|
|
803
|
-
default: string;
|
|
804
|
-
};
|
|
805
805
|
headerPadding: {
|
|
806
806
|
type: import("vue").PropType<string>;
|
|
807
807
|
default: string;
|
|
@@ -849,6 +849,10 @@ declare const _default: {
|
|
|
849
849
|
__isTeleport?: undefined;
|
|
850
850
|
__isSuspense?: undefined;
|
|
851
851
|
} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
852
|
+
padding: {
|
|
853
|
+
type: import("vue").PropType<string>;
|
|
854
|
+
default: string;
|
|
855
|
+
};
|
|
852
856
|
customClass: {
|
|
853
857
|
type: import("vue").PropType<string>;
|
|
854
858
|
default: string;
|
|
@@ -870,10 +874,6 @@ declare const _default: {
|
|
|
870
874
|
type: import("vue").PropType<string>;
|
|
871
875
|
default: string;
|
|
872
876
|
};
|
|
873
|
-
padding: {
|
|
874
|
-
type: import("vue").PropType<string>;
|
|
875
|
-
default: string;
|
|
876
|
-
};
|
|
877
877
|
headerPadding: {
|
|
878
878
|
type: import("vue").PropType<string>;
|
|
879
879
|
default: string;
|
|
@@ -920,12 +920,12 @@ declare const _default: {
|
|
|
920
920
|
"update:modelValue": (...args: any[]) => void;
|
|
921
921
|
changeVisibleModalValue: (...args: any[]) => void;
|
|
922
922
|
}, string, {
|
|
923
|
+
padding: string;
|
|
923
924
|
customClass: string;
|
|
924
925
|
modelValue: boolean;
|
|
925
926
|
showHeader: boolean;
|
|
926
927
|
showGrabber: boolean;
|
|
927
928
|
widthThis: string;
|
|
928
|
-
padding: string;
|
|
929
929
|
headerPadding: string;
|
|
930
930
|
showClose: boolean;
|
|
931
931
|
slide: boolean;
|
|
@@ -57,12 +57,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
|
|
|
57
57
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
58
58
|
onChangeVisibleModalValue?: ((...args: any[]) => any) | undefined;
|
|
59
59
|
}, {
|
|
60
|
+
padding: string;
|
|
60
61
|
customClass: string;
|
|
61
62
|
modelValue: boolean;
|
|
62
63
|
showHeader: boolean;
|
|
63
64
|
showGrabber: boolean;
|
|
64
65
|
widthThis: string;
|
|
65
|
-
padding: string;
|
|
66
66
|
headerPadding: string;
|
|
67
67
|
showClose: boolean;
|
|
68
68
|
slide: boolean;
|