sard 1.0.0 → 1.0.2

package/components/calendar-input/calendar-input.d.ts

@@ -0,0 +1,71 @@
+import { type CalendarType } from '../calendar/common';
+import { type CalendarInputProps, type CalendarInputSlots } from './common';
+type __VLS_Slots = CalendarInputSlots;
+declare const __VLS_base: import("vue").DefineComponent<CalendarInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string | string[] | Date | Date[] | undefined) => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+    "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<CalendarInputProps> & Readonly<{
+    onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    title: string;
+    min: Date;
+    max: Date;
+    readonly: boolean;
+    type: CalendarType;
+    visible: boolean;
+    loading: boolean;
+    disabled: boolean;
+    modelValue: Date | Date[] | string | string[];
+    currentDate: Date;
+    disabledDate: (date: Date) => boolean;
+    maxDays: number;
+    overMaxDays: () => void;
+    weekStartsOn: number;
+    formatter: (day: import("../index.ts").CalendarDay) => void;
+    allowSameDay: boolean;
+    severalMonths: boolean;
+    valueFormat: string;
+    startDateText: string;
+    endDateText: string;
+    sameDateText: string;
+    showConfirm: boolean;
+    placeholder: string;
+    clearable: boolean;
+    validateEvent: boolean;
+    multiline: boolean;
+    inputProps: import("../index.ts").InputProps;
+    valueOnClear: () => any;
+    resettable: boolean;
+    outletFormat: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/calendar-input/calendar-input.js

@@ -0,0 +1,228 @@
+import { formatDate, parseDate } from "../../utils/date.js";
+import { isString } from "../../utils/is.js";
+import { useTranslateWithPrefix } from "../../locale/index.js";
+import popout_input_default from "../popout-input/popout-input.js";
+import calendar_popout_default from "../calendar-popout/calendar-popout.js";
+import { defaultCalendarInputProps } from "./common.js";
+import { partitionPopoutInputProps, usePopoutInput } from "../popout-input/usePopoutInput.js";
+import { createBlock, createSlots, createVNode, defineComponent, isRef, mergeDefaults, mergeProps, openBlock, renderSlot, unref, useSlots, watch, withCtx } from "vue";
+//#region packages/sard/components/calendar-input/calendar-input.vue
+var calendar_input_default = /*@__PURE__*/ defineComponent({
+	__name: "calendar-input",
+	props: /*@__PURE__*/ mergeDefaults({
+		outletFormat: {
+			type: String,
+			required: false
+		},
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		resettable: {
+			type: Boolean,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		showConfirm: {
+			type: Boolean,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		modelValue: {
+			type: [
+				Date,
+				Array,
+				String
+			],
+			required: false
+		},
+		min: {
+			type: Date,
+			required: false
+		},
+		max: {
+			type: Date,
+			required: false
+		},
+		currentDate: {
+			type: Date,
+			required: false
+		},
+		disabledDate: {
+			type: Function,
+			required: false
+		},
+		maxDays: {
+			type: Number,
+			required: false
+		},
+		overMaxDays: {
+			type: Function,
+			required: false
+		},
+		weekStartsOn: {
+			type: Number,
+			required: false
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		allowSameDay: {
+			type: Boolean,
+			required: false
+		},
+		severalMonths: {
+			type: Boolean,
+			required: false
+		},
+		valueFormat: {
+			type: String,
+			required: false
+		},
+		startDateText: {
+			type: String,
+			required: false
+		},
+		endDateText: {
+			type: String,
+			required: false
+		},
+		sameDateText: {
+			type: String,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		clearable: {
+			type: Boolean,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		multiline: {
+			type: Boolean,
+			required: false
+		},
+		inputProps: {
+			type: Object,
+			required: false
+		},
+		valueOnClear: {
+			type: Function,
+			required: false
+		}
+	}, defaultCalendarInputProps),
+	emits: [
+		"update:visible",
+		"update:modelValue",
+		"change",
+		"confirm",
+		"before-enter",
+		"enter",
+		"after-enter",
+		"enter-cancelled",
+		"before-leave",
+		"leave",
+		"after-leave",
+		"leave-cancelled",
+		"visible-hook"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const partitionedProps = partitionPopoutInputProps(props);
+		const { innerVisible, innerValue, inputValue, show, onChange, onClear, onVisibleHook } = usePopoutInput(props, emit);
+		const { t } = useTranslateWithPrefix("calendar");
+		function getOutletTextMayByStr(date) {
+			if (isString(date) && props.valueFormat) date = parseDate(date, props.valueFormat);
+			if (date instanceof Date) return formatDate(date, props.outletFormat);
+			return date;
+		}
+		function getOutletText(date, type) {
+			if (type === "single") return getOutletTextMayByStr(date);
+			if (type === "range") return [getOutletTextMayByStr(date[0]), getOutletTextMayByStr(date[1])].join(` ${t("to")} `);
+			if (type === "multiple") return t("multipleOutlet", { count: date.length });
+			return "";
+		}
+		function getInputValue() {
+			if (!innerValue.value || Array.isArray(innerValue.value) && innerValue.value.length === 0) return "";
+			return getOutletText(innerValue.value, props.type);
+		}
+		watch(innerValue, () => {
+			inputValue.value = getInputValue();
+		}, { immediate: true });
+		const onConfirm = () => {
+			emit("confirm");
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(popout_input_default, mergeProps(unref(partitionedProps)[0], {
+				modelValue: unref(inputValue),
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(inputValue) ? inputValue.value = $event : null),
+				onClear: unref(onClear),
+				onClick: unref(show)
+			}), createSlots({
+				default: withCtx(() => [createVNode(calendar_popout_default, mergeProps(unref(partitionedProps)[1], {
+					visible: unref(innerVisible),
+					"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(innerVisible) ? innerVisible.value = $event : null),
+					modelValue: unref(innerValue),
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(innerValue) ? innerValue.value = $event : null),
+					onChange: unref(onChange),
+					onVisibleHook: unref(onVisibleHook),
+					onConfirm
+				}), null, 16, [
+					"visible",
+					"modelValue",
+					"onChange",
+					"onVisibleHook"
+				])]),
+				_: 2
+			}, [
+				slots.prepend ? {
+					name: "prepend",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "prepend")]),
+					key: "0"
+				} : void 0,
+				slots.append ? {
+					name: "append",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "append")]),
+					key: "1"
+				} : void 0,
+				slots.arrow ? {
+					name: "arrow",
+					fn: withCtx(() => [renderSlot(_ctx.$slots, "arrow")]),
+					key: "2"
+				} : void 0
+			]), 1040, [
+				"modelValue",
+				"onClear",
+				"onClick"
+			]);
+		};
+	}
+});
+//#endregion
+export { calendar_input_default as default };

