@milaboratories/uikit 2.2.0 → 2.2.2

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.
@@ -0,0 +1,44 @@
1
+ import type { TabOption } from './types';
2
+ /**
3
+ * A component for selecting one value from a list of options
4
+ */
5
+ declare const _default: <M extends string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
6
+ props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
7
+ readonly "onUpdate:modelValue"?: ((value: M) => any) | undefined;
8
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & {
9
+ /**
10
+ * The current selected tab value.
11
+ */
12
+ modelValue?: M;
13
+ /**
14
+ * List of available options for the component
15
+ */
16
+ options: Readonly<TabOption<M>[]>;
17
+ /**
18
+ * If `true`, the component is disabled and cannot be interacted with.
19
+ */
20
+ disabled?: boolean;
21
+ /**
22
+ * If `true`, the `active` line appears on the top of element.
23
+ */
24
+ topLine?: boolean;
25
+ /**
26
+ * Maximum tab width (css value), can be overridden for each option
27
+ */
28
+ maxTabWidth?: string;
29
+ }> & import("vue").PublicProps;
30
+ expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
31
+ attrs: any;
32
+ slots: Partial<Record<M, (_: {
33
+ option: TabOption<M>;
34
+ }) => any>>;
35
+ emit: (e: "update:modelValue", value: M) => void;
36
+ }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
37
+ [key: string]: any;
38
+ }> & {
39
+ __ctx?: Awaited<typeof __VLS_setup>;
40
+ };
41
+ export default _default;
42
+ type __VLS_PrettifyLocal<T> = {
43
+ [K in keyof T]: T[K];
44
+ } & {};
@@ -0,0 +1,106 @@
1
+ import type { TabOption } from './types';
2
+ declare function __VLS_template(): {
3
+ slots: {
4
+ default?(_: {}): any;
5
+ };
6
+ refs: {
7
+ rootRef: ({
8
+ $: import("vue").ComponentInternalInstance;
9
+ $data: {};
10
+ $props: {
11
+ readonly openDelay?: number | undefined;
12
+ readonly closeDelay?: number | undefined;
13
+ readonly position?: ("top-left" | "left" | "right" | "top") | undefined;
14
+ readonly hide?: boolean | undefined;
15
+ readonly gap?: number | undefined;
16
+ readonly element?: ("div" | "span" | "a" | "p" | "h1" | "h2" | "h3") | undefined;
17
+ readonly "onTooltip:close"?: ((...args: any[]) => any) | undefined;
18
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
19
+ $attrs: {
20
+ [x: string]: unknown;
21
+ };
22
+ $refs: {
23
+ [x: string]: unknown;
24
+ };
25
+ $slots: Readonly<{
26
+ [name: string]: import("vue").Slot<any> | undefined;
27
+ }>;
28
+ $root: import("vue").ComponentPublicInstance | null;
29
+ $parent: import("vue").ComponentPublicInstance | null;
30
+ $host: Element | null;
31
+ $emit: (event: "tooltip:close", ...args: any[]) => void;
32
+ $el: any;
33
+ $options: import("vue").ComponentOptionsBase<Readonly<{
34
+ openDelay?: number;
35
+ closeDelay?: number;
36
+ position?: "top-left" | "left" | "right" | "top";
37
+ hide?: boolean;
38
+ gap?: number;
39
+ element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
40
+ }> & Readonly<{
41
+ "onTooltip:close"?: ((...args: any[]) => any) | undefined;
42
+ }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
43
+ "tooltip:close": (...args: any[]) => void;
44
+ }, string, {
45
+ gap: number;
46
+ openDelay: number;
47
+ closeDelay: number;
48
+ position: "top-left" | "left" | "right" | "top";
49
+ element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
50
+ }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
51
+ beforeCreate?: (() => void) | (() => void)[];
52
+ created?: (() => void) | (() => void)[];
53
+ beforeMount?: (() => void) | (() => void)[];
54
+ mounted?: (() => void) | (() => void)[];
55
+ beforeUpdate?: (() => void) | (() => void)[];
56
+ updated?: (() => void) | (() => void)[];
57
+ activated?: (() => void) | (() => void)[];
58
+ deactivated?: (() => void) | (() => void)[];
59
+ beforeDestroy?: (() => void) | (() => void)[];
60
+ beforeUnmount?: (() => void) | (() => void)[];
61
+ destroyed?: (() => void) | (() => void)[];
62
+ unmounted?: (() => void) | (() => void)[];
63
+ renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
64
+ renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
65
+ errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
66
+ };
67
+ $forceUpdate: () => void;
68
+ $nextTick: typeof import("vue").nextTick;
69
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
70
+ } & Readonly<{
71
+ gap: number;
72
+ openDelay: number;
73
+ closeDelay: number;
74
+ position: "top-left" | "left" | "right" | "top";
75
+ element: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
76
+ }> & Omit<Readonly<{
77
+ openDelay?: number;
78
+ closeDelay?: number;
79
+ position?: "top-left" | "left" | "right" | "top";
80
+ hide?: boolean;
81
+ gap?: number;
82
+ element?: "div" | "span" | "a" | "p" | "h1" | "h2" | "h3";
83
+ }> & Readonly<{
84
+ "onTooltip:close"?: ((...args: any[]) => any) | undefined;
85
+ }>, "gap" | "openDelay" | "closeDelay" | "position" | "element"> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
86
+ $slots: {
87
+ default?(_: {}): any;
88
+ tooltip?(_: {}): any;
89
+ };
90
+ }) | null;
91
+ };
92
+ attrs: Partial<{}>;
93
+ };
94
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
95
+ declare const __VLS_component: import("vue").DefineComponent<{
96
+ option: TabOption;
97
+ }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
98
+ option: TabOption;
99
+ }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
100
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
101
+ export default _default;
102
+ type __VLS_WithTemplateSlots<T, S> = T & {
103
+ new (): {
104
+ $slots: S;
105
+ };
106
+ };
@@ -0,0 +1 @@
1
+ export { default as PlTabs } from './PlTabs.vue';
@@ -0,0 +1,12 @@
1
+ export type TabOption<T extends string = string> = {
2
+ label: string;
3
+ value: T;
4
+ /**
5
+ * Each option can be disabled
6
+ */
7
+ disabled?: boolean;
8
+ /**
9
+ * Maximum tab width (css value)
10
+ */
11
+ maxWidth?: string;
12
+ };
@@ -37,6 +37,7 @@ export * from './components/PlDialogModal';
37
37
  export * from './components/PlSlideModal';
38
38
  export * from './components/PlToggleSwitch';
39
39
  export * from './components/PlLogView';
40
+ export * from './components/PlTabs';
40
41
  export * from './components/PlFileDialog';
41
42
  export * from './components/PlFileInput';
42
43
  export * from './components/PlNotificationAlert';