portal-design-system 0.0.7 → 0.0.8
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/Dialog.vue.d.ts +30 -0
- package/dist/components/{Icon.vue.d.ts → Iconsax.vue.d.ts} +1 -1
- package/dist/components/composables/useOutsideClick.d.ts +8 -0
- package/dist/components/composables/useWindowScroll.d.ts +11 -0
- package/dist/components/inputs/CountryCode.vue.d.ts +14 -0
- package/dist/components/inputs/Error.vue.d.ts +6 -0
- package/dist/components/inputs/Input.vue.d.ts +45 -0
- package/dist/components/inputs/Select.vue.d.ts +62 -0
- package/dist/components/inputs/data/country-code.d.ts +17 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +7 -75
- package/dist/index.js +4814 -556
- package/dist/styles.css +1 -1
- package/package.json +7 -2
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
classList?: string;
|
|
4
|
+
persistent?: boolean;
|
|
5
|
+
fullscreen?: boolean;
|
|
6
|
+
};
|
|
7
|
+
type __VLS_PublicProps = {
|
|
8
|
+
modelValue?: boolean;
|
|
9
|
+
} & __VLS_Props;
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
default?(_: {}): any;
|
|
14
|
+
};
|
|
15
|
+
refs: {};
|
|
16
|
+
rootEl: any;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
19
|
+
declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
20
|
+
"update:modelValue": (value: boolean) => any;
|
|
21
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
23
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -3,7 +3,7 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
|
|
|
3
3
|
type __VLS_Props = {
|
|
4
4
|
name: IconName;
|
|
5
5
|
color?: string;
|
|
6
|
-
size?: number;
|
|
6
|
+
size?: number | string;
|
|
7
7
|
};
|
|
8
8
|
declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
|
|
9
9
|
export default _default;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* useOutsideClick
|
|
4
|
+
* Calls handler when a click is detected outside the provided element ref.
|
|
5
|
+
* Works with a DOM element ref (from `ref()` or `useTemplateRef`).
|
|
6
|
+
*/
|
|
7
|
+
export declare function useOutsideClick(target: Ref<HTMLElement | null | undefined>, handler: (e?: Event) => void, eventName?: string): void;
|
|
8
|
+
export default useOutsideClick;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Ref } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* useWindowScroll
|
|
4
|
+
* Calls handler when a click is detected outside the provided element ref.
|
|
5
|
+
* Works with a DOM element ref (from `ref()` or `useTemplateRef`).
|
|
6
|
+
*/
|
|
7
|
+
export declare function useWindowScroll(): {
|
|
8
|
+
scrollY: Ref<number, number>;
|
|
9
|
+
scrollX: Ref<number, number>;
|
|
10
|
+
};
|
|
11
|
+
export default useWindowScroll;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_PublicProps = {
|
|
3
|
+
modelValue?: string;
|
|
4
|
+
};
|
|
5
|
+
declare const _default: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
6
|
+
"update:modelValue": (value: string) => any;
|
|
7
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
8
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
9
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
10
|
+
wrapperRef: HTMLDivElement;
|
|
11
|
+
buttonRef: HTMLDivElement;
|
|
12
|
+
dropdownRef: HTMLDivElement;
|
|
13
|
+
}, HTMLDivElement>;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
errors?: string[];
|
|
4
|
+
};
|
|
5
|
+
declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
6
|
+
export default _default;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { InputTypeHTMLAttribute, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
id: string;
|
|
4
|
+
label?: string;
|
|
5
|
+
type?: InputTypeHTMLAttribute;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
rounded?: 'full' | 'lg' | 'xl';
|
|
8
|
+
classList?: string;
|
|
9
|
+
labelClassList?: string;
|
|
10
|
+
errors?: string[];
|
|
11
|
+
modelValue?: any;
|
|
12
|
+
tag?: 'input' | 'textarea';
|
|
13
|
+
required?: boolean;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_PublicProps = {
|
|
16
|
+
'code'?: string;
|
|
17
|
+
modelValue?: any;
|
|
18
|
+
} & __VLS_Props;
|
|
19
|
+
declare function __VLS_template(): {
|
|
20
|
+
attrs: Partial<{}>;
|
|
21
|
+
slots: {
|
|
22
|
+
prefix?(_: {}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {};
|
|
25
|
+
rootEl: HTMLDivElement;
|
|
26
|
+
};
|
|
27
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
28
|
+
declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
29
|
+
"update:modelValue": (value: any) => any;
|
|
30
|
+
"update:code": (value: string) => any;
|
|
31
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
32
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
33
|
+
"onUpdate:code"?: ((value: string) => any) | undefined;
|
|
34
|
+
}>, {
|
|
35
|
+
type: InputTypeHTMLAttribute;
|
|
36
|
+
rounded: "full" | "lg" | "xl";
|
|
37
|
+
tag: "input" | "textarea";
|
|
38
|
+
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
39
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
40
|
+
export default _default;
|
|
41
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
42
|
+
new (): {
|
|
43
|
+
$slots: S;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
interface OptionType {
|
|
3
|
+
label: string;
|
|
4
|
+
value?: string | number;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
[key: string]: unknown;
|
|
7
|
+
}
|
|
8
|
+
type __VLS_Props = {
|
|
9
|
+
id: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
options?: OptionType[];
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
multiple?: boolean;
|
|
14
|
+
searchable?: boolean;
|
|
15
|
+
showSelectedCount?: boolean;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
classList?: string;
|
|
18
|
+
labelClassList?: string;
|
|
19
|
+
errors?: string[];
|
|
20
|
+
clearable?: boolean;
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
onlyShowErrorIndicator?: boolean;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
rounded?: 'full' | 'lg' | 'xl';
|
|
25
|
+
};
|
|
26
|
+
type __VLS_PublicProps = {
|
|
27
|
+
modelValue?: any;
|
|
28
|
+
'query'?: string;
|
|
29
|
+
} & __VLS_Props;
|
|
30
|
+
declare function __VLS_template(): {
|
|
31
|
+
attrs: Partial<{}>;
|
|
32
|
+
slots: {
|
|
33
|
+
toggleButton?(_: {}): any;
|
|
34
|
+
option?(_: {
|
|
35
|
+
option: OptionType;
|
|
36
|
+
isActive: any;
|
|
37
|
+
}): any;
|
|
38
|
+
};
|
|
39
|
+
refs: {
|
|
40
|
+
wrapperRef: HTMLDivElement;
|
|
41
|
+
dropdownRef: HTMLDivElement;
|
|
42
|
+
};
|
|
43
|
+
rootEl: HTMLDivElement;
|
|
44
|
+
};
|
|
45
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
46
|
+
declare const __VLS_component: DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
47
|
+
"update:modelValue": (value: any) => any;
|
|
48
|
+
"update:query": (value: string) => any;
|
|
49
|
+
}, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
50
|
+
"onUpdate:modelValue"?: ((value: any) => any) | undefined;
|
|
51
|
+
"onUpdate:query"?: ((value: string) => any) | undefined;
|
|
52
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
53
|
+
wrapperRef: HTMLDivElement;
|
|
54
|
+
dropdownRef: HTMLDivElement;
|
|
55
|
+
}, HTMLDivElement>;
|
|
56
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
57
|
+
export default _default;
|
|
58
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
59
|
+
new (): {
|
|
60
|
+
$slots: S;
|
|
61
|
+
};
|
|
62
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
interface CountryInterface {
|
|
2
|
+
name: string;
|
|
3
|
+
dial_code: string;
|
|
4
|
+
code: string;
|
|
5
|
+
flag: string;
|
|
6
|
+
preferred?: boolean;
|
|
7
|
+
secondary?: boolean;
|
|
8
|
+
area_codes?: Array<string>;
|
|
9
|
+
country_code?: string;
|
|
10
|
+
local_name?: string;
|
|
11
|
+
part_of?: string[];
|
|
12
|
+
currency?: string;
|
|
13
|
+
currency_code?: string;
|
|
14
|
+
currency_symbol?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const countries: CountryInterface[];
|
|
17
|
+
export default countries;
|