@v-c/picker 0.0.1

package/dist/PickerPanel/TimePanel/TimePanelBody/useScrollTo.cjs

@@ -0,0 +1,65 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../../_virtual/rolldown_runtime.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var SPEED_PTG = 1 / 3;
+function useScrollTo(ulRef, value) {
+	const scrollingRef = (0, vue.ref)(false);
+	const scrollRafRef = (0, vue.ref)(null);
+	const scrollDistRef = (0, vue.ref)(null);
+	const scrollRafTimesRef = (0, vue.ref)(0);
+	const isScrolling = () => scrollingRef.value;
+	const stopScroll = () => {
+		if (scrollRafRef.value) _v_c_util.raf.cancel(scrollRafRef.value);
+		scrollingRef.value = false;
+	};
+	const startScroll = () => {
+		const ul = (0, vue.unref)(ulRef);
+		const val = (0, vue.unref)(value);
+		console.log(val, "Ss");
+		scrollDistRef.value = null;
+		scrollRafTimesRef.value = 0;
+		if (ul) {
+			const targetLi = ul.querySelector(`[data-value="${val}"]`);
+			const firstLi = ul.querySelector(`li`);
+			const doScroll = () => {
+				stopScroll();
+				scrollingRef.value = true;
+				scrollRafTimesRef.value += 1;
+				const { scrollTop: currentTop } = ul;
+				const firstLiTop = firstLi.offsetTop;
+				const targetLiTop = targetLi?.offsetTop || 0;
+				const targetTop = targetLiTop - firstLiTop;
+				const isVisible = ul.offsetParent !== null;
+				if (targetLiTop === 0 && targetLi !== firstLi || !isVisible) {
+					if (scrollRafTimesRef.value <= 5) scrollRafRef.value = (0, _v_c_util.raf)(doScroll);
+					return;
+				}
+				const nextTop = currentTop + (targetTop - currentTop) * SPEED_PTG;
+				const dist = Math.abs(targetTop - nextTop);
+				if (scrollDistRef.value !== null && scrollDistRef.value < dist) {
+					stopScroll();
+					return;
+				}
+				scrollDistRef.value = dist;
+				if (dist <= 1) {
+					ul.scrollTop = targetTop;
+					stopScroll();
+					return;
+				}
+				ul.scrollTop = nextTop;
+				scrollRafRef.value = (0, _v_c_util.raf)(doScroll);
+			};
+			if (targetLi && firstLi) doScroll();
+		}
+	};
+	return [
+		startScroll,
+		stopScroll,
+		isScrolling
+	];
+}
+exports.default = useScrollTo;

package/dist/PickerPanel/TimePanel/TimePanelBody/useScrollTo.d.ts

@@ -0,0 +1 @@
+export default function useScrollTo(ulRef: any, value: any): readonly [() => void, () => void, () => boolean];

package/dist/PickerPanel/TimePanel/TimePanelBody/useScrollTo.js

@@ -0,0 +1,60 @@
+import { ref, unref } from "vue";
+import { raf } from "@v-c/util";
+var SPEED_PTG = 1 / 3;
+function useScrollTo(ulRef, value) {
+	const scrollingRef = ref(false);
+	const scrollRafRef = ref(null);
+	const scrollDistRef = ref(null);
+	const scrollRafTimesRef = ref(0);
+	const isScrolling = () => scrollingRef.value;
+	const stopScroll = () => {
+		if (scrollRafRef.value) raf.cancel(scrollRafRef.value);
+		scrollingRef.value = false;
+	};
+	const startScroll = () => {
+		const ul = unref(ulRef);
+		const val = unref(value);
+		console.log(val, "Ss");
+		scrollDistRef.value = null;
+		scrollRafTimesRef.value = 0;
+		if (ul) {
+			const targetLi = ul.querySelector(`[data-value="${val}"]`);
+			const firstLi = ul.querySelector(`li`);
+			const doScroll = () => {
+				stopScroll();
+				scrollingRef.value = true;
+				scrollRafTimesRef.value += 1;
+				const { scrollTop: currentTop } = ul;
+				const firstLiTop = firstLi.offsetTop;
+				const targetLiTop = targetLi?.offsetTop || 0;
+				const targetTop = targetLiTop - firstLiTop;
+				const isVisible = ul.offsetParent !== null;
+				if (targetLiTop === 0 && targetLi !== firstLi || !isVisible) {
+					if (scrollRafTimesRef.value <= 5) scrollRafRef.value = raf(doScroll);
+					return;
+				}
+				const nextTop = currentTop + (targetTop - currentTop) * SPEED_PTG;
+				const dist = Math.abs(targetTop - nextTop);
+				if (scrollDistRef.value !== null && scrollDistRef.value < dist) {
+					stopScroll();
+					return;
+				}
+				scrollDistRef.value = dist;
+				if (dist <= 1) {
+					ul.scrollTop = targetTop;
+					stopScroll();
+					return;
+				}
+				ul.scrollTop = nextTop;
+				scrollRafRef.value = raf(doScroll);
+			};
+			if (targetLi && firstLi) doScroll();
+		}
+	};
+	return [
+		startScroll,
+		stopScroll,
+		isScrolling
+	];
+}
+export { useScrollTo as default };

