@coreui/vue-pro 4.7.0 → 4.8.0-next.1

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.
Files changed (55) hide show
  1. package/dist/components/calendar/utils.d.ts +23 -0
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/modal/CModal.d.ts +4 -20
  4. package/dist/components/multi-select/CMultiSelect.d.ts +35 -44
  5. package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts +1 -1
  6. package/dist/components/multi-select/CMultiSelectOptions.d.ts +13 -11
  7. package/dist/components/multi-select/CMultiSelectSelection.d.ts +1 -1
  8. package/dist/components/multi-select/types.d.ts +14 -0
  9. package/dist/components/multi-select/utils.d.ts +6 -0
  10. package/dist/components/offcanvas/COffcanvas.d.ts +35 -18
  11. package/dist/components/smart-table/CSmartTable.d.ts +65 -87
  12. package/dist/components/smart-table/CSmartTableBody.d.ts +16 -40
  13. package/dist/components/smart-table/CSmartTableHead.d.ts +17 -58
  14. package/dist/components/smart-table/CSmartTableInterface.d.ts +1 -1
  15. package/dist/components/smart-table/types.d.ts +50 -0
  16. package/dist/components/smart-table/utils.d.ts +17 -0
  17. package/dist/components/table/CTable.d.ts +1 -1
  18. package/dist/components/time-picker/types.d.ts +15 -0
  19. package/dist/components/time-picker/utils.d.ts +23 -0
  20. package/dist/components/virtual-scroller/CVirtualScroller.d.ts +23 -0
  21. package/dist/components/virtual-scroller/index.d.ts +6 -0
  22. package/dist/index.es.js +943 -885
  23. package/dist/index.es.js.map +1 -1
  24. package/dist/index.js +943 -883
  25. package/dist/index.js.map +1 -1
  26. package/dist/utils/index.d.ts +1 -3
  27. package/dist/utils/isObjectInArray.d.ts +2 -0
  28. package/package.json +6 -6
  29. package/src/components/calendar/CCalendar.ts +1 -1
  30. package/src/{utils/calendar.ts → components/calendar/utils.ts} +1 -1
  31. package/src/components/date-range-picker/CDateRangePicker.ts +1 -1
  32. package/src/components/element-cover/CElementCover.ts +14 -14
  33. package/src/components/index.ts +1 -0
  34. package/src/components/modal/CModal.ts +10 -10
  35. package/src/components/multi-select/CMultiSelect.ts +33 -99
  36. package/src/components/multi-select/CMultiSelectNativeSelect.ts +2 -1
  37. package/src/components/multi-select/CMultiSelectOptions.ts +31 -17
  38. package/src/components/multi-select/CMultiSelectSelection.ts +2 -1
  39. package/src/components/multi-select/types.ts +15 -0
  40. package/src/components/multi-select/utils.ts +92 -0
  41. package/src/components/offcanvas/COffcanvas.ts +50 -28
  42. package/src/components/smart-table/CSmartTable.ts +365 -268
  43. package/src/components/smart-table/CSmartTableBody.ts +126 -137
  44. package/src/components/smart-table/CSmartTableHead.ts +53 -138
  45. package/src/components/smart-table/CSmartTableInterface.ts +1 -1
  46. package/src/components/smart-table/types.ts +61 -0
  47. package/src/components/smart-table/utils.ts +212 -0
  48. package/src/components/time-picker/CTimePicker.ts +49 -27
  49. package/src/components/time-picker/types.ts +15 -0
  50. package/src/{utils/time.ts → components/time-picker/utils.ts} +43 -2
  51. package/src/components/virtual-scroller/CVirtualScroller.ts +109 -0
  52. package/src/components/virtual-scroller/index.ts +10 -0
  53. package/src/utils/index.ts +1 -3
  54. package/src/utils/getNextSibling.ts +0 -18
  55. package/src/utils/getPreviousSibling.ts +0 -18
@@ -1,79 +1,55 @@
1
1
  import { PropType } from 'vue';
