@katlux/toolkit 0.1.0-beta.3 → 0.1.0-beta.31

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 (82) hide show
  1. package/dist/compiled/composables/useDebounce.mjs +11 -0
  2. package/dist/compiled/composables/useFilterLogic.mjs +170 -0
  3. package/dist/compiled/composables/usePresetComponent.mjs +36 -0
  4. package/dist/compiled/composables/useRemainingTime.mjs +17 -0
  5. package/dist/compiled/composables/useSortLogic.mjs +55 -0
  6. package/dist/compiled/composables/useTemplate.mjs +70 -0
  7. package/dist/compiled/utils/PresetResolver.mjs +100 -0
  8. package/dist/module.cjs +82 -0
  9. package/dist/module.d.cts +5 -0
  10. package/dist/module.json +1 -1
  11. package/dist/module.mjs +52 -0
  12. package/dist/runtime/components/KButton/KButton.global.d.vue.ts +1 -1
  13. package/dist/runtime/components/KButton/KButton.global.vue.d.ts +1 -1
  14. package/dist/runtime/components/KButton/KButton.logic.d.ts +1 -1
  15. package/dist/runtime/components/KCombobox/KCombobox.logic.d.ts +72 -0
  16. package/dist/runtime/components/KDatatable/KDataIterator.global.d.vue.ts +1 -1
  17. package/dist/runtime/components/KDatatable/KDataIterator.global.vue.d.ts +1 -1
  18. package/dist/runtime/components/KDatatable/KDataIterator.logic.d.ts +20 -0
  19. package/dist/runtime/components/KDatatable/KDatatable.logic.d.ts +12 -0
  20. package/dist/runtime/components/KGrid/KGrid.global.d.vue.ts +7 -56
  21. package/dist/runtime/components/KGrid/KGrid.global.vue +9 -2
  22. package/dist/runtime/components/KGrid/KGrid.global.vue.d.ts +7 -56
  23. package/dist/runtime/components/KIcon/KIcon.logic.d.ts +1 -1
  24. package/dist/runtime/components/KIcon/KIcon.logic.js +2 -2
  25. package/dist/runtime/components/KLoader/KLoader.global.d.vue.ts +3 -3
  26. package/dist/runtime/components/KLoader/KLoader.global.vue.d.ts +3 -3
  27. package/dist/runtime/components/KLoader/KLoader.logic.d.ts +8 -1
  28. package/dist/runtime/components/KLoader/KLoader.logic.js +1 -0
  29. package/dist/runtime/components/KPanel/KPanel.global.d.vue.ts +3 -28
  30. package/dist/runtime/components/KPanel/KPanel.global.vue +6 -3
  31. package/dist/runtime/components/KPanel/KPanel.global.vue.d.ts +3 -28
  32. package/dist/runtime/components/KTreePicker/KTreePicker.global.d.vue.ts +2 -2
  33. package/dist/runtime/components/KTreePicker/KTreePicker.global.vue.d.ts +2 -2
  34. package/dist/runtime/components/KTreePicker/KTreePicker.logic.d.ts +77 -0
  35. package/dist/runtime/components/KTreeView/KTreeView.global.d.vue.ts +3 -3
  36. package/dist/runtime/components/KTreeView/KTreeView.global.vue.d.ts +3 -3
  37. package/dist/runtime/presets/default/assets/scss/css-variables.scss +216 -0
  38. package/dist/runtime/presets/default/assets/scss/docs.scss +52 -0
  39. package/dist/runtime/presets/default/assets/scss/index.css +8 -0
  40. package/dist/runtime/presets/default/assets/scss/index.scss +12 -0
  41. package/dist/runtime/presets/default/assets/scss/mixins.scss +94 -0
  42. package/dist/runtime/presets/default/assets/scss/reset.scss +16 -0
  43. package/dist/runtime/presets/default/components/KAccordion/KAccordion.vue +5 -2
  44. package/dist/runtime/presets/default/components/KAccordion/KAccordionItem.vue +40 -37
  45. package/dist/runtime/presets/default/components/KBulkActions/KBulkActions.vue +29 -22
  46. package/dist/runtime/presets/default/components/KButton/KButton.vue +147 -428
  47. package/dist/runtime/presets/default/components/KCalendar/KCalendar.vue +57 -53
  48. package/dist/runtime/presets/default/components/KCalendar/KCalendarMonth.vue +189 -161
  49. package/dist/runtime/presets/default/components/KCheckbox/KCheckbox.vue +46 -36
  50. package/dist/runtime/presets/default/components/KCombobox/KCombobox.vue +77 -66
  51. package/dist/runtime/presets/default/components/KCombobox/KComboboxList.vue +71 -58
  52. package/dist/runtime/presets/default/components/KDataIterator/KDataIterator.vue +40 -31
  53. package/dist/runtime/presets/default/components/KDatatable/KDatatable.vue +108 -91
  54. package/dist/runtime/presets/default/components/KDatePicker/KDatePicker.vue +38 -22
  55. package/dist/runtime/presets/default/components/KDateTimePicker/KDateTimePicker.vue +66 -48
  56. package/dist/runtime/presets/default/components/KDropdown/KDropdown.vue +27 -22
  57. package/dist/runtime/presets/default/components/KGantt/KGantt.vue +336 -240
  58. package/dist/runtime/presets/default/components/KGantt/KGanttRuler.vue +40 -35
  59. package/dist/runtime/presets/default/components/KGantt/KGanttTimeline.vue +170 -140
  60. package/dist/runtime/presets/default/components/KGrid/KGrid.vue +62 -60
  61. package/dist/runtime/presets/default/components/KHourPicker/KHourPicker.vue +23 -19
  62. package/dist/runtime/presets/default/components/KHourSelect/KHourSelect.vue +34 -28
  63. package/dist/runtime/presets/default/components/KIcon/KIcon.d.vue.ts +1 -1
  64. package/dist/runtime/presets/default/components/KIcon/KIcon.vue +31 -22
  65. package/dist/runtime/presets/default/components/KIcon/KIcon.vue.d.ts +1 -1
  66. package/dist/runtime/presets/default/components/KLoader/KLoader.vue +53 -47
  67. package/dist/runtime/presets/default/components/KMaskTextbox/KMaskTextbox.vue +108 -84
  68. package/dist/runtime/presets/default/components/KModal/KModal.vue +30 -27
  69. package/dist/runtime/presets/default/components/KPagination/KPagination.vue +42 -40
  70. package/dist/runtime/presets/default/components/KPanel/KPanel.vue +39 -31
  71. package/dist/runtime/presets/default/components/KRadiobox/KRadiobox.vue +30 -29
  72. package/dist/runtime/presets/default/components/KRangeSlider/KRangeSlider.vue +158 -125
  73. package/dist/runtime/presets/default/components/KSlider/KSlider.vue +123 -100
  74. package/dist/runtime/presets/default/components/KTabs/KTabItem.vue +40 -37
  75. package/dist/runtime/presets/default/components/KTabs/KTabs.vue +9 -6
  76. package/dist/runtime/presets/default/components/KTextarea/KTextarea.vue +23 -20
  77. package/dist/runtime/presets/default/components/KTextbox/KTextbox.vue +42 -33
  78. package/dist/runtime/presets/default/components/KTree/KTree.vue +102 -80
  79. package/dist/runtime/presets/default/components/KTreePicker/KTreePicker.vue +54 -34
  80. package/dist/runtime/presets/default/components/KTreeView/KTreeCell.vue +31 -30
  81. package/dist/runtime/presets/default/components/KTreeView/KTreeView.vue +34 -27
  82. package/package.json +7 -6
