@v-c/picker 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/PickerInput/Popup/Footer.cjs

@@ -0,0 +1,115 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_useTimeInfo = require("../../hooks/useTimeInfo.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var Footer = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const mode = (0, vue.computed)(() => props.mode);
+	const internalMode = (0, vue.computed)(() => props.internalMode);
+	const renderExtraFooter = (0, vue.computed)(() => props.renderExtraFooter);
+	const showNow = (0, vue.computed)(() => props.showNow);
+	const showTime = (0, vue.computed)(() => props.showTime);
+	const onSubmit = (0, vue.computed)(() => props.onSubmit);
+	const onNow = (0, vue.computed)(() => props.onNow);
+	const invalid = (0, vue.computed)(() => props.invalid);
+	const needConfirm = (0, vue.computed)(() => props.needConfirm);
+	const pickerCtx = require_context.usePickerContext();
+	const generateConfig = (0, vue.computed)(() => props.generateConfig || pickerCtx.value.generateConfig);
+	const disabledDate = (0, vue.computed)(() => props.disabledDate);
+	const now = (0, vue.computed)(() => generateConfig.value.getNow());
+	const [getValidTime] = require_useTimeInfo.default(generateConfig, showTime, now);
+	const nowDisabled = (0, vue.computed)(() => disabledDate.value(now.value, { type: mode.value }));
+	const onInternalNow = () => {
+		if (!nowDisabled.value) {
+			const validateNow = getValidTime(now.value);
+			onNow.value(validateNow);
+		}
+	};
+	return () => {
+		const { prefixCls, locale, button: Button = "button", classNames, styles } = pickerCtx.value;
+		const extraNode = renderExtraFooter.value?.(mode.value);
+		const nowPrefixCls = `${prefixCls}-now`;
+		const nowBtnPrefixCls = `${nowPrefixCls}-btn`;
+		const presetNode = showNow.value && (0, vue.createVNode)("li", { "class": nowPrefixCls }, [(0, vue.createVNode)("a", {
+			"class": (0, _v_c_util.clsx)(nowBtnPrefixCls, nowDisabled.value && `${nowBtnPrefixCls}-disabled`),
+			"aria-disabled": nowDisabled.value,
+			"onClick": onInternalNow
+		}, [internalMode.value === "date" ? locale.today : locale.now])]);
+		const okNode = needConfirm.value && (0, vue.createVNode)("li", { "class": `${prefixCls}-ok` }, [(0, vue.createVNode)(Button, {
+			"disabled": invalid.value,
+			"onClick": onSubmit.value
+		}, { default: () => [locale.ok] })]);
+		const rangeNode = (presetNode || okNode) && (0, vue.createVNode)("ul", { "class": `${prefixCls}-ranges` }, [presetNode, okNode]);
+		if (!extraNode && !rangeNode) return null;
+		return (0, vue.createVNode)("div", {
+			"class": (0, _v_c_util.clsx)(`${prefixCls}-footer`, classNames.popup?.footer),
+			"style": styles.popup?.footer
+		}, [extraNode && (0, vue.createVNode)("div", { "class": `${prefixCls}-footer-extra` }, [extraNode]), rangeNode]);
+	};
+}, {
+	props: {
+		mode: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		internalMode: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		renderExtraFooter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showNow: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onSubmit: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		needConfirm: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		onNow: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	},
+	name: "Footer",
+	inheritAttrs: false
+});
+var Footer_default = Footer;
+exports.default = Footer_default;

package/dist/PickerInput/Popup/Footer.d.ts

@@ -0,0 +1,19 @@
+import { PopupShowTimeConfig } from '.';
+import { GenerateConfig } from '../../generate';
+import { DisabledDate, InternalMode, PanelMode, SharedPickerProps } from '../../interface';
+export interface FooterProps<DateType extends object = any> {
+    mode: PanelMode;
+    internalMode: InternalMode;
+    renderExtraFooter?: SharedPickerProps['renderExtraFooter'];
+    showNow: boolean;
+    generateConfig: GenerateConfig<DateType>;
+    disabledDate: DisabledDate<DateType>;
+    showTime?: PopupShowTimeConfig<DateType>;
+    /** From Footer component used only. Check if can OK button click */
+    invalid?: boolean;
+    onSubmit: (date?: DateType) => void;
+    needConfirm: boolean;
+    onNow: (now: DateType) => void;
+}
+declare const Footer: import('vue').DefineSetupFnComponent<FooterProps<any>, {}, {}, FooterProps<any> & {}, import('vue').PublicProps>;
+export default Footer;

