@xn-lib/component 0.1.20 → 0.1.22

package/dist/types/index.d.ts

@@ -7,13 +7,15 @@ import XnVirtualList from './virtual-list/index';
 import XnEllipsis from './ellipsis/index';
 import XnEditableText from './editable-text/index';
 import XnEditableTextarea from './editable-textarea/index';
-export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea };
+import XnTimeRangePicker from './time-range-picker/index';
+export { XnCascader, XnTag, XnTransfer, XnVirtualList, XnEllipsis, XnEditableText, XnEditableTextarea, XnTimeRangePicker };
 export declare const components: Record<string, Component>;
 export type { CascaderProps } from './cascader/props';
 export type { TagProps } from './tag/props';
 export type { EllipsisProps } from './ellipsis/props';
 export type { EditableTextProps } from './editable-text/props';
 export type { EditableTextareaProps } from './editable-textarea/props';
+export type { TimeRangePickerProps, TimeRangeValue, TimeRange } from './time-range-picker/props';
 export * from './types';
 declare const plugin: Plugin;
 export default plugin;

package/dist/types/time-range-picker/index.d.ts

@@ -0,0 +1,5 @@
+import type { Plugin } from 'vue';
+import TimeRangePickerComponent from './index.vue';
+declare const TimeRangePicker: typeof TimeRangePickerComponent & Plugin;
+export default TimeRangePicker;
+export type { TimeRangeValue, TimeRange } from './props';

package/dist/types/time-range-picker/index.vue.d.ts

@@ -0,0 +1,112 @@
+import { type TimeRangeValue } from './props';
+declare function clearAll(): void;
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<TimeRangeValue>;
+        readonly default: () => {};
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showWeekControl: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly weekLabels: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly timeGranularity: {
+        readonly type: NumberConstructor;
+        readonly default: 60;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly startHour: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly endHour: {
+        readonly type: NumberConstructor;
+        readonly default: 24;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly showSelectedRanges: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<string | ((day: number, slot: number) => string)>;
+        readonly default: "";
+    };
+    readonly minWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+}>, {
+    clearAll: typeof clearAll;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: TimeRangeValue) => any;
+    change: (value: TimeRangeValue) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<TimeRangeValue>;
+        readonly default: () => {};
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showWeekControl: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly weekLabels: {
+        readonly type: import("vue").PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly timeGranularity: {
+        readonly type: NumberConstructor;
+        readonly default: 60;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly startHour: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly endHour: {
+        readonly type: NumberConstructor;
+        readonly default: 24;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly showSelectedRanges: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly cellClassName: {
+        readonly type: import("vue").PropType<string | ((day: number, slot: number) => string)>;
+        readonly default: "";
+    };
+    readonly minWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: TimeRangeValue) => any) | undefined;
+    onChange?: ((value: TimeRangeValue) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly modelValue: TimeRangeValue;
+    readonly minWidth: number;
+    readonly showWeekControl: boolean;
+    readonly weekLabels: string[];
+    readonly timeGranularity: number;
+    readonly startHour: number;
+    readonly endHour: number;
+    readonly showSelectedRanges: boolean;
+    readonly cellClassName: string | ((day: number, slot: number) => string);
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/time-range-picker/props.d.ts

@@ -0,0 +1,59 @@
+import type { PropType, ExtractPropTypes } from 'vue';
+export interface TimeRange {
+    day: number;
+    startHour: number;
+    endHour: number;
+}
+export interface TimeRangeValue {
+    [key: number]: number[];
+}
+export interface Selection {
+    day: number;
+    slot: number;
+}
+export declare const timeRangePickerProps: {
+    readonly modelValue: {
+        readonly type: PropType<TimeRangeValue>;
+        readonly default: () => {};
+    };
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly showWeekControl: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly weekLabels: {
+        readonly type: PropType<string[]>;
+        readonly default: () => string[];
+    };
+    readonly timeGranularity: {
+        readonly type: NumberConstructor;
+        readonly default: 60;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly startHour: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly endHour: {
+        readonly type: NumberConstructor;
+        readonly default: 24;
+        readonly validator: (value: number) => boolean;
+    };
+    readonly showSelectedRanges: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly cellClassName: {
+        readonly type: PropType<string | ((day: number, slot: number) => string)>;
+        readonly default: "";
+    };
+    readonly minWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 500;
+    };
+};
+export type TimeRangePickerProps = ExtractPropTypes<typeof timeRangePickerProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "private": false,
   "name": "@xn-lib/component",
-  "version": "0.1.20",
+  "version": "0.1.22",
   "description": "",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.mjs",