@@ -0,0 +1,72 @@
1
+ import type { ADataProvider } from '@katlux/providers';
2
+ import { type TDataRow } from '@katlux/providers';
3
+ export type ComboboxItem = TDataRow;
4
+ export interface KComboboxProps {
5
+ dataProvider: ADataProvider;
6
+ closeOnSelect?: boolean;
7
+ disabled?: boolean;
8
+ multiSelect?: boolean;
9
+ maxSelectedDisplay?: number | string | false;
10
+ placeholder?: string;
11
+ searchbox?: boolean;
12
+ visibleFields?: Array<String> | null;
13
+ labelField: string;
14
+ modelValue?: ComboboxItem | ComboboxItem[] | null;
15
+ }
16
+ export interface KComboboxEmits {
17
+ (e: 'update:modelValue', value: ComboboxItem | ComboboxItem[] | null): void;
18
+ }
19
+ export declare const KComboboxDefaultProps: {
20
+ dataProvider: {
21
+ type: PropType<ADataProvider>;
22
+ required: boolean;
23
+ };
24
+ closeOnSelect: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ disabled: {
29
+ type: BooleanConstructor;
30
+ default: boolean;
31
+ };
32
+ multiSelect: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
36
+ maxSelectedDisplay: {
37
+ type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
38
+ default: boolean;
39
+ };
40
+ placeholder: {
41
+ type: StringConstructor;
42
+ default: string;
43
+ };
44
+ searchbox: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
48
+ visibleFields: {
49
+ type: PropType<Array<String>>;
50
+ default: null;
51
+ };
52
+ labelField: {
53
+ type: StringConstructor;
54
+ required: boolean;
55
+ };
56
+ modelValue: {
57
+ type: PropType<ComboboxItem | ComboboxItem[] | null>;
58
+ default: null;
59
+ };
60
+ };
61
+ export declare function useKComboboxLogic(props: KComboboxProps, emit: KComboboxEmits): {
62
+ selectedItems: import("vue").Ref<TDataRow[] | null, TDataRow[] | null>;
63
+ isOptionsOpen: import("vue").Ref<boolean, boolean>;
64
+ searchtext: import("vue").Ref<string, string>;
65
+ selectItem: (option: ComboboxItem) => void;
66
+ isSelected: (option: ComboboxItem) => boolean | undefined;
67
+ getSelectedContent: () => TDataRow[];
68
+ toggleDropdown: () => void;
69
+ closeDropdown: () => void;
70
+ filteredOptions: import("vue").ComputedRef<TDataRow[]>;
71
+ loading: import("vue").Ref<Boolean, Boolean>;
72
+ };
@@ -11,9 +11,9 @@ interface Props {
11
11
  page?: number;
12
12
  }