package/dist/PickerPanel/TimePanel/index.cjs

@@ -0,0 +1,173 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
+const require_dateUtil = require("../../utils/dateUtil.cjs");
+const require_context = require("../context.cjs");
+const require_PanelHeader = require("../PanelHeader.cjs");
+const require_index = require("./TimePanelBody/index.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var TimePanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	const sharedContext = require_context.useSharedPanelContext();
+	require_context.providePanelContext((0, vue.computed)(() => {
+		const [info] = require_context.useInfo(props, "time", sharedContext);
+		return info;
+	}));
+	return () => {
+		const { prefixCls, value, locale, generateConfig, showTime } = props;
+		const format = typeof showTime === "object" && showTime.format ? showTime.format : locale?.fieldTimeFormat || "HH:mm:ss";
+		const panelPrefixCls = `${prefixCls}-time-panel`;
+		return (0, vue.createVNode)("div", { "class": (0, _v_c_util.clsx)(panelPrefixCls) }, [(0, vue.createVNode)(require_PanelHeader.default, null, { default: () => [value ? require_dateUtil.formatValue(value, {
+			locale,
+			format,
+			generateConfig
+		}) : "\xA0"] }), (0, vue.createVNode)(require_index.default, typeof showTime === "object" ? showTime : {}, null)]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: true,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		onSelect: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		values: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onModeChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hoverRangeValue: {
+			type: [Array, null],
+			required: true,
+			default: void 0
+		},
+		hoverValue: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		onHover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			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
+		}
+	},
+	name: "TimePanel",
+	inheritAttrs: false
+});
+var TimePanel_default = TimePanel;
+exports.default = TimePanel_default;

package/dist/PickerPanel/TimePanel/index.d.ts

@@ -0,0 +1,3 @@
+import { SharedPanelProps } from '../../interface';
+declare const TimePanel: import('vue').DefineSetupFnComponent<SharedPanelProps<any>, {}, {}, SharedPanelProps<any> & {}, import('vue').PublicProps>;
+export default TimePanel;

package/dist/PickerPanel/TimePanel/index.js

@@ -0,0 +1,167 @@
+import { formatValue } from "../../utils/dateUtil.js";
+import { providePanelContext, useInfo, useSharedPanelContext } from "../context.js";
+import PanelHeader_default from "../PanelHeader.js";
+import TimePanelBody_default from "./TimePanelBody/index.js";
+import { computed, createVNode, defineComponent } from "vue";
+import { clsx } from "@v-c/util";
+var TimePanel_default = /* @__PURE__ */ defineComponent((props) => {
+	const sharedContext = useSharedPanelContext();
+	providePanelContext(computed(() => {
+		const [info] = useInfo(props, "time", sharedContext);
+		return info;
+	}));
+	return () => {
+		const { prefixCls, value, locale, generateConfig, showTime } = props;
+		const format = typeof showTime === "object" && showTime.format ? showTime.format : locale?.fieldTimeFormat || "HH:mm:ss";
+		const panelPrefixCls = `${prefixCls}-time-panel`;
+		return createVNode("div", { "class": clsx(panelPrefixCls) }, [createVNode(PanelHeader_default, null, { default: () => [value ? formatValue(value, {
+			locale,
+			format,
+			generateConfig
+		}) : "\xA0"] }), createVNode(TimePanelBody_default, typeof showTime === "object" ? showTime : {}, null)]);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: true,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		onSelect: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		values: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onModeChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hoverRangeValue: {
+			type: [Array, null],
+			required: true,
+			default: void 0
+		},
+		hoverValue: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		onHover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			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
+		}
+	},
+	name: "TimePanel",
+	inheritAttrs: false
+});
+export { TimePanel_default as default };

