vft 0.0.524 → 0.0.525

package/es/components/time-picker/time-picker-com/panel-time-pick.js

@@ -0,0 +1,5 @@
+import panel_time_pick_vue_vue_type_script_setup_true_lang_default from "./panel-time-pick.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/time-picker/time-picker-com/panel-time-pick.vue
+var panel_time_pick_default = panel_time_pick_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { panel_time_pick_default as default };

package/es/components/time-picker/time-picker-com/panel-time-pick.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,149 @@
+import { useNamespace } from "../../../hooks/use-namespace/index.js";
+import { EVENT_CODE } from "../../../constants/aria.js";
+import { PICKER_BASE_INJECTION_KEY } from "../constants.js";
+import { panelTimePickerProps } from "../props/panel-time-picker.js";
+import { useTimePanel } from "../composables/use-time-panel.js";
+import { buildAvailableTimeSlotGetter, useOldValue } from "../composables/use-time-picker.js";
+import basic_time_spinner_default from "./basic-time-spinner.js";
+import { isUndefined } from "@vft/utils";
+import { Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, unref, withCtx } from "vue";
+import dayjs from "dayjs";
+//#region ../../packages/components/time-picker/time-picker-com/panel-time-pick.vue?vue&type=script&setup=true&lang.ts
+var panel_time_pick_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "panel-time-pick",
+	props: panelTimePickerProps,
+	emits: [
+		"pick",
+		"select-range",
+		"set-picker-option"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = inject(PICKER_BASE_INJECTION_KEY).props;
+		const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds);
+		const ns = useNamespace("time");
+		const lang = ref("zh-cn");
+		const selectionRange = ref([0, 2]);
+		const oldValue = useOldValue(props);
+		const transitionName = computed(() => {
+			return isUndefined(props.actualVisible) ? `${ns.namespace.value}-zoom-in-top` : "";
+		});
+		const showSeconds = computed(() => {
+			return props.format.includes("ss");
+		});
+		const amPmMode = computed(() => {
+			if (props.format.includes("A")) return "A";
+			if (props.format.includes("a")) return "a";
+			return "";
+		});
+		const isValidValue = (_date) => {
+			const parsedDate = dayjs(_date).locale(lang.value);
+			const result = getRangeAvailableTime(parsedDate);
+			return parsedDate.isSame(result);
+		};
+		const handleCancel = () => {
+			emit("pick", oldValue.value, false);
+		};
+		const handleConfirm = (visible = false, first = false) => {
+			if (first) return;
+			emit("pick", props.parsedValue, visible);
+		};
+		const handleChange = (_date) => {
+			if (!props.visible) return;
+			const result = getRangeAvailableTime(_date).millisecond(0);
+			emit("pick", result, true);
+		};
+		const setSelectionRange = (start, end) => {
+			emit("select-range", start, end);
+			selectionRange.value = [start, end];
+		};
+		const changeSelectionRange = (step) => {
+			const list = [0, 3].concat(showSeconds.value ? [6] : []);
+			const mapping = ["hours", "minutes"].concat(showSeconds.value ? ["seconds"] : []);
+			const next = (list.indexOf(selectionRange.value[0]) + step + list.length) % list.length;
+			timePickerOptions.start_emitSelectRange(mapping[next]);
+		};
+		const handleKeydown = (event) => {
+			const code = event.code;
+			const { left, right, up, down } = EVENT_CODE;
+			if ([left, right].includes(code)) {
+				changeSelectionRange(code === left ? -1 : 1);
+				event.preventDefault();
+				return;
+			}
+			if ([up, down].includes(code)) {
+				const step = code === up ? -1 : 1;
+				timePickerOptions.start_scrollDown(step);
+				event.preventDefault();
+			}
+		};
+		const { timePickerOptions, onSetOption, getAvailableTime } = useTimePanel({
+			getAvailableHours,
+			getAvailableMinutes,
+			getAvailableSeconds
+		});
+		const getRangeAvailableTime = (date) => {
+			return getAvailableTime(date, props.datetimeRole || "", true);
+		};
+		const parseUserInput = (value) => {
+			if (!value) return null;
+			return dayjs(value, props.format).locale(lang.value);
+		};
+		const formatToString = (value) => {
+			if (!value) return null;
+			return value.format(props.format);
+		};
+		const getDefaultValue = () => {
+			return dayjs(defaultValue).locale(lang.value);
+		};
+		emit("set-picker-option", ["isValidValue", isValidValue]);
+		emit("set-picker-option", ["formatToString", formatToString]);
+		emit("set-picker-option", ["parseUserInput", parseUserInput]);
+		emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
+		emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
+		emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Transition, { name: transitionName.value }, {
+				default: withCtx(() => [_ctx.actualVisible || _ctx.visible ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(unref(ns).b("panel"))
+				}, [createElementVNode("div", { class: normalizeClass([unref(ns).be("panel", "content"), { "has-seconds": showSeconds.value }]) }, [createVNode(basic_time_spinner_default, {
+					ref: "spinner",
+					role: _ctx.datetimeRole || "start",
+					"arrow-control": unref(arrowControl),
+					"show-seconds": showSeconds.value,
+					"am-pm-mode": amPmMode.value,
+					"spinner-date": _ctx.parsedValue,
+					"disabled-hours": unref(disabledHours),
+					"disabled-minutes": unref(disabledMinutes),
+					"disabled-seconds": unref(disabledSeconds),
+					onChange: handleChange,
+					onSetOption: unref(onSetOption),
+					onSelectRange: setSelectionRange
+				}, null, 8, [
+					"role",
+					"arrow-control",
+					"show-seconds",
+					"am-pm-mode",
+					"spinner-date",
+					"disabled-hours",
+					"disabled-minutes",
+					"disabled-seconds",
+					"onSetOption"
+				])], 2), createElementVNode("div", { class: normalizeClass(unref(ns).be("panel", "footer")) }, [createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["cancel", [unref(ns).be("panel", "btn")]]),
+					onClick: handleCancel
+				}, " 取消 ", 2), createElementVNode("button", {
+					type: "button",
+					class: normalizeClass(["confirm", [unref(ns).be("panel", "btn")]]),
+					onClick: _cache[0] || (_cache[0] = ($event) => handleConfirm())
+				}, " 确认 ", 2)], 2)], 2)) : createCommentVNode("v-if", true)]),
+				_: 1
+			}, 8, ["name"]);
+		};
+	}
+});
+//#endregion
+export { panel_time_pick_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/time-picker/time-picker-com/panel-time-range.js

@@ -0,0 +1,5 @@
+import panel_time_range_vue_vue_type_script_setup_true_lang_default from "./panel-time-range.vue_vue_type_script_setup_true_lang.js";
+//#region ../../packages/components/time-picker/time-picker-com/panel-time-range.vue
+var panel_time_range_default = panel_time_range_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { panel_time_range_default as default };

package/es/components/time-picker/time-picker-com/panel-time-range.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,237 @@
+import { useNamespace } from "../../../hooks/use-namespace/index.js";
+import { EVENT_CODE } from "../../../constants/aria.js";
+import { PICKER_BASE_INJECTION_KEY } from "../constants.js";
+import { useTimePanel } from "../composables/use-time-panel.js";
+import { buildAvailableTimeSlotGetter, useOldValue } from "../composables/use-time-picker.js";
+import basic_time_spinner_default from "./basic-time-spinner.js";
+import { panelTimeRangeProps } from "../props/panel-time-range.js";
+import { isArray } from "@vft/utils";
+import { union } from "lodash-es";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, ref, unref } from "vue";
+import dayjs from "dayjs";
+//#region ../../packages/components/time-picker/time-picker-com/panel-time-range.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = ["disabled"];
+var panel_time_range_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "panel-time-range",
+	props: panelTimeRangeProps,
+	emits: [
+		"pick",
+		"select-range",
+		"set-picker-option"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const makeSelectRange = (start, end) => {
+			const result = [];
+			for (let i = start; i <= end; i++) result.push(i);
+			return result;
+		};
+		const lang = ref("zh-cn");
+		const nsTime = useNamespace("time");
+		const nsPicker = useNamespace("picker");
+		const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = inject(PICKER_BASE_INJECTION_KEY).props;
+		const startContainerKls = computed(() => [
+			nsTime.be("range-picker", "body"),
+			nsTime.be("panel", "content"),
+			nsTime.is("arrow", arrowControl),
+			showSeconds.value ? "has-seconds" : ""
+		]);
+		const endContainerKls = computed(() => [
+			nsTime.be("range-picker", "body"),
+			nsTime.be("panel", "content"),
+			nsTime.is("arrow", arrowControl),
+			showSeconds.value ? "has-seconds" : ""
+		]);
+		const startTime = computed(() => props.parsedValue[0]);
+		const endTime = computed(() => props.parsedValue[1]);
+		const oldValue = useOldValue(props);
+		const handleCancel = () => {
+			emit("pick", oldValue.value, false);
+		};
+		const showSeconds = computed(() => {
+			return props.format.includes("ss");
+		});
+		const amPmMode = computed(() => {
+			if (props.format.includes("A")) return "A";
+			if (props.format.includes("a")) return "a";
+			return "";
+		});
+		const handleConfirm = (visible = false) => {
+			emit("pick", [startTime.value, endTime.value], visible);
+		};
+		const handleMinChange = (date) => {
+			handleChange(date.millisecond(0), endTime.value);
+		};
+		const handleMaxChange = (date) => {
+			handleChange(startTime.value, date.millisecond(0));
+		};
+		const isValidValue = (_date) => {
+			const parsedDate = _date.map((_) => dayjs(_).locale(lang.value));
+			const result = getRangeAvailableTime(parsedDate);
+			return parsedDate[0].isSame(result[0]) && parsedDate[1].isSame(result[1]);
+		};
+		const handleChange = (start, end) => {
+			if (!props.visible) return;
+			emit("pick", [start, end], true);
+		};
+		const btnConfirmDisabled = computed(() => {
+			return startTime.value > endTime.value;
+		});
+		const selectionRange = ref([0, 2]);
+		const setMinSelectionRange = (start, end) => {
+			emit("select-range", start, end, "min");
+			selectionRange.value = [start, end];
+		};
+		const offset = computed(() => showSeconds.value ? 11 : 8);
+		const setMaxSelectionRange = (start, end) => {
+			emit("select-range", start, end, "max");
+			const _offset = unref(offset);
+			selectionRange.value = [start + _offset, end + _offset];
+		};
+		const changeSelectionRange = (step) => {
+			const list = showSeconds.value ? [
+				0,
+				3,
+				6,
+				11,
+				14,
+				17
+			] : [
+				0,
+				3,
+				8,
+				11
+			];
+			const mapping = ["hours", "minutes"].concat(showSeconds.value ? ["seconds"] : []);
+			const next = (list.indexOf(selectionRange.value[0]) + step + list.length) % list.length;
+			const half = list.length / 2;
+			if (next < half) timePickerOptions.start_emitSelectRange(mapping[next]);
+			else timePickerOptions.end_emitSelectRange(mapping[next - half]);
+		};
+		const handleKeydown = (event) => {
+			const code = event.code;
+			const { left, right, up, down } = EVENT_CODE;
+			if ([left, right].includes(code)) {
+				changeSelectionRange(code === left ? -1 : 1);
+				event.preventDefault();
+				return;
+			}
+			if ([up, down].includes(code)) {
+				const step = code === up ? -1 : 1;
+				const role = selectionRange.value[0] < offset.value ? "start" : "end";
+				timePickerOptions[`${role}_scrollDown`](step);
+				event.preventDefault();
+			}
+		};
+		const disabledHours_ = (role, compare) => {
+			const defaultDisable = disabledHours ? disabledHours(role) : [];
+			const isStart = role === "start";
+			const compareHour = (compare || (isStart ? endTime.value : startTime.value)).hour();
+			return union(defaultDisable, isStart ? makeSelectRange(compareHour + 1, 23) : makeSelectRange(0, compareHour - 1));
+		};
+		const disabledMinutes_ = (hour, role, compare) => {
+			const defaultDisable = disabledMinutes ? disabledMinutes(hour, role) : [];
+			const isStart = role === "start";
+			const compareDate = compare || (isStart ? endTime.value : startTime.value);
+			if (hour !== compareDate.hour()) return defaultDisable;
+			const compareMinute = compareDate.minute();
+			return union(defaultDisable, isStart ? makeSelectRange(compareMinute + 1, 59) : makeSelectRange(0, compareMinute - 1));
+		};
+		const disabledSeconds_ = (hour, minute, role, compare) => {
+			const defaultDisable = disabledSeconds ? disabledSeconds(hour, minute, role) : [];
+			const isStart = role === "start";
+			const compareDate = compare || (isStart ? endTime.value : startTime.value);
+			const compareHour = compareDate.hour();
+			const compareMinute = compareDate.minute();
+			if (hour !== compareHour || minute !== compareMinute) return defaultDisable;
+			const compareSecond = compareDate.second();
+			return union(defaultDisable, isStart ? makeSelectRange(compareSecond + 1, 59) : makeSelectRange(0, compareSecond - 1));
+		};
+		const getRangeAvailableTime = ([start, end]) => {
+			return [getAvailableTime(start, "start", true, end), getAvailableTime(end, "end", false, start)];
+		};
+		const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours_, disabledMinutes_, disabledSeconds_);
+		const { timePickerOptions, getAvailableTime, onSetOption } = useTimePanel({
+			getAvailableHours,
+			getAvailableMinutes,
+			getAvailableSeconds
+		});
+		const parseUserInput = (days) => {
+			if (!days) return null;
+			if (isArray(days)) return days.map((d) => dayjs(d, props.format).locale(lang.value));
+			return dayjs(days, props.format).locale(lang.value);
+		};
+		const formatToString = (days) => {
+			if (!days) return null;
+			if (isArray(days)) return days.map((d) => d.format(props.format));
+			return days.format(props.format);
+		};
+		const getDefaultValue = () => {
+			if (isArray(defaultValue)) return defaultValue.map((d) => dayjs(d).locale(lang.value));
+			const defaultDay = dayjs(defaultValue).locale(lang.value);
+			return [defaultDay, defaultDay.add(60, "m")];
+		};
+		emit("set-picker-option", ["formatToString", formatToString]);
+		emit("set-picker-option", ["parseUserInput", parseUserInput]);
+		emit("set-picker-option", ["isValidValue", isValidValue]);
+		emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
+		emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
+		emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
+		return (_ctx, _cache) => {
+			return _ctx.actualVisible ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				class: normalizeClass([unref(nsTime).b("range-picker"), unref(nsPicker).b("panel")])
+			}, [createElementVNode("div", { class: normalizeClass(unref(nsTime).be("range-picker", "content")) }, [createElementVNode("div", { class: normalizeClass(unref(nsTime).be("range-picker", "cell")) }, [createElementVNode("div", { class: normalizeClass(unref(nsTime).be("range-picker", "header")) }, "开始时间", 2), createElementVNode("div", { class: normalizeClass(startContainerKls.value) }, [createVNode(basic_time_spinner_default, {
+				ref: "minSpinner",
+				role: "start",
+				"show-seconds": showSeconds.value,
+				"am-pm-mode": amPmMode.value,
+				"arrow-control": unref(arrowControl),
+				"spinner-date": startTime.value,
+				"disabled-hours": disabledHours_,
+				"disabled-minutes": disabledMinutes_,
+				"disabled-seconds": disabledSeconds_,
+				onChange: handleMinChange,
+				onSetOption: unref(onSetOption),
+				onSelectRange: setMinSelectionRange
+			}, null, 8, [
+				"show-seconds",
+				"am-pm-mode",
+				"arrow-control",
+				"spinner-date",
+				"onSetOption"
+			])], 2)], 2), createElementVNode("div", { class: normalizeClass(unref(nsTime).be("range-picker", "cell")) }, [createElementVNode("div", { class: normalizeClass(unref(nsTime).be("range-picker", "header")) }, "结束时间", 2), createElementVNode("div", { class: normalizeClass(endContainerKls.value) }, [createVNode(basic_time_spinner_default, {
+				ref: "maxSpinner",
+				role: "end",
+				"show-seconds": showSeconds.value,
+				"am-pm-mode": amPmMode.value,
+				"arrow-control": unref(arrowControl),
+				"spinner-date": endTime.value,
+				"disabled-hours": disabledHours_,
+				"disabled-minutes": disabledMinutes_,
+				"disabled-seconds": disabledSeconds_,
+				onChange: handleMaxChange,
+				onSetOption: unref(onSetOption),
+				onSelectRange: setMaxSelectionRange
+			}, null, 8, [
+				"show-seconds",
+				"am-pm-mode",
+				"arrow-control",
+				"spinner-date",
+				"onSetOption"
+			])], 2)], 2)], 2), createElementVNode("div", { class: normalizeClass(unref(nsTime).be("panel", "footer")) }, [createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(["cancel", [unref(nsTime).be("panel", "btn")]]),
+				onClick: _cache[0] || (_cache[0] = ($event) => handleCancel())
+			}, " 取消 ", 2), createElementVNode("button", {
+				type: "button",
+				class: normalizeClass(["confirm", [unref(nsTime).be("panel", "btn")]]),
+				disabled: btnConfirmDisabled.value,
+				onClick: _cache[1] || (_cache[1] = ($event) => handleConfirm())
+			}, " 确认 ", 10, _hoisted_1)], 2)], 2)) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+export { panel_time_range_vue_vue_type_script_setup_true_lang_default as default };