13
13
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
14
+ bulkActions: IKDatatableAction[];
14
15
  search: string;
15
16
  loading: boolean;
16
- bulkActions: IKDatatableAction[];
17
17
  visibleFields: Array<string> | null;
18
18
  rowActions: IKDatatableAction[];
19
19
  itemsPerPage: number;
@@ -11,9 +11,9 @@ interface Props {
11
11
  page?: number;
12
12
  }
13
13
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
14
+ bulkActions: IKDatatableAction[];
14
15
  search: string;
15
16
  loading: boolean;
16
- bulkActions: IKDatatableAction[];
17
17
  visibleFields: Array<string> | null;
18
18
  rowActions: IKDatatableAction[];
19
19
  itemsPerPage: number;
@@ -0,0 +1,20 @@
1
+ import { ADataProvider } from '@katlux/providers';
2
+ export interface KDataIteratorProps {
3
+ dataProvider: ADataProvider;
4
+ visibleFields?: Array<string> | null;
5
+ loading?: boolean;
6
+ search?: string;
7
+ itemsPerPage?: number;
8
+ page?: number;
9
+ }
10
+ export declare const KDataIteratorDefaultProps: {
11
+ visibleFields: null;
12
+ loading: boolean;
13
+ search: string;
14
+ itemsPerPage: number;
15
+ page: number;
16
+ };
17
+ export declare function useKDataIteratorLogic(props: KDataIteratorProps): {
18
+ selectedRows: import("vue").Ref<any[], any[]>;
19
+ selectAll: import("vue").Ref<boolean, boolean>;
20
+ };
@@ -0,0 +1,12 @@
1
+ import { ADataProvider } from '@katlux/providers';
2
+ export interface KDatatableProps {
3
+ dataProvider: ADataProvider;
4
+ visibleFields?: Array<string> | null;
5
+ }
6
+ export declare const KDatatableDefaultProps: {
7
+ visibleFields: null;
8
+ };
9
+ export declare function useKDatatableLogic(props: KDatatableProps): {
10
+ selectedRows: import("vue").Ref<any[], any[]>;
11
+ selectAll: import("vue").Ref<boolean, boolean>;
12
+ };
@@ -1,60 +1,11 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- direction: {
3
- type: PropType<"row" | "column">;
4
- default: string;
5
- };
6
- wrap: {
7
- type: PropType<"wrap" | "nowrap">;
8
- default: string;
9
- };
10
- flexChild: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- align: {
15
- type: PropType<"start" | "center" | "end" | "stretch" | "baseline">;
16
- default: string;
17
- };
18
- justify: {
19
- type: PropType<"start" | "center" | "end" | "space-between" | "around" | "evenly">;
20
- default: string;
21
- };
22
- noGap: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
- direction: {
28
- type: PropType<"row" | "column">;
29
- default: string;
30
- };
31
- wrap: {
32
- type: PropType<"wrap" | "nowrap">;
33
- default: string;
34
- };
35
- flexChild: {
36
- type: BooleanConstructor;
37
- default: boolean;
38
- };
39
- align: {
40
- type: PropType<"start" | "center" | "end" | "stretch" | "baseline">;
41
- default: string;
42
- };
43
- justify: {
44
- type: PropType<"start" | "center" | "end" | "space-between" | "around" | "evenly">;
45
- default: string;
46
- };
47
- noGap: {
48
- type: BooleanConstructor;
49
- default: boolean;
50
- };
51
- }>> & Readonly<{}>, {
52
- wrap: any;
53
- direction: any;
1
+ import { type KGridProps } from './KGrid.logic.js';
2
+ declare const __VLS_export: import("vue").DefineComponent<KGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KGridProps> & Readonly<{}>, {
3
+ wrap: "wrap" | "nowrap";
4
+ direction: "row" | "column";
54
5
  flexChild: boolean;
55
- align: any;
56
- justify: any;
6
+ align: "start" | "center" | "end" | "stretch" | "baseline";
7
+ justify: "start" | "center" | "end" | "space-between" | "around" | "evenly";
57
8
  noGap: boolean;
58
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
9
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
59
10
  declare const _default: typeof __VLS_export;
60
11
  export default _default;
@@ -1,9 +1,16 @@
1
1
  <script setup>
2
- import { useKGridLogic, KGridDefaultProps } from "./KGrid.logic";
2
+ import { useKGridLogic } from "./KGrid.logic";
3
3
  import { usePresetComponent } from "../../composables/usePresetComponent";
4
4
  import { computed } from "vue";
5
5
  import KGridDefault from "../../presets/default/components/KGrid/KGrid.vue";
6
- const props = defineProps(KGridDefaultProps);
6
+ const props = defineProps({
7
+ direction: { type: String, required: false, default: "row" },
8
+ wrap: { type: String, required: false, default: "wrap" },
9
+ flexChild: { type: Boolean, required: false, default: false },
10
+ align: { type: String, required: false, default: "start" },
11
+ justify: { type: String, required: false, default: "start" },
12
+ noGap: { type: Boolean, required: false, default: false }
13
+ });
7
14
  const { classes } = useKGridLogic(props);
8
15
  const presetComponent = usePresetComponent("KGrid", KGridDefault);
9
16
  const templateProps = computed(() => ({
@@ -1,60 +1,11 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- direction: {
3
- type: PropType<"row" | "column">;
4
- default: string;
5
- };
6
- wrap: {
7
- type: PropType<"wrap" | "nowrap">;
8
- default: string;
9
- };
10
- flexChild: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- align: {
15
- type: PropType<"start" | "center" | "end" | "stretch" | "baseline">;
16
- default: string;
17
- };
18
- justify: {
19
- type: PropType<"start" | "center" | "end" | "space-between" | "around" | "evenly">;
20
- default: string;
21
- };
22
- noGap: {
23
- type: BooleanConstructor;
24
- default: boolean;
25
- };
26
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
27
- direction: {
28
- type: PropType<"row" | "column">;
29
- default: string;
30
- };
31
- wrap: {
32
- type: PropType<"wrap" | "nowrap">;
33
- default: string;
34
- };
35
- flexChild: {
36
- type: BooleanConstructor;
37
- default: boolean;
38
- };
39
- align: {
40
- type: PropType<"start" | "center" | "end" | "stretch" | "baseline">;
41
- default: string;
42
- };
43
- justify: {
44
- type: PropType<"start" | "center" | "end" | "space-between" | "around" | "evenly">;
45
- default: string;
46
- };
47
- noGap: {
48
- type: BooleanConstructor;
49
- default: boolean;
50
- };
51
- }>> & Readonly<{}>, {
52
- wrap: any;
53
- direction: any;
1
+ import { type KGridProps } from './KGrid.logic.js';
2
+ declare const __VLS_export: import("vue").DefineComponent<KGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KGridProps> & Readonly<{}>, {
3
+ wrap: "wrap" | "nowrap";
4
+ direction: "row" | "column";
54
5
  flexChild: boolean;
55
- align: any;
56
- justify: any;
6
+ align: "start" | "center" | "end" | "stretch" | "baseline";
7
+ justify: "start" | "center" | "end" | "space-between" | "around" | "evenly";
57
8
  noGap: boolean;
58
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
9
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
59
10
  declare const _default: typeof __VLS_export;
60
11
  export default _default;
@@ -25,5 +25,5 @@ export declare const KIconDefaultProps: {
25
25
  export declare function useKIconLogic(props: KIconProps): {
26
26
  widthPx: import("vue").ComputedRef<string | undefined>;
27
27
  heightPx: import("vue").ComputedRef<string>;
28
- iconComponent: import("vue").ComputedRef<any>;
28
+ iconComponent: import("vue").ComputedRef<string | null>;
29
29
  };
@@ -18,12 +18,12 @@ export const KIconDefaultProps = {
18
18
  }
19
19
  };
20
20
  export function useKIconLogic(props) {
21
- const modules = import.meta.glob("../../presets/default/assets/svg/*.svg", { eager: true });
21
+ const modules = import.meta.glob("../../presets/default/assets/svg/*.svg", { eager: true, as: "raw" });
22
22
  const iconMap = {};
23
23
  for (const path in modules) {
24
24
  const match = path.match(/([^/]+)\.svg$/);
25
25
  if (match) {
26
- iconMap[match[1]] = modules[path].default;
26
+ iconMap[match[1]] = modules[path];
27
27
  }
28
28
  }
29
29
  const widthPx = computed(
@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
8
8
  default: boolean;
9
9
  };
10
10
  size: {
11
- type: PropType<"small" | "medium" | "large">;
11
+ type: import("vue").PropType<"small" | "medium" | "large">;
12
12
  default: string;
13
13
  };
14
14
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
21
21
  default: boolean;
22
22
  };
23
23
  size: {
24
- type: PropType<"small" | "medium" | "large">;
24
+ type: import("vue").PropType<"small" | "medium" | "large">;
25
25
  default: string;
26
26
  };
27
27
  }>> & Readonly<{}>, {
28
- size: any;
28
+ size: "small" | "large" | "medium";
29
29
  overlay: boolean;
30
30
  loading: boolean;
31
31
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -8,7 +8,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
8
8
  default: boolean;
9
9
  };
10
10
  size: {
11
- type: PropType<"small" | "medium" | "large">;
11
+ type: import("vue").PropType<"small" | "medium" | "large">;
12
12
  default: string;
13
13
  };
14
14
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -21,11 +21,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
21
21
  default: boolean;
22
22
  };
23
23
  size: {
24
- type: PropType<"small" | "medium" | "large">;
24
+ type: import("vue").PropType<"small" | "medium" | "large">;
25
25
  default: string;
26
26
  };
27
27
  }>> & Readonly<{}>, {
28
- size: any;
28
+ size: "small" | "large" | "medium";
29
29
  overlay: boolean;
30
30
  loading: boolean;
31
31
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -1,3 +1,4 @@
1
+ import { type PropType } from 'vue';
1
2
  export interface KLoaderProps {
2
3
  loading?: boolean;
3
4
  overlay?: boolean;
@@ -18,5 +19,11 @@ export declare const KLoaderDefaultProps: {
18
19
  };
19
20
  };
20
21
  export declare function useKLoaderLogic(props: KLoaderProps): {
21
- loaderClasses: any;
22
+ loaderClasses: import("vue").ComputedRef<(string | {
23
+ 'is-overlay': boolean | undefined;
24
+ 'is-loading'?: undefined;
25
+ } | {
26
+ 'is-loading': boolean | undefined;
27
+ 'is-overlay'?: undefined;
28
+ })[]>;
22
29
  };
@@ -1,3 +1,4 @@
1
+ import { computed } from "vue";
1
2
  export const KLoaderDefaultProps = {
2
3
  loading: {
3
4
  type: Boolean,
@@ -1,33 +1,8 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- title: {
3
- type: StringConstructor;
4
- default: string;
5
- };
6
- noGap: {
7
- type: BooleanConstructor;
8
- default: boolean;
9
- };
10
- flexContent: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
- title: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- noGap: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- flexContent: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- }>> & Readonly<{}>, {
1
+ import { type KPanelProps } from './KPanel.logic.js';
2
+ declare const __VLS_export: import("vue").DefineComponent<KPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KPanelProps> & Readonly<{}>, {
28
3
  title: string;
29
4
  noGap: boolean;
30
5
  flexContent: boolean;
31
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
32
7
  declare const _default: typeof __VLS_export;
33
8
  export default _default;
@@ -1,10 +1,13 @@
1
1
  <script setup>
2
- import { useKPanelLogic, KPanelDefaultProps } from "./KPanel.logic";
2
+ import { useKPanelLogic } from "./KPanel.logic";
3
3
  import { usePresetComponent } from "../../composables/usePresetComponent";
4
4
  import { computed } from "vue";
5
5
  import KPanelDefault from "../../presets/default/components/KPanel/KPanel.vue";
6
- const props = defineProps(KPanelDefaultProps);
7
- useKPanelLogic(props);
6
+ const props = defineProps({
7
+ title: { type: String, required: false, default: "" },
8
+ noGap: { type: Boolean, required: false, default: true },
9
+ flexContent: { type: Boolean, required: false, default: false }
10
+ });
8
11
  const presetComponent = usePresetComponent("KPanel", KPanelDefault);
9
12
  const templateProps = computed(() => ({
10
13
  noGap: props.noGap,
@@ -1,33 +1,8 @@
1
- declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- title: {
3
- type: StringConstructor;
4
- default: string;
5
- };
6
- noGap: {
7
- type: BooleanConstructor;
8
- default: boolean;
9
- };
10
- flexContent: {
11
- type: BooleanConstructor;
12
- default: boolean;
13
- };
14
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
15
- title: {
16
- type: StringConstructor;
17
- default: string;
18
- };
19
- noGap: {
20
- type: BooleanConstructor;
21
- default: boolean;
22
- };
23
- flexContent: {
24
- type: BooleanConstructor;
25
- default: boolean;
26
- };
27
- }>> & Readonly<{}>, {
1
+ import { type KPanelProps } from './KPanel.logic.js';
2
+ declare const __VLS_export: import("vue").DefineComponent<KPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KPanelProps> & Readonly<{}>, {
28
3
  title: string;
29
4
  noGap: boolean;
30
5
  flexContent: boolean;
31
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
6
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
32
7
  declare const _default: typeof __VLS_export;
33
8
  export default _default;
@@ -103,6 +103,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
103
103
  onChange?: ((value: any) => any) | undefined;
104
104
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
105
105
  }>, {
106
+ parentKey: string;
107
+ idKey: string;
106
108
  disabled: boolean;
107
109
  loading: boolean;
108
110
  modelValue: any;
@@ -112,8 +114,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
112
114
  closeOnSelect: boolean;
113
115
  multiSelect: boolean;
114
116
  iconField: string;
115
- idKey: string;
116
- parentKey: string;
117
117
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
118
118
  declare const _default: typeof __VLS_export;
119
119
  export default _default;
@@ -103,6 +103,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
103
103
  onChange?: ((value: any) => any) | undefined;
104
104
  "onUpdate:modelValue"?: ((value: any) => any) | undefined;
105
105
  }>, {
106
+ parentKey: string;
107
+ idKey: string;
106
108
  disabled: boolean;
107
109
  loading: boolean;
108
110
  modelValue: any;
@@ -112,8 +114,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
112
114
  closeOnSelect: boolean;
113
115
  multiSelect: boolean;
114
116
  iconField: string;
115
- idKey: string;
116
- parentKey: string;
117
117
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
118
118
  declare const _default: typeof __VLS_export;
119
119
  export default _default;
@@ -0,0 +1,77 @@
1
+ import type { ADataProvider } from '@katlux/providers';
2
+ export interface KTreePickerProps {
3
+ modelValue?: any;
4
+ dataProvider: ADataProvider;
5
+ labelField: string;
6
+ placeholder?: string;
7
+ disabled?: boolean;
8
+ closeOnSelect?: boolean;
9
+ idKey?: string;
10
+ parentKey?: string;
11
+ iconField?: string;
12
+ loading?: boolean;
13
+ multiSelect?: boolean;
14
+ searchbox?: boolean;
15
+ }
16
+ export declare const KTreePickerDefaultProps: {
17
+ modelValue: {
18
+ type: PropType<any>;
19
+ default: null;
20
+ };
21
+ dataProvider: {
22
+ type: PropType<ADataProvider>;
23
+ required: boolean;
24
+ };
25
+ labelField: {
26
+ type: StringConstructor;
27
+ required: boolean;
28
+ };
29
+ placeholder: {
30
+ type: StringConstructor;
31
+ default: string;
32
+ };
33
+ disabled: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ closeOnSelect: {
38
+ type: BooleanConstructor;
39
+ default: boolean;
40
+ };
41
+ idKey: {
42
+ type: StringConstructor;
43
+ default: string;
44
+ };
45
+ parentKey: {
46
+ type: StringConstructor;
47
+ default: string;
48
+ };
49
+ iconField: {
50
+ type: StringConstructor;
51
+ default: undefined;
52
+ };
53
+ loading: {
54
+ type: BooleanConstructor;
55
+ default: boolean;
56
+ };
57
+ multiSelect: {
58
+ type: BooleanConstructor;
59
+ default: boolean;
60
+ };
61
+ searchbox: {
62
+ type: BooleanConstructor;
63
+ default: boolean;
64
+ };
65
+ };
66
+ export declare function useKTreePickerLogic(props: KTreePickerProps, emit: any): {
67
+ selectedItems: import("vue").Ref<import("@katlux/providers").TDataRow[] | null, import("@katlux/providers").TDataRow[] | null>;
68
+ isOptionsOpen: import("vue").Ref<boolean, boolean>;
69
+ searchtext: import("vue").Ref<string, string>;
70
+ selectItem: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => void;
71
+ isSelected: (option: import("../KCombobox/KCombobox.logic.js").ComboboxItem) => boolean | undefined;
72
+ getSelectedContent: () => import("@katlux/providers").TDataRow[];
73
+ toggleDropdown: () => void;
74
+ closeDropdown: () => void;
75
+ filteredOptions: import("vue").ComputedRef<import("@katlux/providers").TDataRow[]>;
76
+ loading: import("vue").Ref<Boolean, Boolean>;
77
+ };
@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
81
81
  default: () => {};
82
82
  };
83
83
  }>> & Readonly<{}>, {
84
+ parentKey: string;
85
+ idKey: string;
86
+ expandedByDefault: boolean;
84
87
  bulkActions: import("@katlux/providers").IKDatatableAction[];
85
88
  rowActions: import("./KTreeView.logic.js").IRowAction[];
86
89
  cellSlots: Record<string, any>;
87
90
  headerSlots: Record<string, any>;
88
91
  treeColumnIndex: number;
89
- idKey: string;
90
- parentKey: string;
91
- expandedByDefault: boolean;
92
92
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
93
93
  declare const _default: typeof __VLS_export;
94
94
  export default _default;
@@ -81,14 +81,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
81
81
  default: () => {};
82
82
  };
83
83
  }>> & Readonly<{}>, {
84
+ parentKey: string;
85
+ idKey: string;
86
+ expandedByDefault: boolean;
84
87
  bulkActions: import("@katlux/providers").IKDatatableAction[];
85
88
  rowActions: import("./KTreeView.logic.js").IRowAction[];
86
89
  cellSlots: Record<string, any>;
87
90
  headerSlots: Record<string, any>;
88
91
  treeColumnIndex: number;
89
- idKey: string;
90
- parentKey: string;
91
- expandedByDefault: boolean;
92
92
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
93
93
  declare const _default: typeof __VLS_export;
94
94
  export default _default;