@katlux/toolkit 0.1.0-beta.42 → 0.1.0-beta.44

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@katlux/toolkit",
   "configKey": "katluxToolkit",
-  "version": "0.1.0-beta.42",
+  "version": "0.1.0-beta.44",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/KButton/KButton.logic.d.ts

@@ -22,7 +22,7 @@ export interface KButtonEmits {
 export declare function useKButtonLogic(props: KButtonProps, emit: KButtonEmits): {
     isLink: import("vue").ComputedRef<boolean>;
     isDisabled: import("vue").ComputedRef<boolean | undefined>;
-    buttonClasses: import("vue").ComputedRef<("info" | "default" | "small" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "large" | "medium" | {
+    buttonClasses: import("vue").ComputedRef<("info" | "default" | "primary" | "danger" | "success" | "warning" | "light" | "dark" | "small" | "large" | "medium" | {
         disabled: boolean | undefined;
     })[]>;
     onClick: () => void;

package/dist/runtime/components/KCombobox/KCombobox.global.d.vue.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -28,7 +28,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -36,14 +36,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -71,7 +71,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -79,21 +79,20 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: any;
     searchbox: boolean;
     placeholder: string;
-    dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
-    visibleFields: any;
+    visibleFields: String[];
+    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.global.vue

@@ -39,5 +39,5 @@ function updateSearchText(val) {
 </script>
 
 <template lang="pug">
-component(:is="presetComponent" v-bind="templateProps" @update:searchtext="updateSearchText")
+component(:is="presetComponent" v-bind="{...templateProps, ...$attrs}" @update:searchtext="updateSearchText")
 </template>

package/dist/runtime/components/KCombobox/KCombobox.global.vue.d.ts

@@ -1,6 +1,6 @@
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -28,7 +28,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -36,14 +36,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     dataProvider: {
-        type: PropType<import("@katlux/providers").ADataProvider>;
+        type: import("vue").PropType<import("@katlux/providers").ADataProvider>;
         required: boolean;
     };
     closeOnSelect: {
@@ -71,7 +71,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: boolean;
     };
     visibleFields: {
-        type: PropType<Array<String>>;
+        type: import("vue").PropType<Array<String>>;
         default: null;
     };
     labelField: {
@@ -79,21 +79,20 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         required: boolean;
     };
     modelValue: {
-        type: PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
+        type: import("vue").PropType<import("./KCombobox.logic.js").ComboboxItem | import("./KCombobox.logic.js").ComboboxItem[] | null>;
         default: null;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    modelValue: any;
     searchbox: boolean;
     placeholder: string;
-    dataProvider: any;
     closeOnSelect: boolean;
     multiSelect: boolean;
     maxSelectedDisplay: string | number | boolean;
-    visibleFields: any;
+    visibleFields: String[];
+    modelValue: import("@katlux/providers").TDataRow | import("@katlux/providers").TDataRow[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KCombobox/KCombobox.logic.d.ts

@@ -0,0 +1,73 @@
+import type { ADataProvider } from '@katlux/providers';
+import { type TDataRow } from '@katlux/providers';
+import { type PropType } from 'vue';
+export type ComboboxItem = TDataRow;
+export interface KComboboxProps {
+    dataProvider: ADataProvider;
+    closeOnSelect?: boolean;
+    disabled?: boolean;
+    multiSelect?: boolean;
+    maxSelectedDisplay?: number | string | false;
+    placeholder?: string;
+    searchbox?: boolean;
+    visibleFields?: Array<String> | null;
+    labelField: string;
+    modelValue?: ComboboxItem | ComboboxItem[] | null;
+}
+export interface KComboboxEmits {
+    (e: 'update:modelValue', value: ComboboxItem | ComboboxItem[] | null): void;
+}
+export declare const KComboboxDefaultProps: {
+    dataProvider: {
+        type: PropType<ADataProvider>;
+        required: boolean;
+    };
+    closeOnSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maxSelectedDisplay: {
+        type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    searchbox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    visibleFields: {
+        type: PropType<Array<String>>;
+        default: null;
+    };
+    labelField: {
+        type: StringConstructor;
+        required: boolean;
+    };
+    modelValue: {
+        type: PropType<ComboboxItem | ComboboxItem[] | null>;
+        default: null;
+    };
+};
+export declare function useKComboboxLogic(props: KComboboxProps, emit: KComboboxEmits): {
+    selectedItems: import("vue").Ref<TDataRow[] | null, TDataRow[] | null>;
+    isOptionsOpen: import("vue").Ref<boolean, boolean>;
+    searchtext: import("vue").Ref<string, string>;
+    selectItem: (option: ComboboxItem) => void;
+    isSelected: (option: ComboboxItem) => boolean | undefined;
+    getSelectedContent: () => TDataRow[];
+    toggleDropdown: () => void;
+    closeDropdown: () => void;
+    filteredOptions: import("vue").ComputedRef<TDataRow[]>;
+    loading: import("vue").ComputedRef<Boolean>;
+};

package/dist/runtime/components/KCombobox/KCombobox.logic.js

@@ -102,6 +102,7 @@ export function useKComboboxLogic(props, emit) {
   watch(
     () => searchtext.value,
     (newText) => {
+      if (!props.dataProvider) return;
       const filter = {
         operator: EDataFilterOperator.In,
         field: { [props.labelField]: newText.trim().toLowerCase() },
@@ -111,11 +112,11 @@ export function useKComboboxLogic(props, emit) {
     }
   );
   const filteredOptions = computed(() => {
-    return props.dataProvider.pageData.value;
+    return props.dataProvider?.pageData.value || [];
   });
   onMounted(() => {
     selectedItems.value = Array.isArray(props.modelValue) ? props.modelValue : props.modelValue ? [props.modelValue] : null;
-    if (props.searchbox) {
+    if (props.searchbox && props.dataProvider) {
       props.dataProvider.filter.value = null;
     }
   });
@@ -135,6 +136,6 @@ export function useKComboboxLogic(props, emit) {
     toggleDropdown,
     closeDropdown,
     filteredOptions,
-    loading: props.dataProvider.loading
+    loading: computed(() => props.dataProvider?.loading.value ?? false)
   };
 }

package/dist/runtime/components/KDatatable/KDataIterator.logic.d.ts

@@ -0,0 +1,20 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDataIteratorProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+    loading?: boolean;
+    search?: string;
+    itemsPerPage?: number;
+    page?: number;
+}
+export declare const KDataIteratorDefaultProps: {
+    visibleFields: null;
+    loading: boolean;
+    search: string;
+    itemsPerPage: number;
+    page: number;
+};
+export declare function useKDataIteratorLogic(props: KDataIteratorProps): {
+    selectedRows: import("vue").Ref<any[], any[]>;
+    selectAll: import("vue").Ref<boolean, boolean>;
+};

package/dist/runtime/components/KDatatable/KDatatable.logic.d.ts

@@ -0,0 +1,12 @@
+import { ADataProvider } from '@katlux/providers';
+export interface KDatatableProps {
+    dataProvider: ADataProvider;
+    visibleFields?: Array<string> | null;
+}
+export declare const KDatatableDefaultProps: {
+    visibleFields: null;
+};
+export declare function useKDatatableLogic(props: KDatatableProps): {
+    selectedRows: import("vue").Ref<any[], any[]>;
+    selectAll: import("vue").Ref<boolean, boolean>;
+};

package/dist/runtime/components/KDatePicker/KDatePicker.global.d.vue.ts

@@ -7,15 +7,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,19 +38,35 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: IDefinedDay[];
+    calendarMarkedDays: IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KDatePicker/KDatePicker.global.vue

@@ -1,9 +1,10 @@
 <script setup>
 import { useKDatePickerLogic, KDatePickerDefaultProps } from "./KDatePicker.logic";
 import { usePresetComponent } from "../../composables/usePresetComponent";
-import { computed } from "vue";
+import { computed, watch } from "vue";
 import KDatePickerDefault from "../../presets/default/components/KDatePicker/KDatePicker.vue";
 const props = defineProps(KDatePickerDefaultProps);
+const emit = defineEmits(["update:maskedModel", "update:calendarShow", "update:day", "update:modelValue", "update:isOpen"]);
 const {
   _date,
   maskedModel,
@@ -33,12 +34,19 @@ const updateCalendarShow = (val) => {
 const handleDateSelected = (date) => {
   dateSelected(date);
 };
+watch(_date, (newDate) => {
+  emit("update:day", newDate);
+  emit("update:modelValue", newDate);
+});
+watch(calendarShow, (newVal) => {
+  emit("update:isOpen", newVal);
+});
 </script>
 
 <template lang="pug">
 component(
 	:is="presetComponent" 
-	v-bind="templateProps"
+	v-bind="{ ...templateProps, ...$attrs }"
 	@update:maskedModel="updateMaskedModel" 
 	@update:calendarShow="updateCalendarShow"
 )

package/dist/runtime/components/KDatePicker/KDatePicker.global.vue.d.ts

@@ -7,15 +7,29 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: string | Date) => any;
+    "update:maskedModel": (value: string) => any;
+    "update:calendarShow": (value: boolean) => any;
+    "update:day": (value: string | Date) => any;
+    "update:isOpen": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     format: {
         type: StringConstructor;
         default: string;
@@ -24,19 +38,35 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
-}>> & Readonly<{}>, {
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:maskedModel"?: ((value: string) => any) | undefined;
+    "onUpdate:calendarShow"?: ((value: boolean) => any) | undefined;
+    "onUpdate:day"?: ((value: string | Date) => any) | undefined;
+    "onUpdate:isOpen"?: ((value: boolean) => any) | undefined;
+}>, {
+    isOpen: boolean;
     day: string | Date;
+    modelValue: string | Date;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: IDefinedDay[];
+    calendarMarkedDays: IMarkedDay[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/KDatePicker/KDatePicker.logic.d.ts

@@ -1,7 +1,10 @@
+import { type PropType } from 'vue';
 import type { IMarkedDay, IDefinedDay } from '@katlux/toolkit/components/KCalendar/types.ts';
 export interface KDatePickerProps {
     format: string;
     day?: Date | string;
+    modelValue?: Date | string;
+    isOpen?: boolean;
     calendarDefinedDays: IDefinedDay[];
     calendarMarkedDays: IMarkedDay[];
 }
@@ -14,6 +17,14 @@ export declare const KDatePickerDefaultProps: {
         type: (DateConstructor | StringConstructor)[];
         default: undefined;
     };
+    modelValue: {
+        type: (DateConstructor | StringConstructor)[];
+        default: undefined;
+    };
+    isOpen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     calendarDefinedDays: {
         type: PropType<IDefinedDay[]>;
         default: () => never[];

package/dist/runtime/components/KDatePicker/KDatePicker.logic.js

@@ -1,4 +1,4 @@
-import { ref, onMounted, computed } from "vue";
+import { ref, watch, onMounted, computed } from "vue";
 export const KDatePickerDefaultProps = {
   format: {
     type: String,
@@ -8,6 +8,14 @@ export const KDatePickerDefaultProps = {
     type: [Date, String],
     default: void 0
   },
+  modelValue: {
+    type: [Date, String],
+    default: void 0
+  },
+  isOpen: {
+    type: Boolean,
+    default: false
+  },
   calendarDefinedDays: {
     type: Array,
     default: () => []
@@ -44,11 +52,46 @@ export function useKDatePickerLogic(props) {
     return formattedDate;
   };
   onMounted(() => {
-    maskedModel.value = _date.value.toString();
+    if (props.modelValue) {
+      _date.value = props.modelValue;
+    } else if (props.day) {
+      _date.value = props.day;
+    }
+    if (props.isOpen) {
+      calendarShow.value = props.isOpen;
+    }
+    if (_date.value) {
+      const initialDate = _date.value instanceof Date ? _date.value : new Date(_date.value);
+      if (!isNaN(initialDate.getTime())) {
+        maskedModel.value = formatDate(initialDate);
+      }
+    }
   });
+  watch(() => props.day, (newDay) => {
+    if (newDay) {
+      _date.value = newDay;
+      syncMaskedModel(newDay);
+    }
+  });
+  watch(() => props.modelValue, (newVal) => {
+    if (newVal) {
+      _date.value = newVal;
+      syncMaskedModel(newVal);
+    }
+  });
+  watch(() => props.isOpen, (newVal) => {
+    calendarShow.value = !!newVal;
+  });
+  const syncMaskedModel = (val) => {
+    const d = val instanceof Date ? val : new Date(val);
+    if (!isNaN(d.getTime())) {
+      maskedModel.value = formatDate(d);
+    }
+  };
   const calendarDay = computed(() => {
-    if (props.day) {
-      return props.day;
+    const val = props.modelValue || props.day;
+    if (val) {
+      return val;
     }
     return /* @__PURE__ */ new Date();
   });

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.d.vue.ts

@@ -16,11 +16,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,18 +41,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, {
     day: string | Date;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: IDefinedDay[];
+    calendarMarkedDays: IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.vue

@@ -41,7 +41,7 @@ const updateCalendarShow = (val) => {
 <template lang="pug">
 component(
 	:is="presetComponent" 
-	v-bind="templateProps"
+	v-bind="{ ...templateProps, ...$attrs }"
 	@update:maskedModel="updateMaskedModel" 
 	@update:calendarShow="updateCalendarShow"
 )

package/dist/runtime/components/KDateTimePicker/KDateTimePicker.global.vue.d.ts

@@ -16,11 +16,11 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -41,18 +41,18 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         default: number;
     };
     calendarDefinedDays: {
-        type: PropType<IDefinedDay[]>;
+        type: import("vue").PropType<IDefinedDay[]>;
         default: () => never[];
     };
     calendarMarkedDays: {
-        type: PropType<IMarkedDay[]>;
+        type: import("vue").PropType<IMarkedDay[]>;
         default: () => never[];
     };
 }>> & Readonly<{}>, {
     day: string | Date;
     format: string;
-    calendarDefinedDays: any;
-    calendarMarkedDays: any;
+    calendarDefinedDays: IDefinedDay[];
+    calendarMarkedDays: IMarkedDay[];
     timeFormat: string;
     timeStep: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;