package/dist/PickerPanel/WeekPanel/index.cjs

@@ -0,0 +1,179 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("../../_virtual/rolldown_runtime.cjs");
+const require_dateUtil = require("../../utils/dateUtil.cjs");
+const require_index = require("../DatePanel/index.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+var WeekPanel = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
+	return () => {
+		const { prefixCls, generateConfig = {}, locale = {}, value, hoverValue, hoverRangeValue } = props;
+		const localeName = locale.locale;
+		const rowPrefixCls = `${prefixCls}-week-panel-row`;
+		const rowClassName = (currentDate) => {
+			const rangeCls = {};
+			if (hoverRangeValue) {
+				const [rangeStart, rangeEnd] = hoverRangeValue;
+				const isRangeStart = require_dateUtil.isSameWeek(generateConfig, localeName, rangeStart, currentDate);
+				const isRangeEnd = require_dateUtil.isSameWeek(generateConfig, localeName, rangeEnd, currentDate);
+				rangeCls[`${rowPrefixCls}-range-start`] = isRangeStart;
+				rangeCls[`${rowPrefixCls}-range-end`] = isRangeEnd;
+				rangeCls[`${rowPrefixCls}-range-hover`] = !isRangeStart && !isRangeEnd && require_dateUtil.isInRange(generateConfig, rangeStart, rangeEnd, currentDate);
+			}
+			if (hoverValue) rangeCls[`${rowPrefixCls}-hover`] = hoverValue.some((date) => require_dateUtil.isSameWeek(generateConfig, localeName, currentDate, date));
+			return (0, _v_c_util.clsx)(rowPrefixCls, { [`${rowPrefixCls}-selected`]: !hoverRangeValue && require_dateUtil.isSameWeek(generateConfig, localeName, value, currentDate) }, rangeCls);
+		};
+		return (0, vue.createVNode)(require_index.default, (0, vue.mergeProps)(props, {
+			"mode": "week",
+			"panelName": "week",
+			"rowClassName": rowClassName
+		}), null);
+	};
+}, {
+	props: {
+		prefixCls: {
+			type: String,
+			required: true,
+			default: void 0
+		},
+		locale: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		generateConfig: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		pickerValue: {
+			required: true,
+			default: void 0
+		},
+		onPickerValueChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		value: {
+			required: false,
+			default: void 0
+		},
+		onSelect: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		values: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		onModeChange: {
+			type: Function,
+			required: true,
+			default: void 0
+		},
+		disabledDate: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		minDate: {
+			required: false,
+			default: void 0
+		},
+		maxDate: {
+			required: false,
+			default: void 0
+		},
+		cellRender: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		hoverRangeValue: {
+			type: [Array, null],
+			required: true,
+			default: void 0
+		},
+		hoverValue: {
+			type: [Array, null],
+			required: false,
+			default: void 0
+		},
+		onHover: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		showTime: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		showWeek: {
+			type: Boolean,
+			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
+		}
+	},
+	name: "WeekPanel",
+	inheritAttrs: false
+});
+var WeekPanel_default = WeekPanel;
+exports.default = WeekPanel_default;

package/dist/PickerPanel/WeekPanel/index.d.ts

@@ -0,0 +1,3 @@
+import { SharedPanelProps } from '../../interface';
+declare const WeekPanel: import('vue').DefineSetupFnComponent<SharedPanelProps<any>, {}, {}, SharedPanelProps<any> & {}, import('vue').PublicProps>;
+export default WeekPanel;