package/es/components/time-picker/time-picker.js

@@ -1,64 +1,66 @@
-import { defineComponent as s, ref as p, provide as u, createVNode as t, mergeProps as c } from "vue";
-import d from "dayjs";
-import P from "dayjs/plugin/customParseFormat";
-import { UPDATE_MODEL_EVENT as a } from "../../constants/event.js";
-import { PICKER_POPPER_OPTIONS_INJECTION_KEY as _, DEFAULT_FORMATS_TIME as E } from "./constants.js";
-import O from "./common/picker.vue2.js";
-import T from "./time-picker-com/panel-time-pick.vue2.js";
-import v from "./time-picker-com/panel-time-range.vue2.js";
-import { timePickerDefaultProps as C } from "./common/props.js";
-d.extend(P);
-const y = /* @__PURE__ */ s({
-  name: "VftTimePicker",
-  install: null,
-  props: {
-    ...C,
-    /**
-     * @description whether to pick a time range
-     */
-    isRange: Boolean
-  },
-  emits: [a],
-  setup(o, m) {
-    const e = p(), [n, i] = o.isRange ? ["timerange", v] : ["time", T], l = (r) => m.emit(a, r);
-    return u(_, o.popperOptions), m.expose({
-      /**
-       * @description focus the Input component
-       */
-      focus: () => {
-        e.value?.focus();
-      },
-      /**
-       * @description blur the Input component
-       */
-      blur: () => {
-        e.value?.blur();
-      },
-      /**
-       * @description open the TimePicker popper
-       */
-      handleOpen: () => {
-        e.value?.handleOpen();
-      },
-      /**
-       * @description close the TimePicker popper
-       */
-      handleClose: () => {
-        e.value?.handleClose();
-      }
-    }), () => {
-      const r = o.format ?? E;
-      return t(O, c(o, {
-        ref: e,
-        type: n,
-        format: r,
-        "onUpdate:modelValue": l
-      }), {
-        default: (f) => t(i, f, null)
-      });
-    };
-  }
+import { UPDATE_MODEL_EVENT } from "../../constants/event.js";
+import { PICKER_POPPER_OPTIONS_INJECTION_KEY } from "./constants.js";
+import { timePickerDefaultProps } from "./common/props.js";
+import picker_default from "./common/picker.js";
+import panel_time_pick_default from "./time-picker-com/panel-time-pick.js";
+import panel_time_range_default from "./time-picker-com/panel-time-range.js";
+import { createVNode, defineComponent, mergeProps, provide, ref } from "vue";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+//#region ../../packages/components/time-picker/time-picker.tsx
+dayjs.extend(customParseFormat);
+var time_picker_default = /* @__PURE__ */ defineComponent({
+	name: "VftTimePicker",
+	install: null,
+	props: {
+		...timePickerDefaultProps,
+		/**
+		* @description whether to pick a time range
+		*/
+		isRange: Boolean
+	},
+	emits: [UPDATE_MODEL_EVENT],
+	setup(props, ctx) {
+		const commonPicker = ref();
+		const [type, Panel] = props.isRange ? ["timerange", panel_time_range_default] : ["time", panel_time_pick_default];
+		const modelUpdater = (value) => ctx.emit(UPDATE_MODEL_EVENT, value);
+		provide(PICKER_POPPER_OPTIONS_INJECTION_KEY, props.popperOptions);
+		ctx.expose({
+			/**
+			* @description focus the Input component
+			*/
+			focus: () => {
+				commonPicker.value?.focus();
+			},
+			/**
+			* @description blur the Input component
+			*/
+			blur: () => {
+				commonPicker.value?.blur();
+			},
+			/**
+			* @description open the TimePicker popper
+			*/
+			handleOpen: () => {
+				commonPicker.value?.handleOpen();
+			},
+			/**
+			* @description close the TimePicker popper
+			*/
+			handleClose: () => {
+				commonPicker.value?.handleClose();
+			}
+		});
+		return () => {
+			const format = props.format ?? "HH:mm:ss";
+			return createVNode(picker_default, mergeProps(props, {
+				"ref": commonPicker,
+				"type": type,
+				"format": format,
+				"onUpdate:modelValue": modelUpdater
+			}), { default: (props) => createVNode(Panel, props, null) });
+		};
+	}
 });
-export {
-  y as default
-};
+//#endregion
+export { time_picker_default as default };

package/es/components/time-picker/types.js

@@ -1 +0,0 @@
-

package/es/components/time-picker/utils.js

@@ -1,36 +1,55 @@
-import s from "dayjs";
-import { isArray as i, isEmpty as u } from "@vft/utils";
-import { isDate as c } from "@vue/shared";
-const W = (r, t) => [
-  r > 0 ? r - 1 : void 0,
-  r,
-  r < t ? r + 1 : void 0
-], D = (r) => Array.from(Array.from({ length: r }).keys()), d = (r) => r.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim(), g = (r) => r.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim(), a = function(r, t) {
-  const e = c(r), n = c(t);
-  return e && n ? r.getTime() === t.getTime() : !e && !n ? r === t : !1;
-}, y = function(r, t) {
-  const e = i(r), n = i(t);
-  return e && n ? r.length !== t.length ? !1 : r.every((o, f) => a(o, t[f])) : !e && !n ? a(r, t) : !1;
-}, A = function(r, t, e) {
-  const n = u(t) || t === "x" ? s(r).locale(e) : s(r, t).locale(e);
-  return n.isValid() ? n : void 0;
-}, h = function(r, t, e) {
-  return u(t) ? r : t === "x" ? +r : s(r).locale(e).format(t);
-}, x = (r, t) => {
-  const e = [], n = t?.();
-  for (let o = 0; o < r; o++)
-    e.push(n?.includes(o) ?? !1);
-  return e;
-}, T = (r) => i(r) ? r.map((t) => t.toDate()) : r.toDate();
-export {
-  W as buildTimeList,
-  a as dateEquals,
-  T as dayOrDaysToDate,
-  d as extractDateFormat,
-  g as extractTimeFormat,
-  h as formatter,
-  x as makeList,
-  A as parseDate,
-  D as rangeArr,
-  y as valueEquals
+import { isArray, isEmpty } from "@vft/utils";
+import dayjs from "dayjs";
+import { isDate } from "@vue/shared";
+//#region ../../packages/components/time-picker/utils.ts
+const buildTimeList = (value, bound) => {
+	return [
+		value > 0 ? value - 1 : void 0,
+		value,
+		value < bound ? value + 1 : void 0
+	];
 };
+const rangeArr = (n) => Array.from(Array.from({ length: n }).keys());
+const extractDateFormat = (format) => {
+	return format.replace(/\W?m{1,2}|\W?ZZ/g, "").replace(/\W?h{1,2}|\W?s{1,3}|\W?a/gi, "").trim();
+};
+const extractTimeFormat = (format) => {
+	return format.replace(/\W?D{1,2}|\W?Do|\W?d{1,4}|\W?M{1,4}|\W?Y{2,4}/g, "").trim();
+};
+const dateEquals = function(a, b) {
+	const aIsDate = isDate(a);
+	const bIsDate = isDate(b);
+	if (aIsDate && bIsDate) return a.getTime() === b.getTime();
+	if (!aIsDate && !bIsDate) return a === b;
+	return false;
+};
+const valueEquals = function(a, b) {
+	const aIsArray = isArray(a);
+	const bIsArray = isArray(b);
+	if (aIsArray && bIsArray) {
+		if (a.length !== b.length) return false;
+		return a.every((item, index) => dateEquals(item, b[index]));
+	}
+	if (!aIsArray && !bIsArray) return dateEquals(a, b);
+	return false;
+};
+const parseDate = function(date, format, lang) {
+	const day = isEmpty(format) || format === "x" ? dayjs(date).locale(lang) : dayjs(date, format).locale(lang);
+	return day.isValid() ? day : void 0;
+};
+const formatter = function(date, format, lang) {
+	if (isEmpty(format)) return date;
+	if (format === "x") return +date;
+	return dayjs(date).locale(lang).format(format);
+};
+const makeList = (total, method) => {
+	const arr = [];
+	const disabledArr = method?.();
+	for (let i = 0; i < total; i++) arr.push(disabledArr?.includes(i) ?? false);
+	return arr;
+};
+const dayOrDaysToDate = (dayOrDays) => {
+	return isArray(dayOrDays) ? dayOrDays.map((d) => d.toDate()) : dayOrDays.toDate();
+};
+//#endregion
+export { buildTimeList, dateEquals, dayOrDaysToDate, extractDateFormat, extractTimeFormat, formatter, makeList, parseDate, rangeArr, valueEquals };

package/es/components/time-select/style/css.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/base.css";
+import "../../base/style/css.js";
 import "vft/theme-style/vft-time-select.css";

package/es/components/time-select/style/index.js

@@ -1,2 +1,2 @@
-import "vft/theme-style/src/base.scss";
+import "../../base/style/index.js";
 import "vft/theme-style/src/time-select.scss";