2
- import { Item } from './CSmartTableInterface';
2
+ import type { Item } from './types';
3
3
  declare const CSmartTableBody: import("vue").DefineComponent<{
4
- clickableRows: {
5
- type: BooleanConstructor;
4
+ clickableRows: BooleanConstructor;
5
+ columnNames: {
6
+ type: PropType<string[]>;
7
+ default: () => never[];
6
8
  require: boolean;
7
9
  };
8
10
  currentItems: {
9
11
  type: PropType<Item[]>;
10
12
  default: () => never[];
11
- required: false;
12
13
  };
13
14
  firstItemOnActivePageIndex: {
14
15
  type: NumberConstructor;
15
16
  require: boolean;
16
17
  default: number;
17
18
  };
18
- noItemLabel: {
19
- type: StringConstructor;
20
- default: undefined;
21
- require: boolean;
22
- };
23
- rawColumnNames: {
24
- type: PropType<string[]>;
25
- default: () => never[];
26
- require: boolean;
27
- };
28
- scopedSlots: {
29
- type: ObjectConstructor;
30
- default: undefined;
31
- require: boolean;
32
- };
19
+ noItemsLabel: StringConstructor;
20
+ scopedSlots: ObjectConstructor;
33
21
  selectable: BooleanConstructor;
22
+ selected: PropType<Item[]>;
34
23
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
35
24
  [key: string]: any;
36
25
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("rowChecked" | "rowClick")[], "rowChecked" | "rowClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
37
- clickableRows: {
38
- type: BooleanConstructor;
26
+ clickableRows: BooleanConstructor;
27
+ columnNames: {
28
+ type: PropType<string[]>;
29
+ default: () => never[];
39
30
  require: boolean;
40
31
  };
41
32
  currentItems: {
42
33
  type: PropType<Item[]>;
43
34
  default: () => never[];
44
- required: false;
45
35
  };
46
36
  firstItemOnActivePageIndex: {
47
37
  type: NumberConstructor;
48
38
  require: boolean;
49
39
  default: number;
50
40
  };
51
- noItemLabel: {
52
- type: StringConstructor;
53
- default: undefined;
54
- require: boolean;
55
- };
56
- rawColumnNames: {
57
- type: PropType<string[]>;
58
- default: () => never[];
59
- require: boolean;
60
- };
61
- scopedSlots: {
62
- type: ObjectConstructor;
63
- default: undefined;
64
- require: boolean;
65
- };
41
+ noItemsLabel: StringConstructor;
42
+ scopedSlots: ObjectConstructor;
66
43
  selectable: BooleanConstructor;
44
+ selected: PropType<Item[]>;
67
45
  }>> & {
68
46
  onRowChecked?: ((...args: any[]) => any) | undefined;
69
47
  onRowClick?: ((...args: any[]) => any) | undefined;
70
48
  }, {
71
49
  clickableRows: boolean;
50
+ columnNames: string[];
72
51
  currentItems: Item[];
73
52
  firstItemOnActivePageIndex: number;
74
- noItemLabel: string;
75
- rawColumnNames: string[];
76
- scopedSlots: Record<string, any>;
77
53
  selectable: boolean;
78
54
  }>;
79
55
  export { CSmartTableBody };
@@ -1,89 +1,51 @@
1
1
  import { PropType } from 'vue';
2
- import { Column, ColumnFilter, ColumnFilterValue, Item, Sorter, SorterValue } from './CSmartTableInterface';
2
+ import type { Column, ColumnFilter, ColumnFilterValue, Item, Sorter, SorterValue } from './types';
3
3
  declare const CSmartTableHead: import("vue").DefineComponent<{
4
- clearSorterAndFilter: {
5
- type: StringConstructor;
6
- require: boolean;
7
- default: string;
8
- };
9
- columnFilter: {
10
- type: PropType<boolean | ColumnFilter>;
11
- require: boolean;
12
- };
13
- columnFilterValue: {
14
- type: PropType<ColumnFilterValue>;
15
- required: false;
16
- };
17
- columnSorter: {
18
- type: PropType<boolean | Sorter>;
19
- default: undefined;
20
- require: boolean;
21
- };
4
+ columnFilter: PropType<boolean | ColumnFilter>;
5
+ columnFilterValue: PropType<ColumnFilterValue>;
6
+ columnSorter: PropType<boolean | Sorter>;
22
7
  component: {
23
8
  type: StringConstructor;
24
9
  default: string;
25
- require: boolean;
26
10
  };
27
11
  columns: {
28
12
  type: PropType<(string | Column)[]>;
29
13
  default: () => never[];
30
- required: false;
31
14
  };
32
15
  items: {
33
16
  type: PropType<Item[]>;
34
17
  default: () => never[];
35
- required: false;
36
18
  };
37
19
  selectable: BooleanConstructor;
38
- selectAll: (StringConstructor | BooleanConstructor)[];
39
- sorterState: {
40
- type: PropType<SorterValue>;
41
- default: undefined;
42
- require: boolean;
43
- };
20
+ selectAll: PropType<boolean | {
21
+ external?: boolean | undefined;
22
+ }>;
23
+ selectedAll: (StringConstructor | BooleanConstructor)[];
24
+ sorterState: PropType<SorterValue>;
44
25
  }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
45
26
  [key: string]: any;
46
27
  }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("filterChange" | "customFilterChange" | "filterInput" | "selectAllChecked" | "sortClick")[], "filterChange" | "customFilterChange" | "filterInput" | "selectAllChecked" | "sortClick", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
47
- clearSorterAndFilter: {
48
- type: StringConstructor;
49
- require: boolean;
50
- default: string;
51
- };
52
- columnFilter: {
53
- type: PropType<boolean | ColumnFilter>;
54
- require: boolean;
55
- };
56
- columnFilterValue: {
57
- type: PropType<ColumnFilterValue>;
58
- required: false;
59
- };
60
- columnSorter: {
61
- type: PropType<boolean | Sorter>;
62
- default: undefined;
63
- require: boolean;
64
- };
28
+ columnFilter: PropType<boolean | ColumnFilter>;
29
+ columnFilterValue: PropType<ColumnFilterValue>;
30
+ columnSorter: PropType<boolean | Sorter>;
65
31
  component: {
66
32
  type: StringConstructor;
67
33
  default: string;
68
- require: boolean;
69
34
  };
70
35
  columns: {
71
36
  type: PropType<(string | Column)[]>;
72
37
  default: () => never[];
73
- required: false;
74
38
  };
75
39
  items: {
76
40
  type: PropType<Item[]>;
77
41
  default: () => never[];
78
- required: false;
79
42
  };
80
43
  selectable: BooleanConstructor;
81
- selectAll: (StringConstructor | BooleanConstructor)[];
82
- sorterState: {
83
- type: PropType<SorterValue>;
84
- default: undefined;
85
- require: boolean;
86
- };
44
+ selectAll: PropType<boolean | {
45
+ external?: boolean | undefined;
46
+ }>;
47
+ selectedAll: (StringConstructor | BooleanConstructor)[];
48
+ sorterState: PropType<SorterValue>;
87
49
  }>> & {
88
50
  onFilterChange?: ((...args: any[]) => any) | undefined;
89
51
  onCustomFilterChange?: ((...args: any[]) => any) | undefined;
@@ -95,8 +57,5 @@ declare const CSmartTableHead: import("vue").DefineComponent<{
95
57
  items: Item[];
96
58
  columns: (string | Column)[];
97
59
  selectable: boolean;
98
- clearSorterAndFilter: string;
99
- columnSorter: boolean | Sorter;
100
- sorterState: SorterValue;
101
60
  }>;
102
61
  export { CSmartTableHead };
@@ -23,7 +23,7 @@ export type FooterItem = {
23
23
  };
24
24
  export type Item = {
25
25
  [key: string]: number | string | any;
26
- _id: number;
26
+ _cellProps?: any;
27
27
  _props: Object;
28
28
  _selected: boolean;
29
29
  };
@@ -0,0 +1,50 @@
1
+ import { VNode } from 'vue';
2
+ export type Column = {
3
+ filter?: boolean | ((values: any[], onChange: (value: any) => void) => VNode);
4
+ key: string;
5
+ label?: string;
6
+ sorter?: boolean;
7
+ _style?: any;
8
+ _props?: any;
9
+ };
10
+ export type ColumnFilter = {
11
+ lazy?: boolean;
12
+ external?: boolean;
13
+ };
14
+ export type ColumnFilterValue = {
15
+ [key: string]: any;
16
+ };
17
+ export type FooterItem = {
18
+ label?: string;
19
+ _props?: any;
20
+ };
21
+ export type Item = {
22
+ [key: string]: number | string | any;
23
+ _cellProps?: any;
24
+ _props?: any;
25
+ _selected?: boolean;
26
+ };
27
+ export type ItemsPerPageSelect = {
28
+ external?: boolean;
29
+ label?: string;
30
+ values?: Array<number>;
31
+ };
32
+ export type Pagination = {
33
+ external?: boolean;
34
+ };
35
+ export type Sorter = {
36
+ resetable?: boolean;
37
+ external?: boolean;
38
+ };
39
+ export type ScopedColumns = {
40
+ [key: string]: any;
41
+ details?: (a: Item, b: number) => VNode;
42
+ };
43
+ export type SorterValue = {
44
+ column?: string;
45
+ state?: number | string;
46
+ };
47
+ export type TableFilter = {
48
+ lazy?: boolean;
49
+ external?: boolean;
50
+ };
@@ -0,0 +1,17 @@
1
+ import type { Column, ColumnFilter, ColumnFilterValue, Item, Sorter, SorterValue, TableFilter } from './types';
2
+ export declare const filterColumns: (items: Item[], columnFilter: boolean | ColumnFilter | undefined, columnFilterState: ColumnFilterValue, itemsDataColumns: string[]) => Item[];
3
+ export declare const filterTable: (items: Item[], tableFilter: boolean | TableFilter | undefined, tableFilterState: string, itemsDataColumns: string[]) => Item[];
4
+ export declare const getClickedColumnName: (target: HTMLTextAreaElement, columnNames: string[]) => string;
5
+ export declare const getColumnKey: (column: Column | string) => string;
6
+ export declare const getColumnLabel: (column: Column | string) => string;
7
+ export declare const getColumnNames: (columns: (string | Column)[] | undefined, items: Item[]) => string[];
8
+ export declare const getColumnNamesFromItems: (items: Item[]) => string[];
9
+ export declare const getColumnSorterState: (key: string, sorterState: SorterValue | undefined) => string | number;
10
+ export declare const getColumnValues: (items: Item[], key: string) => any[];
11
+ export declare const getTableDataCellProps: (item: Item, colName: string) => any;
12
+ export declare const getTableHeaderCellProps: (column: Column | string) => any;
13
+ export declare const getTableHeaderCellStyles: (column: Column | string, columnSorter: boolean | Sorter | undefined) => any;
14
+ export declare const isObjectInArray: <T>(array: T[], item: T, ignore?: string[]) => boolean;
15
+ export declare const isSortable: (i: number, columns: (string | Column)[] | undefined, columnSorter: Sorter | boolean | undefined, itemsDataColumns: string[], columnNames: string[]) => boolean | undefined;
16
+ export declare const pretifyName: (name: string) => string;
17
+ export declare const sortItems: (columnSorter: boolean | Sorter | undefined, items: Item[], itemsDataColumns: string[], sorterState: SorterValue) => Item[];
@@ -350,11 +350,11 @@ declare const CTable: import("vue").DefineComponent<{
350
350
  hover: boolean;
351
351
  caption: string;
352
352
  align: string;
353
+ responsive: string | boolean;
353
354
  striped: boolean;
354
355
  bordered: boolean;
355
356
  borderless: boolean;
356
357
  captionTop: string;
357
- responsive: string | boolean;
358
358
  stripedColumns: boolean;
359
359
  tableFootProps: Record<string, any>;
360
360
  tableHeadProps: Record<string, any>;
@@ -0,0 +1,15 @@
1
+ export type LocalizedTimePartials = {
2
+ listOfHours: {
3
+ value: number;
4
+ label: string;
5
+ }[];
6
+ listOfMinutes: {
7
+ value: number;
8
+ label: string;
9
+ }[];
10
+ listOfSeconds: {
11
+ value: number;
12
+ label: string;
13
+ }[];
14
+ hour12: boolean;
15
+ };
@@ -0,0 +1,23 @@
1
+ import type { LocalizedTimePartials } from './types';
2
+ export declare const convert12hTo24h: (abbr: 'am' | 'pm', hour: number) => number;
3
+ export declare const convert24hTo12h: (hour: number) => number;
4
+ export declare const convertTimeToDate: (time: Date | string | null | undefined) => Date | null;
5
+ export declare const getAmPm: (date: Date, locale: string) => "am" | "pm";
6
+ export declare const getListOfHours: (locale: string, ampm?: 'auto' | boolean) => {
7
+ value: number;
8
+ label: string;
9
+ }[];
10
+ export declare const getListOfMinutes: (locale: string, valueAsString?: boolean) => {
11
+ value: string | number;
12
+ label: string;
13
+ }[];
14
+ export declare const getListOfSeconds: (locale: string, valueAsString?: boolean) => {
15
+ value: string | number;
16
+ label: string;
17
+ }[];
18
+ export declare const getLocalizedTimePartials: (locale: string, ampm?: 'auto' | boolean) => LocalizedTimePartials;
19
+ export declare const getSelectedHour: (date: Date | null, locale: string, ampm?: 'auto' | boolean) => number | "";
20
+ export declare const getSelectedMinutes: (date: Date | null) => number | "";
21
+ export declare const getSelectedSeconds: (date: Date | null) => number | "";
22
+ export declare const isAmPm: (locale: string) => boolean;
23
+ export declare const isValidTime: (time: string) => number | false;
@@ -0,0 +1,23 @@
1
+ import { VNode } from 'vue';
2
+ declare const CVirtualScroller: import("vue").DefineComponent<{
3
+ /**
4
+ * Amount of visible items
5
+ */
6
+ visibleItems: {
7
+ type: NumberConstructor;
8
+ default: number;
9
+ };
10
+ }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
11
+ [key: string]: any;
12
+ }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
13
+ /**
14
+ * Amount of visible items
15
+ */
16
+ visibleItems: {
17
+ type: NumberConstructor;
18
+ default: number;
19
+ };
20
+ }>>, {
21
+ visibleItems: number;
22
+ }>;
23
+ export { CVirtualScroller };
@@ -0,0 +1,6 @@
1
+ import { App } from 'vue';
2
+ import { CVirtualScroller } from './CVirtualScroller';
3
+ declare const CVirtualScrollerPlugin: {
4
+ install: (app: App) => void;
5
+ };
6
+ export { CVirtualScroller, CVirtualScrollerPlugin };