@evixcard/evx-ui-kit 1.4.0 → 1.6.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/components/EvDataTable/EvDataTable.vue.d.ts +10 -0
- package/dist/components/EvDataTable/types.d.ts +15 -0
- package/dist/components/EvIcon/icons.d.ts +12 -0
- package/dist/components/EvModal/EvModal.vue.d.ts +9 -0
- package/dist/evx-ui-kit.cjs.js +5 -5
- package/dist/evx-ui-kit.cjs.js.map +1 -1
- package/dist/evx-ui-kit.css +1 -1
- package/dist/evx-ui-kit.es.js +4200 -3963
- package/dist/evx-ui-kit.es.js.map +1 -1
- package/package.json +1 -1
|
@@ -11,8 +11,18 @@ declare const _default: <T extends Record<string, unknown> = Record<string, unkn
|
|
|
11
11
|
slots: Partial<Record<`cell-${string}`, (_: {
|
|
12
12
|
row: T;
|
|
13
13
|
value: unknown;
|
|
14
|
+
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
15
|
+
row: T;
|
|
16
|
+
value: unknown;
|
|
17
|
+
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
18
|
+
row: T;
|
|
19
|
+
value: unknown;
|
|
20
|
+
}) => any>> & Partial<Record<`cell-${string}`, (_: {
|
|
21
|
+
row: T;
|
|
22
|
+
value: unknown;
|
|
14
23
|
}) => any>> & {
|
|
15
24
|
empty?(_: {}): any;
|
|
25
|
+
empty?(_: {}): any;
|
|
16
26
|
};
|
|
17
27
|
emit: ((evt: "sort", field: string, direction: "desc" | "asc") => void) & ((evt: "update:page", page: number) => void) & ((evt: "row-click", row: T) => void) & ((evt: "update:selectedKeys", keys: (string | number)[]) => void);
|
|
18
28
|
}>) => import('vue').VNode & {
|
|
@@ -14,4 +14,19 @@ export interface EvDataTableProps<T extends Record<string, unknown> = Record<str
|
|
|
14
14
|
selectable?: boolean;
|
|
15
15
|
selectedKeys?: (string | number)[];
|
|
16
16
|
rowKey?: string;
|
|
17
|
+
/**
|
|
18
|
+
* How the table renders on narrow (< lg) viewports.
|
|
19
|
+
* - 'auto' (default): show a Card/Table segmented toggle; default to cards.
|
|
20
|
+
* - 'cards': always cards under lg (no toggle).
|
|
21
|
+
* - 'table': keep the horizontally-scrolling table (legacy behaviour).
|
|
22
|
+
* Desktop (lg+) always renders the table.
|
|
23
|
+
*/
|
|
24
|
+
mobileLayout?: 'auto' | 'cards' | 'table';
|
|
25
|
+
/** Column key used as the card title in card layout. Defaults to the first column. */
|
|
26
|
+
cardTitleKey?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Accessible-name builder for the per-row selection checkbox (card + table).
|
|
29
|
+
* Defaults to `Select <rowKey value>`. The header select-all is always "Select all".
|
|
30
|
+
*/
|
|
31
|
+
selectionLabel?: (row: T) => string;
|
|
17
32
|
}
|
|
@@ -65,5 +65,17 @@ export declare const icons: {
|
|
|
65
65
|
image: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
66
66
|
sparkles: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
67
67
|
construction: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
68
|
+
'chevrons-up-down': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
69
|
+
'ellipsis-vertical': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
70
|
+
ellipsis: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
71
|
+
'circle-arrow-up': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
72
|
+
signal: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
73
|
+
'circle-check': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
74
|
+
ban: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
75
|
+
'loader-circle': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
76
|
+
package: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
77
|
+
'shopping-cart': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
78
|
+
user: import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
79
|
+
'credit-card': import('vue').FunctionalComponent<import('lucide-vue-next').LucideProps, {}, any, {}>;
|
|
68
80
|
};
|
|
69
81
|
export type EvIconName = keyof typeof icons;
|
|
@@ -4,6 +4,14 @@ export interface EvModalProps {
|
|
|
4
4
|
title: string;
|
|
5
5
|
size?: EvModalSize;
|
|
6
6
|
closable?: boolean;
|
|
7
|
+
/**
|
|
8
|
+
* Where to move focus when the modal opens.
|
|
9
|
+
* - 'first' (default): the first focusable element in the panel.
|
|
10
|
+
* - 'none': leave focus on the panel container (no autofocus of a control).
|
|
11
|
+
* - any other string: treated as a CSS selector queried within the panel
|
|
12
|
+
* (e.g. '[data-autofocus]'); falls back to 'first' if nothing matches.
|
|
13
|
+
*/
|
|
14
|
+
initialFocus?: 'first' | 'none' | string;
|
|
7
15
|
}
|
|
8
16
|
declare function __VLS_template(): {
|
|
9
17
|
attrs: Partial<{}>;
|
|
@@ -24,6 +32,7 @@ declare const __VLS_component: import('vue').DefineComponent<EvModalProps, {}, {
|
|
|
24
32
|
onClose?: (() => any) | undefined;
|
|
25
33
|
}>, {
|
|
26
34
|
size: EvModalSize;
|
|
35
|
+
initialFocus: "first" | "none" | string;
|
|
27
36
|
closable: boolean;
|
|
28
37
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
29
38
|
containerRef: HTMLDivElement;
|