@mekari/pixel3-date-picker 0.0.3-dev.0 → 0.1.0

package/dist/modules/date-picker.props.d.ts

@@ -7,6 +7,48 @@ import '@mekari/pixel3-styled-system/types';
 import '@mekari/pixel3-styled-system/css';
 import '@mekari/pixel3-styled-system/recipes';
 
+type CalendarPanel = 'date' | 'month' | 'year' | 'week' | 'biweek' | 'time';
+declare const timePanelProps: {
+    modelValue: {
+        type: PropType<Date>;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+};
 declare const calendarPanelProps: {
     modelValue: {
         type: PropType<Date>;
@@ -15,7 +57,7 @@ declare const calendarPanelProps: {
         type: PropType<Date>;
     };
     type: {
-        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        type: PropType<CalendarPanel>;
         default: string;
     };
     calendar: {
@@ -69,7 +111,7 @@ declare const calendarPanelRangeProps: {
         type: PropType<Date>;
     };
     type: {
-        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        type: PropType<CalendarPanel>;
         default: string;
     };
     calendar: {
@@ -123,7 +165,7 @@ declare const datePickerProps: {
         type: PropType<string | number | Date | string[] | Date[] | number[]>;
     };
     type: {
-        type: PropType<"date" | "month" | "year" | "week" | "biweek">;
+        type: PropType<CalendarPanel>;
         default: string;
     };
     valueType: {
@@ -217,9 +259,46 @@ declare const datePickerProps: {
         type: PropType<(year: number) => boolean>;
         default: () => void;
     };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
 };
 type CalendarPanelProps = ExtractPropTypes<typeof calendarPanelProps>;
 type CalendarPanelRangeProps = ExtractPropTypes<typeof calendarPanelRangeProps>;
 type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
+type TimePanelProps = ExtractPropTypes<typeof timePanelProps>;
 
-export { CalendarPanelProps, CalendarPanelRangeProps, DatePickerProps, calendarPanelProps, calendarPanelRangeProps, datePickerProps };
+export { CalendarPanel, CalendarPanelProps, CalendarPanelRangeProps, DatePickerProps, TimePanelProps, calendarPanelProps, calendarPanelRangeProps, datePickerProps, timePanelProps };

package/dist/modules/date-picker.props.js

@@ -22,9 +22,55 @@ var date_picker_props_exports = {};
 __export(date_picker_props_exports, {
   calendarPanelProps: () => calendarPanelProps,
   calendarPanelRangeProps: () => calendarPanelRangeProps,
-  datePickerProps: () => datePickerProps
+  datePickerProps: () => datePickerProps,
+  timePanelProps: () => timePanelProps
 });
 module.exports = __toCommonJS(date_picker_props_exports);
+var timePanelProps = {
+  modelValue: {
+    type: Date
+  },
+  defaultDate: {
+    type: Date,
+    default() {
+      const date = /* @__PURE__ */ new Date();
+      date.setHours(0, 0, 0, 0);
+      return date;
+    }
+  },
+  isShowHour: {
+    type: Boolean,
+    default: true
+  },
+  isShowMinute: {
+    type: Boolean,
+    default: true
+  },
+  isShowSecond: {
+    type: Boolean,
+    default: true
+  },
+  hourStep: {
+    type: Number,
+    default: 1
+  },
+  minuteStep: {
+    type: Number,
+    default: 1
+  },
+  secondStep: {
+    type: Number,
+    default: 1
+  },
+  isUse12h: {
+    type: Boolean,
+    default: false
+  },
+  disabledTime: {
+    type: Function,
+    default: () => false
+  }
+};
 var calendarPanelProps = {
   modelValue: {
     type: Date
@@ -89,6 +135,7 @@ var calendarPanelRangeProps = {
   }
 };
 var datePickerProps = {
+  ...timePanelProps,
   id: {
     type: String
   },
@@ -181,5 +228,6 @@ var datePickerProps = {
 0 && (module.exports = {
   calendarPanelProps,
   calendarPanelRangeProps,
-  datePickerProps
+  datePickerProps,
+  timePanelProps
 });

package/dist/modules/date-picker.props.mjs

@@ -1,11 +1,13 @@
 import {
   calendarPanelProps,
   calendarPanelRangeProps,
-  datePickerProps
-} from "../chunk-XQLKPPRN.mjs";
+  datePickerProps,
+  timePanelProps
+} from "../chunk-5VRVDIXN.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   calendarPanelProps,
   calendarPanelRangeProps,
-  datePickerProps
+  datePickerProps,
+  timePanelProps
 };

package/dist/time-panel.d.mts

@@ -0,0 +1,98 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const TimePanel: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    defaultDate: Date;
+    isShowHour: boolean;
+    isShowMinute: boolean;
+    isShowSecond: boolean;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    isUse12h: boolean;
+    disabledTime: Function;
+}, {}>;
+
+export { TimePanel };

package/dist/time-panel.d.ts

@@ -0,0 +1,98 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+declare const TimePanel: vue.DefineComponent<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    modelValue: {
+        type: vue.PropType<Date>;
+    };
+    defaultDate: {
+        type: DateConstructor;
+        default(): Date;
+    };
+    isShowHour: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowMinute: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isShowSecond: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hourStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    minuteStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    secondStep: {
+        type: vue.PropType<number>;
+        default: number;
+    };
+    isUse12h: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    disabledTime: {
+        type: FunctionConstructor;
+        default: () => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    defaultDate: Date;
+    isShowHour: boolean;
+    isShowMinute: boolean;
+    isShowSecond: boolean;
+    hourStep: number;
+    minuteStep: number;
+    secondStep: number;
+    isUse12h: boolean;
+    disabledTime: Function;
+}, {}>;
+
+export { TimePanel };