package/dist/PickerInput/Popup/Footer.js

@@ -0,0 +1,109 @@
+import { usePickerContext } from "../context.js";
+import useTimeInfo from "../../hooks/useTimeInfo.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+var Footer_default = /* @__PURE__ */ defineComponent((props) => {
+	const mode = computed(() => props.mode);
+	const internalMode = computed(() => props.internalMode);
+	const renderExtraFooter = computed(() => props.renderExtraFooter);
+	const showNow = computed(() => props.showNow);
+	const showTime = computed(() => props.showTime);
+	const onSubmit = computed(() => props.onSubmit);
+	const onNow = computed(() => props.onNow);
+	const invalid = computed(() => props.invalid);
+	const needConfirm = computed(() => props.needConfirm);
+	const pickerCtx = usePickerContext();
+	const generateConfig = computed(() => props.generateConfig || pickerCtx.value.generateConfig);
+	const disabledDate = computed(() => props.disabledDate);
+	const now = computed(() => generateConfig.value.getNow());
+	const [getValidTime] = useTimeInfo(generateConfig, showTime, now);
+	const nowDisabled = computed(() => disabledDate.value(now.value, { type: mode.value }));
+	const onInternalNow = () => {
+		if (!nowDisabled.value) {
+			const validateNow = getValidTime(now.value);
+			onNow.value(validateNow);
+		}
+	};
+	return () => {
+		const { prefixCls, locale, button: Button = "button", classNames, styles } = pickerCtx.value;
+		const extraNode = renderExtraFooter.value?.(mode.value);
+		const nowPrefixCls = `${prefixCls}-now`;
+		const nowBtnPrefixCls = `${nowPrefixCls}-btn`;
+		const presetNode = showNow.value && createVNode("li", { "class": nowPrefixCls }, [createVNode("a", {
+			"class": clsx(nowBtnPrefixCls, nowDisabled.value && `${nowBtnPrefixCls}-disabled`),
+			"aria-disabled": nowDisabled.value,
+			"onClick": onInternalNow
+		}, [internalMode.value === "date" ? locale.today : locale.now])]);
+		const okNode = needConfirm.value && createVNode("li", { "class": `${prefixCls}-ok` }, [createVNode(Button, {
+			"disabled": invalid.value,
+			"onClick": onSubmit.value
+		}, { default: () => [locale.ok] })]);
+		const rangeNode = (presetNode || okNode) && createVNode("ul", { "class": `${prefixCls}-ranges` }, [presetNode, okNode]);
+		if (!extraNode && !rangeNode) return null;
+		return createVNode("div", {
+			"class": clsx(`${prefixCls}-footer`, classNames.popup?.footer),
+			"style": styles.popup?.footer
+		}, [extraNode && createVNode("div", { "class": `${prefixCls}-footer-extra` }, [extraNode]), rangeNode]);
+	};
+}, {
+	props: {
+		mode: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		internalMode: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		renderExtraFooter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showNow: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onSubmit: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		needConfirm: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		onNow: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	},
+	name: "Footer",
+	inheritAttrs: false
+});
+export { Footer_default as default };

package/dist/PickerInput/Popup/PopupPanel.cjs