package/components/calendar-input/common.d.ts

@@ -0,0 +1,11 @@
+import { type CalendarPopoutEmits, type CalendarPopoutProps } from '../calendar-popout/common';
+import { type PopoutInputSlots, type PopoutInputProps } from '../popout-input/common';
+import { type DefaultProps } from '../config';
+export interface CalendarInputProps extends CalendarPopoutProps, Omit<PopoutInputProps, 'modelValue'> {
+    outletFormat?: string;
+}
+export declare const defaultCalendarInputProps: DefaultProps<CalendarInputProps>;
+export interface CalendarInputSlots extends PopoutInputSlots {
+}
+export interface CalendarInputEmits extends CalendarPopoutEmits {
+}

package/components/calendar-input/common.js

@@ -0,0 +1,11 @@
+//#region packages/sard/components/calendar-input/common.ts
+const defaultCalendarInputProps = {
+	type: "single",
+	maxDays: Number.MAX_SAFE_INTEGER,
+	weekStartsOn: 0,
+	showConfirm: true,
+	validateEvent: true,
+	outletFormat: "YYYY-MM-DD"
+};
+//#endregion
+export { defaultCalendarInputProps };

package/components/calendar-input/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _CalendarInput from './calendar-input.vue';
+export declare const CalendarInput: EnhancedComponent<typeof _CalendarInput>;
+export default CalendarInput;
+export type { CalendarInputProps, CalendarInputEmits } from './common';

package/components/calendar-input/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import calendar_input_default from "./calendar-input.js";
+//#region packages/sard/components/calendar-input/index.ts
+const CalendarInput = enhanceComponent(calendar_input_default);
+//#endregion
+export { CalendarInput, CalendarInput as default };

package/components/calendar-popout/calendar-popout.d.ts

