@fiscozen/input 0.1.6 → 0.1.7
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/package.json +3 -3
- package/src/FzCurrencyInput.vue +11 -4
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/input.js +0 -4837
- package/dist/input.umd.cjs +0 -763
- package/dist/src/FzInput.vue.d.ts +0 -121
- package/dist/src/index.d.ts +0 -2
- package/dist/src/types.d.ts +0 -61
- package/dist/src/useInputStyle.d.ts +0 -12
|
@@ -1,121 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
|
|
3
|
-
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
|
|
4
|
-
modelValue: import('vue').PropType<any>;
|
|
5
|
-
name: {
|
|
6
|
-
type: import('vue').PropType<string>;
|
|
7
|
-
};
|
|
8
|
-
size: {
|
|
9
|
-
type: import('vue').PropType<"sm" | "md" | "lg">;
|
|
10
|
-
default: string;
|
|
11
|
-
};
|
|
12
|
-
type: {
|
|
13
|
-
type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
|
|
14
|
-
default: string;
|
|
15
|
-
};
|
|
16
|
-
required: {
|
|
17
|
-
type: import('vue').PropType<boolean>;
|
|
18
|
-
};
|
|
19
|
-
label: {
|
|
20
|
-
type: import('vue').PropType<string>;
|
|
21
|
-
required: true;
|
|
22
|
-
};
|
|
23
|
-
pattern: {
|
|
24
|
-
type: import('vue').PropType<string>;
|
|
25
|
-
};
|
|
26
|
-
placeholder: {
|
|
27
|
-
type: import('vue').PropType<string>;
|
|
28
|
-
};
|
|
29
|
-
disabled: {
|
|
30
|
-
type: import('vue').PropType<boolean>;
|
|
31
|
-
};
|
|
32
|
-
error: {
|
|
33
|
-
type: import('vue').PropType<boolean>;
|
|
34
|
-
default: boolean;
|
|
35
|
-
};
|
|
36
|
-
leftIcon: {
|
|
37
|
-
type: import('vue').PropType<string>;
|
|
38
|
-
};
|
|
39
|
-
leftIconVariant: {
|
|
40
|
-
type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
|
|
41
|
-
};
|
|
42
|
-
rightIcon: {
|
|
43
|
-
type: import('vue').PropType<string>;
|
|
44
|
-
};
|
|
45
|
-
rightIconVariant: {
|
|
46
|
-
type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
|
|
47
|
-
};
|
|
48
|
-
valid: {
|
|
49
|
-
type: import('vue').PropType<boolean>;
|
|
50
|
-
};
|
|
51
|
-
}, {
|
|
52
|
-
inputRef: Ref<HTMLInputElement | null>;
|
|
53
|
-
containerRef: Ref<HTMLElement | null>;
|
|
54
|
-
}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
55
|
-
input: (...args: any[]) => void;
|
|
56
|
-
focus: (...args: any[]) => void;
|
|
57
|
-
}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
58
|
-
modelValue: import('vue').PropType<any>;
|
|
59
|
-
name: {
|
|
60
|
-
type: import('vue').PropType<string>;
|
|
61
|
-
};
|
|
62
|
-
size: {
|
|
63
|
-
type: import('vue').PropType<"sm" | "md" | "lg">;
|
|
64
|
-
default: string;
|
|
65
|
-
};
|
|
66
|
-
type: {
|
|
67
|
-
type: import('vue').PropType<"number" | "text" | "password" | "email" | "tel" | "url">;
|
|
68
|
-
default: string;
|
|
69
|
-
};
|
|
70
|
-
required: {
|
|
71
|
-
type: import('vue').PropType<boolean>;
|
|
72
|
-
};
|
|
73
|
-
label: {
|
|
74
|
-
type: import('vue').PropType<string>;
|
|
75
|
-
required: true;
|
|
76
|
-
};
|
|
77
|
-
pattern: {
|
|
78
|
-
type: import('vue').PropType<string>;
|
|
79
|
-
};
|
|
80
|
-
placeholder: {
|
|
81
|
-
type: import('vue').PropType<string>;
|
|
82
|
-
};
|
|
83
|
-
disabled: {
|
|
84
|
-
type: import('vue').PropType<boolean>;
|
|
85
|
-
};
|
|
86
|
-
error: {
|
|
87
|
-
type: import('vue').PropType<boolean>;
|
|
88
|
-
default: boolean;
|
|
89
|
-
};
|
|
90
|
-
leftIcon: {
|
|
91
|
-
type: import('vue').PropType<string>;
|
|
92
|
-
};
|
|
93
|
-
leftIconVariant: {
|
|
94
|
-
type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
|
|
95
|
-
};
|
|
96
|
-
rightIcon: {
|
|
97
|
-
type: import('vue').PropType<string>;
|
|
98
|
-
};
|
|
99
|
-
rightIconVariant: {
|
|
100
|
-
type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
|
|
101
|
-
};
|
|
102
|
-
valid: {
|
|
103
|
-
type: import('vue').PropType<boolean>;
|
|
104
|
-
};
|
|
105
|
-
}>> & {
|
|
106
|
-
onFocus?: ((...args: any[]) => any) | undefined;
|
|
107
|
-
onInput?: ((...args: any[]) => any) | undefined;
|
|
108
|
-
}, {
|
|
109
|
-
size: "sm" | "md" | "lg";
|
|
110
|
-
type: "number" | "text" | "password" | "email" | "tel" | "url";
|
|
111
|
-
error: boolean;
|
|
112
|
-
}, {}>, {
|
|
113
|
-
errorMessage?(_: {}): any;
|
|
114
|
-
helpText?(_: {}): any;
|
|
115
|
-
}>;
|
|
116
|
-
export default _default;
|
|
117
|
-
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
118
|
-
new (): {
|
|
119
|
-
$slots: S;
|
|
120
|
-
};
|
|
121
|
-
};
|
package/dist/src/index.d.ts
DELETED
package/dist/src/types.d.ts
DELETED
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { IconVariant } from '@fiscozen/icons';
|
|
2
|
-
|
|
3
|
-
type FzInputProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The label displayed on top of the input
|
|
6
|
-
*/
|
|
7
|
-
label: string;
|
|
8
|
-
/**
|
|
9
|
-
* The size of the input
|
|
10
|
-
*/
|
|
11
|
-
size?: "sm" | "md" | "lg";
|
|
12
|
-
/**
|
|
13
|
-
* The placeholder displayed in the input
|
|
14
|
-
*/
|
|
15
|
-
placeholder?: string;
|
|
16
|
-
/**
|
|
17
|
-
* If set to true, the input is required
|
|
18
|
-
*/
|
|
19
|
-
required?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* If set to true, the input is disabled
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* If set to true, the input is in error state
|
|
26
|
-
*/
|
|
27
|
-
error?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Left icon name
|
|
30
|
-
*/
|
|
31
|
-
leftIcon?: string;
|
|
32
|
-
/**
|
|
33
|
-
* Left icon variant
|
|
34
|
-
*/
|
|
35
|
-
leftIconVariant?: IconVariant;
|
|
36
|
-
/**
|
|
37
|
-
* Right icon name
|
|
38
|
-
*/
|
|
39
|
-
rightIcon?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Right icon variant
|
|
42
|
-
*/
|
|
43
|
-
rightIconVariant?: IconVariant;
|
|
44
|
-
/**
|
|
45
|
-
* The input type
|
|
46
|
-
*/
|
|
47
|
-
type?: "text" | "password" | "email" | "number" | "tel" | "url";
|
|
48
|
-
/**
|
|
49
|
-
* If set to true, the input is valid
|
|
50
|
-
*/
|
|
51
|
-
valid?: boolean;
|
|
52
|
-
/**
|
|
53
|
-
* Pattern to validate the input
|
|
54
|
-
*/
|
|
55
|
-
pattern?: string;
|
|
56
|
-
/**
|
|
57
|
-
* Defines the textarea key in a form
|
|
58
|
-
*/
|
|
59
|
-
name?: string;
|
|
60
|
-
};
|
|
61
|
-
export { FzInputProps };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Ref } from 'vue';
|
|
2
|
-
import { FzInputProps } from './types';
|
|
3
|
-
|
|
4
|
-
export default function useInputStyle(props: FzInputProps, container: Ref<HTMLElement | null>): {
|
|
5
|
-
staticContainerClass: string;
|
|
6
|
-
computedContainerClass: import('vue').ComputedRef<string[]>;
|
|
7
|
-
computedLabelClass: import('vue').ComputedRef<string[]>;
|
|
8
|
-
staticInputClass: string;
|
|
9
|
-
computedHelpClass: import('vue').ComputedRef<string[]>;
|
|
10
|
-
computedErrorClass: import('vue').ComputedRef<string[]>;
|
|
11
|
-
containerWidth: import('vue').ComputedRef<string>;
|
|
12
|
-
};
|