@@ -0,0 +1,413 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
+const require_context = require("../context.cjs");
+const require_useRangePickerValue = require("../hooks/useRangePickerValue.cjs");
+const require_context$1 = require("../../PickerPanel/context.cjs");
+const require_index = require("../../PickerPanel/index.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var PickerPanelProvider = /* @__PURE__ */ (0, vue.defineComponent)((props, { slots }) => {
+	require_context$1.providePickerHackContext((0, vue.computed)(() => props.value));
+	return () => {
+		return slots.default?.();
+	};
+}, {
+	props: { value: {
+		type: Object,
+		required: true,
+		default: void 0
+	} },
+	name: "PickerPanelProvider",
+	inheritAttrs: false
+});
+var PopupPanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const ctx = require_context.usePickerContext();
+	const picker = (0, vue.computed)(() => props.picker);
+	const pickerValue = (0, vue.computed)(() => props.pickerValue);
+	const needConfirm = (0, vue.computed)(() => props.needConfirm);
+	const onSubmit = (0, vue.computed)(() => props.onSubmit);
+	const range = (0, vue.computed)(() => props.range);
+	const hoverValue = (0, vue.computed)(() => props.hoverValue);
+	const multiplePanel = (0, vue.computed)(() => props.multiplePanel);
+	const onPickerValueChange = (0, vue.computed)(() => props.onPickerValueChange);
+	const internalOffsetDate = (date, offset) => {
+		const { generateConfig } = ctx.value || {};
+		return require_useRangePickerValue.offsetPanelDate(generateConfig, picker?.value, date, offset);
+	};
+	const nextPickerValue = (0, vue.computed)(() => {
+		return internalOffsetDate(pickerValue?.value, 1);
+	});
+	const onSecondPickerValueChange = (nextDate) => {
+		onPickerValueChange.value(internalOffsetDate(nextDate, -1));
+	};
+	const sharedContext = { onCellDblClick: () => {
+		if (needConfirm.value) onSubmit.value();
+	} };
+	const hideHeader = (0, vue.computed)(() => picker?.value === "time");
+	const pickerProps = (0, vue.computed)(() => {
+		const baseProps = {
+			...props,
+			hoverValue: null,
+			hoverRangeValue: null,
+			hideHeader: hideHeader.value
+		};
+		if (range?.value) baseProps.hoverRangeValue = hoverValue?.value;
+		else baseProps.hoverValue = hoverValue?.value;
+		return baseProps;
+	});
+	return () => {
+		const { prefixCls } = ctx.value;
+		if (multiplePanel?.value) return (0, vue.createVNode)("div", { "class": `${prefixCls}-panels` }, [(0, vue.createVNode)(PickerPanelProvider, { "value": {
+			...sharedContext,
+			hideNext: true
+		} }, { default: () => [(0, vue.createVNode)(require_index.default, pickerProps.value, null)] }), (0, vue.createVNode)(PickerPanelProvider, { "value": {
+			...sharedContext,
+			hidePrev: true
+		} }, { default: () => [(0, vue.createVNode)(require_index.default, (0, vue.mergeProps)((0, _v_c_util.omit)(pickerProps.value, ["onPickerValueChange"]), {
+			"pickerValue": nextPickerValue.value,
+			"onPickerValueChange": onSecondPickerValueChange
+		}), null)] })]);
+		return (0, vue.createVNode)(PickerPanelProvider, { "value": { ...sharedContext } }, { default: () => [(0, vue.createVNode)(require_index.default, pickerProps.value, null)] });
+	};
+}, {
+	props: {
+		multiplePanel: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		range: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		mode: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		onPanelChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		onSelect: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		defaultPickerValue: {
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: false,
+			default: void 0
+		},
+		picker: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		dateRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		monthCellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hoverValue: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		hoverRangeValue: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onHover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		components: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		hideHeader: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		prevIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		nextIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		superPrevIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		superNextIcon: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		format: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showNow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showHour: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showMinute: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showSecond: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		showMillisecond: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		use12Hours: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		hourStep: {
+			required: false,
+			default: void 0
+		},
+		minuteStep: {
+			required: false,
+			default: void 0
+		},
+		secondStep: {
+			required: false,
+			default: void 0
+		},
+		millisecondStep: {
+			required: false,
+			default: void 0
+		},
+		hideDisabledOptions: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultValue: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		defaultOpenValue: {
+			required: false,
+			default: void 0
+		},
+		disabledHours: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		disabledMinutes: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		disabledSeconds: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		disabledTime: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		changeOnScroll: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		tabindex: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		multiple: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		internalMode: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		renderExtraFooter: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		onSubmit: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		needConfirm: {
+			type: Boolean,
+			required: true,
+			default: void 0
+		},
+		onNow: {
+			type: Function,
+			required: true,
+			default: void 0
+		}
+	},
+	name: "PopupPanel",
+	inheritAttrs: false
+});
+var PopupPanel_default = PopupPanel;
+exports.default = PopupPanel_default;

package/dist/PickerInput/Popup/PopupPanel.d.ts

@@ -0,0 +1,11 @@
+import { PickerPanelProps } from '../../PickerPanel';
+import { FooterProps } from './Footer';
+export type MustProp<DateType extends object> = Required<Pick<PickerPanelProps<DateType>, 'mode' | 'onPanelChange'>>;
+type PopupPanelPropsWrapper<DateType extends object = any> = MustProp<DateType> & Omit<PickerPanelProps<DateType>, 'onPickerValueChange' | 'showTime'> & FooterProps<DateType>;
+export interface PopupPanelProps<DateType extends object = any> extends PopupPanelPropsWrapper<DateType> {
+    multiplePanel?: boolean;
+    range?: boolean;
+    onPickerValueChange: (date: DateType) => void;
+}
+declare const PopupPanel: import('vue').DefineSetupFnComponent<PopupPanelProps<any>, {}, {}, PopupPanelProps<any> & {}, import('vue').PublicProps>;
+export default PopupPanel;