@@ -0,0 +1,61 @@
+import { type CalendarPopoutProps, type CalendarPopoutSlots } from './common';
+type __VLS_Slots = CalendarPopoutSlots;
+declare const __VLS_base: import("vue").DefineComponent<CalendarPopoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    change: (value: string | string[] | Date | Date[] | undefined) => any;
+    "before-enter": (el: Element) => any;
+    enter: (el: Element) => any;
+    "after-enter": (el: Element) => any;
+    "enter-cancelled": (el: Element) => any;
+    "before-leave": (el: Element) => any;
+    leave: (el: Element) => any;
+    "after-leave": (el: Element) => any;
+    "leave-cancelled": (el: Element) => any;
+    "visible-hook": (name: import("../index.ts").MotionHookName, el: Element) => any;
+    "update:visible": (visible: boolean) => any;
+    "update:modelValue": (value: string | string[] | Date | Date[] | undefined) => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<CalendarPopoutProps> & Readonly<{
+    onChange?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    "onBefore-enter"?: ((el: Element) => any) | undefined;
+    onEnter?: ((el: Element) => any) | undefined;
+    "onAfter-enter"?: ((el: Element) => any) | undefined;
+    "onEnter-cancelled"?: ((el: Element) => any) | undefined;
+    "onBefore-leave"?: ((el: Element) => any) | undefined;
+    onLeave?: ((el: Element) => any) | undefined;
+    "onAfter-leave"?: ((el: Element) => any) | undefined;
+    "onLeave-cancelled"?: ((el: Element) => any) | undefined;
+    "onVisible-hook"?: ((name: import("../index.ts").MotionHookName, el: Element) => any) | undefined;
+    "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | string[] | Date | Date[] | undefined) => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    title: string;
+    min: Date;
+    max: Date;
+    type: import("../index.ts").CalendarType;
+    visible: boolean;
+    modelValue: Date | Date[] | string | string[];
+    currentDate: Date;
+    disabledDate: (date: Date) => boolean;
+    maxDays: number;
+    overMaxDays: () => void;
+    weekStartsOn: number;
+    formatter: (day: import("../index.ts").CalendarDay) => void;
+    allowSameDay: boolean;
+    severalMonths: boolean;
+    valueFormat: string;
+    startDateText: string;
+    endDateText: string;
+    sameDateText: string;
+    showConfirm: boolean;
+    validateEvent: boolean;
+    resettable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/calendar-popout/calendar-popout.js

@@ -0,0 +1,158 @@
+import popout_default from "../popout/popout.js";
+import calendar_default from "../calendar/calendar.js";
+import { defaultCalendarPopoutProps } from "./common.js";
+import { omitFormPopoutProps, useFormPopout } from "../popout/useFormPopout.js";
+import { computed, createBlock, createVNode, defineComponent, isRef, mergeDefaults, mergeProps, openBlock, renderSlot, unref, useSlots, withCtx } from "vue";
+//#region packages/sard/components/calendar-popout/calendar-popout.vue
+var calendar_popout_default = /*@__PURE__*/ defineComponent({
+	__name: "calendar-popout",
+	props: /*@__PURE__*/ mergeDefaults({
+		visible: {
+			type: Boolean,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		resettable: {
+			type: Boolean,
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		showConfirm: {
+			type: Boolean,
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		modelValue: {
+			type: [
+				Date,
+				Array,
+				String
+			],
+			required: false
+		},
+		min: {
+			type: Date,
+			required: false
+		},
+		max: {
+			type: Date,
+			required: false
+		},
+		currentDate: {
+			type: Date,
+			required: false
+		},
+		disabledDate: {
+			type: Function,
+			required: false
+		},
+		maxDays: {
+			type: Number,
+			required: false
+		},
+		overMaxDays: {
+			type: Function,
+			required: false
+		},
+		weekStartsOn: {
+			type: Number,
+			required: false
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		allowSameDay: {
+			type: Boolean,
+			required: false
+		},
+		severalMonths: {
+			type: Boolean,
+			required: false
+		},
+		valueFormat: {
+			type: String,
+			required: false
+		},
+		startDateText: {
+			type: String,
+			required: false
+		},
+		endDateText: {
+			type: String,
+			required: false
+		},
+		sameDateText: {
+			type: String,
+			required: false
+		}
+	}, defaultCalendarPopoutProps),
+	emits: [
+		"update:visible",
+		"update:modelValue",
+		"change",
+		"confirm",
+		"before-enter",
+		"enter",
+		"after-enter",
+		"enter-cancelled",
+		"before-leave",
+		"leave",
+		"after-leave",
+		"leave-cancelled",
+		"visible-hook"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const slots = useSlots();
+		const emit = __emit;
+		const omittedProps = omitFormPopoutProps(props);
+		const { innerVisible, draftValue, onChange, onConfirm, onVisibleHook } = useFormPopout(props, emit, { onChange() {
+			if (!props.showConfirm && !confirmDisabled.value) {
+				onConfirm(false);
+				innerVisible.value = false;
+			}
+		} });
+		const confirmDisabled = computed(() => {
+			const value = draftValue.value;
+			return !value || Array.isArray(value) && value.length === 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(popout_default, {
+				visible: unref(innerVisible),
+				"onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isRef(innerVisible) ? innerVisible.value = $event : null),
+				title: slots.title ? "" : __props.title,
+				"show-confirm": __props.showConfirm,
+				"confirm-disabled": confirmDisabled.value,
+				onConfirm: unref(onConfirm),
+				onVisibleHook: unref(onVisibleHook)
+			}, {
+				"title-prepend": withCtx(() => [renderSlot(_ctx.$slots, "title-prepend")]),
+				title: withCtx(() => [renderSlot(_ctx.$slots, "title")]),
+				default: withCtx(() => [createVNode(calendar_default, mergeProps(unref(omittedProps), {
+					"model-value": unref(draftValue),
+					onChange: unref(onChange)
+				}), null, 16, ["model-value", "onChange"])]),
+				_: 3
+			}, 8, [
+				"visible",
+				"title",
+				"show-confirm",
+				"confirm-disabled",
+				"onConfirm",
+				"onVisibleHook"
+			]);
+		};
+	}
+});
+//#endregion
+export { calendar_popout_default as default };

package/components/calendar-popout/common.d.ts

@@ -0,0 +1,20 @@
+import { type CalendarProps } from '../calendar/common';
+import { type DefaultProps } from '../config';
+import { type FormPopoutProps } from '../popout/useFormPopout';
+import type { MotionEmits } from '../motion';
+export interface CalendarPopoutProps extends FormPopoutProps, CalendarProps {
+}
+export declare const defaultCalendarPopoutProps: DefaultProps<CalendarPopoutProps>;
+export interface CalendarPopoutSlots {
+    default?(props: Record<string, never>): any;
+    title?(props: Record<string, never>): any;
+    'title-prepend'?(props: Record<string, never>): any;
+}
+export interface CalendarPopoutEmits extends MotionEmits {
+    (e: 'update:visible', visible: boolean): void;
+    (e: 'update:modelValue', value: Date | Date[] | string | string[] | undefined): void;
+    (e: 'change', value: Date | Date[] | string | string[] | undefined): void;
+    (e: 'confirm'): void;
+}
+export interface CalendarPopoutExpose {
+}

package/components/calendar-popout/common.js

@@ -0,0 +1,10 @@
+//#region packages/sard/components/calendar-popout/common.ts
+const defaultCalendarPopoutProps = {
+	type: "single",
+	maxDays: Number.MAX_SAFE_INTEGER,
+	weekStartsOn: 0,
+	showConfirm: true,
+	validateEvent: true
+};
+//#endregion
+export { defaultCalendarPopoutProps };

package/components/calendar-popout/index.d.ts

@@ -0,0 +1,5 @@
+import { type EnhancedComponent } from '../../utils';
+import _CalendarPopout from './calendar-popout.vue';
+export declare const CalendarPopout: EnhancedComponent<typeof _CalendarPopout>;
+export default CalendarPopout;
+export type { CalendarPopoutProps, CalendarPopoutSlots, CalendarPopoutEmits, CalendarPopoutExpose, } from './common';

package/components/calendar-popout/index.js

@@ -0,0 +1,6 @@
+import { enhanceComponent } from "../../utils/component.js";
+import calendar_popout_default from "./calendar-popout.js";
+//#region packages/sard/components/calendar-popout/index.ts
+const CalendarPopout = enhanceComponent(calendar_popout_default);
+//#endregion
+export { CalendarPopout, CalendarPopout as default };

package/components/card/card.d.ts

@@ -0,0 +1,17 @@
+import { type CardProps, type CardSlots } from './common';
+type __VLS_Slots = CardSlots;
+declare const __VLS_base: import("vue").DefineComponent<CardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (event: MouseEvent) => any;
+    "update:collapsed": (collapsed: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<CardProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:collapsed"?: ((collapsed: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};