x-sccba 0.1.2 → 0.2.4

package/dist/panel-time-pick-k3EURl6z.js

@@ -1,1505 +0,0 @@
-import { g as getEventCode, E as EVENT_CODE } from "./event-C9lMmKj-.js";
-import { U as UPDATE_MODEL_EVENT, C as CHANGE_EVENT } from "./event-BZTOGHfp.js";
-import { b as isArray, o as dayjs, s as isDate, g as useNamespace, N as NOOP } from "./dayjs.min-DmpOrZt7.js";
-import { d as debugWarn } from "./error-pXqGnBfl.js";
-import { a as useFocusController } from "./index-BBKwqEbU.js";
-import { u as useEmptyValuesProps, a as useEmptyValues } from "./index-fPGkCqrP.js";
-import { E as ElIcon } from "./index-BxgRXNM2.js";
-import { a as useFormDisabled, u as useFormSize } from "./use-form-common-props-DpjF0kFa.js";
-import { u as useFormItem, a as useFormItemInputId } from "./use-form-item-C4JPFSaq.js";
-import { b as Ee, u as useTooltipContentProps, E as ElTooltip } from "./index-DddT7Pi2.js";
-import { E as ElInput } from "./index-BHC019Pu.js";
-import { u as useLocale } from "./index-MQN6yJqm.js";
-import { ref, computed, defineComponent, reactive, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, renderSlot, createElementVNode, mergeProps, useAttrs as useAttrs$1, inject, watch, nextTick, onBeforeUnmount, provide, createBlock, withCtx, withModifiers, createCommentVNode, resolveDynamicComponent, toDisplayString, toValue, onMounted, Fragment, renderList, createTextVNode, withDirectives, createVNode, Transition } from "vue";
-import { i as isEqual } from "./isEqual-oMS3S9A7.js";
-import { a as buildProps, d as definePropType } from "./runtime-CB4FCs2u.js";
-import { a as useSizeProp } from "./index-DnN9GCDs.js";
-import { u as useAriaProps } from "./index-X4EwuhU5.js";
-import { CircleClose, Clock, Calendar, ArrowUp, ArrowDown } from "@element-plus/icons-vue";
-import { u as useAttrs } from "./index-BLz3XP7D.js";
-import { o as onClickOutside, h as unrefElement } from "./index-Ddto6lBh.js";
-import { h as isEmpty, a as isNumber, f as isUndefined } from "./types-C0XFCitV.js";
-import { r as rAF } from "./raf-CkmnBxQx.js";
-import { g as getStyle } from "./style-DRszTUom.js";
-import { E as ElScrollbar } from "./index-BqlsDDYm.js";
-import { v as vRepeatClick } from "./index-DJdUEb-R.js";
-import { d as debounce } from "./debounce-C7MYaEhw.js";
-const timeUnits = [
-  "hours",
-  "minutes",
-  "seconds"
-];
-const PICKER_BASE_INJECTION_KEY = "EP_PICKER_BASE";
-const PICKER_POPPER_OPTIONS_INJECTION_KEY = "ElPopperOptions";
-const ROOT_COMMON_PICKER_INJECTION_KEY = Symbol("commonPickerContextKey");
-const DEFAULT_FORMATS_TIME = "HH:mm:ss";
-const DEFAULT_FORMATS_DATE = "YYYY-MM-DD";
-const DEFAULT_FORMATS_DATEPICKER = {
-  date: DEFAULT_FORMATS_DATE,
-  dates: DEFAULT_FORMATS_DATE,
-  week: "gggg[w]ww",
-  year: "YYYY",
-  years: "YYYY",
-  month: "YYYY-MM",
-  months: "YYYY-MM",
-  datetime: `${DEFAULT_FORMATS_DATE} ${DEFAULT_FORMATS_TIME}`,
-  monthrange: "YYYY-MM",
-  yearrange: "YYYY",
-  daterange: DEFAULT_FORMATS_DATE,
-  datetimerange: `${DEFAULT_FORMATS_DATE} ${DEFAULT_FORMATS_TIME}`
-};
-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 == null ? void 0 : method();
-  for (let i = 0; i < total; i++) arr.push((disabledArr == null ? void 0 : disabledArr.includes(i)) ?? false);
-  return arr;
-};
-const dayOrDaysToDate = (dayOrDays) => {
-  return isArray(dayOrDays) ? dayOrDays.map((d) => d.toDate()) : dayOrDays.toDate();
-};
-const disabledTimeListsProps = buildProps({
-  disabledHours: { type: definePropType(Function) },
-  disabledMinutes: { type: definePropType(Function) },
-  disabledSeconds: { type: definePropType(Function) }
-});
-const timePanelSharedProps = buildProps({
-  visible: Boolean,
-  actualVisible: {
-    type: Boolean,
-    default: void 0
-  },
-  format: {
-    type: String,
-    default: ""
-  }
-});
-const timePickerDefaultProps = buildProps({
-  automaticDropdown: {
-    type: Boolean,
-    default: true
-  },
-  id: { type: definePropType([Array, String]) },
-  name: { type: definePropType([Array, String]) },
-  popperClass: useTooltipContentProps.popperClass,
-  popperStyle: useTooltipContentProps.popperStyle,
-  format: String,
-  valueFormat: String,
-  dateFormat: String,
-  timeFormat: String,
-  type: {
-    type: String,
-    default: ""
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  clearIcon: {
-    type: definePropType([String, Object]),
-    default: CircleClose
-  },
-  editable: {
-    type: Boolean,
-    default: true
-  },
-  saveOnBlur: {
-    type: Boolean,
-    default: true
-  },
-  prefixIcon: {
-    type: definePropType([String, Object]),
-    default: ""
-  },
-  size: useSizeProp,
-  readonly: Boolean,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  placeholder: {
-    type: String,
-    default: ""
-  },
-  popperOptions: {
-    type: definePropType(Object),
-    default: () => ({})
-  },
-  modelValue: {
-    type: definePropType([
-      Date,
-      Array,
-      String,
-      Number
-    ]),
-    default: ""
-  },
-  rangeSeparator: {
-    type: String,
-    default: "-"
-  },
-  startPlaceholder: String,
-  endPlaceholder: String,
-  defaultValue: { type: definePropType([Date, Array]) },
-  defaultTime: { type: definePropType([Date, Array]) },
-  isRange: Boolean,
-  ...disabledTimeListsProps,
-  disabledDate: { type: Function },
-  cellClassName: { type: Function },
-  shortcuts: {
-    type: Array,
-    default: () => []
-  },
-  arrowControl: Boolean,
-  tabindex: {
-    type: definePropType([String, Number]),
-    default: 0
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  unlinkPanels: Boolean,
-  placement: {
-    type: definePropType(String),
-    values: Ee,
-    default: "bottom"
-  },
-  fallbackPlacements: {
-    type: definePropType(Array),
-    default: [
-      "bottom",
-      "top",
-      "right",
-      "left"
-    ]
-  },
-  ...useEmptyValuesProps,
-  ...useAriaProps(["ariaLabel"]),
-  showNow: {
-    type: Boolean,
-    default: true
-  },
-  showConfirm: {
-    type: Boolean,
-    default: true
-  },
-  showFooter: {
-    type: Boolean,
-    default: true
-  },
-  showWeekNumber: Boolean
-});
-const timePickerRangeTriggerProps = buildProps({
-  id: { type: definePropType(Array) },
-  name: { type: definePropType(Array) },
-  modelValue: { type: definePropType([Array, String]) },
-  startPlaceholder: String,
-  endPlaceholder: String,
-  disabled: Boolean
-});
-const useCommonPicker = (props, emit) => {
-  const { lang } = useLocale();
-  const pickerVisible = ref(false);
-  const pickerActualVisible = ref(false);
-  const userInput = ref(null);
-  const valueIsEmpty = computed(() => {
-    const { modelValue } = props;
-    return !modelValue || isArray(modelValue) && !modelValue.filter(Boolean).length;
-  });
-  const emitInput = (input) => {
-    if (!valueEquals(props.modelValue, input)) {
-      let formatted;
-      if (isArray(input)) formatted = input.map((item) => formatter(item, props.valueFormat, lang.value));
-      else if (input) formatted = formatter(input, props.valueFormat, lang.value);
-      emit(UPDATE_MODEL_EVENT, input ? formatted : input, lang.value);
-    }
-  };
-  const parsedValue = computed(() => {
-    let dayOrDays;
-    if (valueIsEmpty.value) {
-      if (pickerOptions.value.getDefaultValue) dayOrDays = pickerOptions.value.getDefaultValue();
-    } else if (isArray(props.modelValue)) dayOrDays = props.modelValue.map((d) => parseDate(d, props.valueFormat, lang.value));
-    else dayOrDays = parseDate(props.modelValue ?? "", props.valueFormat, lang.value);
-    if (pickerOptions.value.getRangeAvailableTime) {
-      const availableResult = pickerOptions.value.getRangeAvailableTime(dayOrDays);
-      if (!isEqual(availableResult, dayOrDays)) {
-        dayOrDays = availableResult;
-        if (!valueIsEmpty.value) emitInput(dayOrDaysToDate(dayOrDays));
-      }
-    }
-    if (isArray(dayOrDays) && dayOrDays.some((day) => !day)) dayOrDays = [];
-    return dayOrDays;
-  });
-  const pickerOptions = ref({});
-  const onSetPickerOption = (e) => {
-    pickerOptions.value[e[0]] = e[1];
-    pickerOptions.value.panelReady = true;
-  };
-  const onCalendarChange = (e) => {
-    emit("calendar-change", e);
-  };
-  const onPanelChange = (value, mode, view) => {
-    emit("panel-change", value, mode, view);
-  };
-  const onPick = (date = "", visible = false) => {
-    pickerVisible.value = visible;
-    let result;
-    if (isArray(date)) result = date.map((_) => _.toDate());
-    else result = date ? date.toDate() : date;
-    userInput.value = null;
-    emitInput(result);
-  };
-  return {
-    parsedValue,
-    pickerActualVisible,
-    pickerOptions,
-    pickerVisible,
-    userInput,
-    valueIsEmpty,
-    emitInput,
-    onCalendarChange,
-    onPanelChange,
-    onPick,
-    onSetPickerOption
-  };
-};
-const _hoisted_1$1 = [
-  "id",
-  "name",
-  "placeholder",
-  "value",
-  "disabled"
-];
-const _hoisted_2$1 = [
-  "id",
-  "name",
-  "placeholder",
-  "value",
-  "disabled"
-];
-var picker_range_trigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "PickerRangeTrigger",
-  inheritAttrs: false,
-  __name: "picker-range-trigger",
-  props: timePickerRangeTriggerProps,
-  emits: [
-    "mouseenter",
-    "mouseleave",
-    "click",
-    "touchstart",
-    "focus",
-    "blur",
-    "startInput",
-    "endInput",
-    "startChange",
-    "endChange"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { formItem } = useFormItem();
-    const { inputId } = useFormItemInputId(reactive({ id: computed(() => {
-      var _a;
-      return (_a = props.id) == null ? void 0 : _a[0];
-    }) }), { formItemContext: formItem });
-    const attrs = useAttrs();
-    const nsDate = useNamespace("date");
-    const nsRange = useNamespace("range");
-    const inputRef = ref();
-    const endInputRef = ref();
-    const { wrapperRef, isFocused } = useFocusController(inputRef, { disabled: computed(() => props.disabled) });
-    const handleClick = (evt) => {
-      emit("click", evt);
-    };
-    const handleMouseEnter = (evt) => {
-      emit("mouseenter", evt);
-    };
-    const handleMouseLeave = (evt) => {
-      emit("mouseleave", evt);
-    };
-    const handleTouchStart = (evt) => {
-      emit("touchstart", evt);
-    };
-    const handleStartInput = (evt) => {
-      emit("startInput", evt);
-    };
-    const handleEndInput = (evt) => {
-      emit("endInput", evt);
-    };
-    const handleStartChange = (evt) => {
-      emit("startChange", evt);
-    };
-    const handleEndChange = (evt) => {
-      emit("endChange", evt);
-    };
-    const focus = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus();
-    };
-    const blur = () => {
-      var _a, _b;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-      (_b = endInputRef.value) == null ? void 0 : _b.blur();
-    };
-    __expose({
-      focus,
-      blur
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "wrapperRef",
-        ref: wrapperRef,
-        class: normalizeClass([unref(nsDate).is("active", unref(isFocused)), _ctx.$attrs.class]),
-        style: normalizeStyle(_ctx.$attrs.style),
-        onClick: handleClick,
-        onMouseenter: handleMouseEnter,
-        onMouseleave: handleMouseLeave,
-        onTouchstartPassive: handleTouchStart
-      }, [
-        renderSlot(_ctx.$slots, "prefix"),
-        createElementVNode("input", mergeProps(unref(attrs), {
-          id: unref(inputId),
-          ref_key: "inputRef",
-          ref: inputRef,
-          name: _ctx.name && _ctx.name[0],
-          placeholder: _ctx.startPlaceholder,
-          value: _ctx.modelValue && _ctx.modelValue[0],
-          class: unref(nsRange).b("input"),
-          disabled: _ctx.disabled,
-          onInput: handleStartInput,
-          onChange: handleStartChange
-        }), null, 16, _hoisted_1$1),
-        renderSlot(_ctx.$slots, "range-separator"),
-        createElementVNode("input", mergeProps(unref(attrs), {
-          id: _ctx.id && _ctx.id[1],
-          ref_key: "endInputRef",
-          ref: endInputRef,
-          name: _ctx.name && _ctx.name[1],
-          placeholder: _ctx.endPlaceholder,
-          value: _ctx.modelValue && _ctx.modelValue[1],
-          class: unref(nsRange).b("input"),
-          disabled: _ctx.disabled,
-          onInput: handleEndInput,
-          onChange: handleEndChange
-        }), null, 16, _hoisted_2$1),
-        renderSlot(_ctx.$slots, "suffix")
-      ], 38);
-    };
-  }
-});
-var picker_range_trigger_default = picker_range_trigger_vue_vue_type_script_setup_true_lang_default;
-var picker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  name: "Picker",
-  __name: "picker",
-  props: timePickerDefaultProps,
-  emits: [
-    UPDATE_MODEL_EVENT,
-    CHANGE_EVENT,
-    "focus",
-    "blur",
-    "clear",
-    "calendar-change",
-    "panel-change",
-    "visible-change",
-    "keydown"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs$1();
-    const nsDate = useNamespace("date");
-    const nsInput = useNamespace("input");
-    const nsRange = useNamespace("range");
-    const { formItem } = useFormItem();
-    const elPopperOptions = inject(PICKER_POPPER_OPTIONS_INJECTION_KEY, {});
-    const emptyValues = useEmptyValues(props, null);
-    const refPopper = ref();
-    const inputRef = ref();
-    const valueOnOpen = ref(null);
-    let hasJustTabExitedInput = false;
-    const pickerDisabled = useFormDisabled();
-    const commonPicker = useCommonPicker(props, emit);
-    const { parsedValue, pickerActualVisible, userInput, pickerVisible, pickerOptions, valueIsEmpty, emitInput, onPick, onSetPickerOption, onCalendarChange, onPanelChange } = commonPicker;
-    const { isFocused, handleFocus, handleBlur } = useFocusController(inputRef, {
-      disabled: pickerDisabled,
-      beforeFocus() {
-        return props.readonly;
-      },
-      afterFocus() {
-        if (!props.automaticDropdown) return;
-        pickerVisible.value = true;
-      },
-      beforeBlur(event) {
-        var _a;
-        return !hasJustTabExitedInput && ((_a = refPopper.value) == null ? void 0 : _a.isFocusInsideContent(event));
-      },
-      afterBlur() {
-        var _a, _b;
-        if (isTimePicker.value && !props.saveOnBlur) {
-          if (!valueIsEmpty.value) (_b = (_a = pickerOptions.value).handleCancel) == null ? void 0 : _b.call(_a);
-        } else handleChange();
-        pickerVisible.value = false;
-        hasJustTabExitedInput = false;
-        props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn(err)));
-      }
-    });
-    const hovering = ref(false);
-    const rangeInputKls = computed(() => [
-      nsDate.b("editor"),
-      nsDate.bm("editor", props.type),
-      nsInput.e("wrapper"),
-      nsDate.is("disabled", pickerDisabled.value),
-      nsDate.is("active", pickerVisible.value),
-      nsRange.b("editor"),
-      pickerSize ? nsRange.bm("editor", pickerSize.value) : "",
-      attrs.class
-    ]);
-    const clearIconKls = computed(() => [
-      nsInput.e("icon"),
-      nsRange.e("close-icon"),
-      !showClearBtn.value ? nsRange.em("close-icon", "hidden") : ""
-    ]);
-    watch(pickerVisible, (val) => {
-      if (!val) {
-        userInput.value = null;
-        nextTick(() => {
-          emitChange(props.modelValue);
-        });
-      } else nextTick(() => {
-        if (val) valueOnOpen.value = props.modelValue;
-      });
-    });
-    const emitChange = (val, isClear) => {
-      if (isClear || !valueEquals(val, valueOnOpen.value)) {
-        emit(CHANGE_EVENT, val);
-        isClear && (valueOnOpen.value = val);
-        props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err)));
-      }
-    };
-    const emitKeydown = (e) => {
-      emit("keydown", e);
-    };
-    const refInput = computed(() => {
-      if (inputRef.value) return Array.from(inputRef.value.$el.querySelectorAll("input"));
-      return [];
-    });
-    const setSelectionRange = (start, end, pos) => {
-      const _inputs = refInput.value;
-      if (!_inputs.length) return;
-      if (!pos || pos === "min") {
-        _inputs[0].setSelectionRange(start, end);
-        _inputs[0].focus();
-      } else if (pos === "max") {
-        _inputs[1].setSelectionRange(start, end);
-        _inputs[1].focus();
-      }
-    };
-    const onBeforeShow = () => {
-      pickerActualVisible.value = true;
-    };
-    const onShow = () => {
-      emit("visible-change", true);
-    };
-    const onHide = () => {
-      pickerActualVisible.value = false;
-      pickerVisible.value = false;
-      emit("visible-change", false);
-    };
-    const handleOpen = () => {
-      pickerVisible.value = true;
-    };
-    const handleClose = () => {
-      pickerVisible.value = false;
-    };
-    const displayValue = computed(() => {
-      const formattedValue = formatToString(parsedValue.value);
-      if (isArray(userInput.value)) return [userInput.value[0] || formattedValue && formattedValue[0] || "", userInput.value[1] || formattedValue && formattedValue[1] || ""];
-      else if (userInput.value !== null) return userInput.value;
-      if (isTimePicker.value && valueIsEmpty.value && !props.saveOnBlur) return "";
-      if (!isTimePicker.value && valueIsEmpty.value) return "";
-      if (!pickerVisible.value && valueIsEmpty.value) return "";
-      if (formattedValue) return isDatesPicker.value || isMonthsPicker.value || isYearsPicker.value ? formattedValue.join(", ") : formattedValue;
-      return "";
-    });
-    const isTimeLikePicker = computed(() => props.type.includes("time"));
-    const isTimePicker = computed(() => props.type.startsWith("time"));
-    const isDatesPicker = computed(() => props.type === "dates");
-    const isMonthsPicker = computed(() => props.type === "months");
-    const isYearsPicker = computed(() => props.type === "years");
-    const triggerIcon = computed(() => props.prefixIcon || (isTimeLikePicker.value ? Clock : Calendar));
-    const showClearBtn = computed(() => props.clearable && !pickerDisabled.value && !props.readonly && !valueIsEmpty.value && (hovering.value || isFocused.value));
-    const onClear = (event) => {
-      if (props.readonly || pickerDisabled.value) return;
-      if (showClearBtn.value) {
-        event == null ? void 0 : event.stopPropagation();
-        if (pickerOptions.value.handleClear) pickerOptions.value.handleClear();
-        else emitInput(emptyValues.valueOnClear.value);
-        emitChange(emptyValues.valueOnClear.value, true);
-        onHide();
-      }
-      emit("clear");
-    };
-    const onMouseDownInput = async (event) => {
-      var _a;
-      if (props.readonly || pickerDisabled.value) return;
-      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value || !props.automaticDropdown) pickerVisible.value = true;
-    };
-    const onMouseEnter = () => {
-      if (props.readonly || pickerDisabled.value) return;
-      if (!valueIsEmpty.value && props.clearable) hovering.value = true;
-    };
-    const onMouseLeave = () => {
-      hovering.value = false;
-    };
-    const onTouchStartInput = (event) => {
-      var _a;
-      if (props.readonly || pickerDisabled.value) return;
-      if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT" || isFocused.value || !props.automaticDropdown) pickerVisible.value = true;
-    };
-    const isRangeInput = computed(() => {
-      return props.type.includes("range");
-    });
-    const pickerSize = useFormSize();
-    const popperEl = computed(() => {
-      var _a, _b;
-      return (_b = (_a = unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
-    });
-    const stophandle = onClickOutside(inputRef, (e) => {
-      const unrefedPopperEl = unref(popperEl);
-      const inputEl = unrefElement(inputRef);
-      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || inputEl && e.composedPath().includes(inputEl)) return;
-      pickerVisible.value = false;
-    });
-    onBeforeUnmount(() => {
-      stophandle == null ? void 0 : stophandle();
-    });
-    const handleChange = () => {
-      if (isTimePicker.value && !props.saveOnBlur) return;
-      if (userInput.value) {
-        const value = parseUserInputToDayjs(displayValue.value);
-        if (value) {
-          if (isValidValue(value)) emitInput(dayOrDaysToDate(value));
-          userInput.value = null;
-        }
-      }
-      if (userInput.value === "") {
-        emitInput(emptyValues.valueOnClear.value);
-        emitChange(emptyValues.valueOnClear.value, true);
-        userInput.value = null;
-      }
-    };
-    const parseUserInputToDayjs = (value) => {
-      if (!value) return null;
-      return pickerOptions.value.parseUserInput(value);
-    };
-    const formatToString = (value) => {
-      if (!value) return null;
-      return isArray(value) ? value.map((_) => _.format(props.format)) : value.format(props.format);
-    };
-    const isValidValue = (value) => {
-      return pickerOptions.value.isValidValue(value);
-    };
-    const handleKeydownInput = async (event) => {
-      if (props.readonly || pickerDisabled.value) return;
-      const code = getEventCode(event);
-      emitKeydown(event);
-      if (code === EVENT_CODE.esc) {
-        if (pickerVisible.value === true) {
-          pickerVisible.value = false;
-          event.preventDefault();
-          event.stopPropagation();
-        }
-        return;
-      }
-      if (code === EVENT_CODE.down) {
-        if (pickerOptions.value.handleFocusPicker) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-        if (pickerVisible.value === false) {
-          pickerVisible.value = true;
-          await nextTick();
-        }
-        if (pickerOptions.value.handleFocusPicker) {
-          pickerOptions.value.handleFocusPicker();
-          return;
-        }
-      }
-      if (code === EVENT_CODE.tab) {
-        hasJustTabExitedInput = true;
-        return;
-      }
-      if (code === EVENT_CODE.enter || code === EVENT_CODE.numpadEnter) {
-        if (!pickerVisible.value) pickerVisible.value = true;
-        else if (userInput.value === null || userInput.value === "" || isValidValue(parseUserInputToDayjs(displayValue.value))) {
-          handleChange();
-          pickerVisible.value = false;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        return;
-      }
-      if (userInput.value) {
-        event.stopPropagation();
-        return;
-      }
-      if (pickerOptions.value.handleKeydownInput) pickerOptions.value.handleKeydownInput(event);
-    };
-    const onUserInput = (e) => {
-      userInput.value = e;
-      if (!pickerVisible.value) pickerVisible.value = true;
-    };
-    const handleStartInput = (event) => {
-      const target = event.target;
-      if (userInput.value) userInput.value = [target.value, userInput.value[1]];
-      else userInput.value = [target.value, null];
-    };
-    const handleEndInput = (event) => {
-      const target = event.target;
-      if (userInput.value) userInput.value = [userInput.value[0], target.value];
-      else userInput.value = [null, target.value];
-    };
-    const handleStartChange = () => {
-      var _a;
-      const values = userInput.value;
-      const value = parseUserInputToDayjs(values && values[0]);
-      const parsedVal = unref(parsedValue);
-      if (value && value.isValid()) {
-        userInput.value = [formatToString(value), ((_a = displayValue.value) == null ? void 0 : _a[1]) || null];
-        const newValue = [value, parsedVal && (parsedVal[1] || null)];
-        if (isValidValue(newValue)) {
-          emitInput(dayOrDaysToDate(newValue));
-          userInput.value = null;
-        }
-      }
-    };
-    const handleEndChange = () => {
-      var _a;
-      const values = unref(userInput);
-      const value = parseUserInputToDayjs(values && values[1]);
-      const parsedVal = unref(parsedValue);
-      if (value && value.isValid()) {
-        userInput.value = [((_a = unref(displayValue)) == null ? void 0 : _a[0]) || null, formatToString(value)];
-        const newValue = [parsedVal && parsedVal[0], value];
-        if (isValidValue(newValue)) {
-          emitInput(dayOrDaysToDate(newValue));
-          userInput.value = null;
-        }
-      }
-    };
-    const focus = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus();
-    };
-    const blur = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-    };
-    provide(PICKER_BASE_INJECTION_KEY, {
-      props,
-      emptyValues
-    });
-    provide(ROOT_COMMON_PICKER_INJECTION_KEY, commonPicker);
-    __expose({
-      focus,
-      blur,
-      handleOpen,
-      handleClose,
-      onPick
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), mergeProps({
-        ref_key: "refPopper",
-        ref: refPopper,
-        visible: unref(pickerVisible),
-        effect: "light",
-        pure: "",
-        trigger: "click"
-      }, _ctx.$attrs, {
-        role: "dialog",
-        teleported: "",
-        transition: `${unref(nsDate).namespace.value}-zoom-in-top`,
-        "popper-class": [`${unref(nsDate).namespace.value}-picker__popper`, _ctx.popperClass],
-        "popper-style": _ctx.popperStyle,
-        "popper-options": unref(elPopperOptions),
-        "fallback-placements": _ctx.fallbackPlacements,
-        "gpu-acceleration": false,
-        placement: _ctx.placement,
-        "stop-popper-mouse-event": false,
-        "hide-after": 0,
-        persistent: "",
-        onBeforeShow,
-        onShow,
-        onHide
-      }), {
-        default: withCtx(() => [!isRangeInput.value ? (openBlock(), createBlock(unref(ElInput), {
-          key: 0,
-          id: _ctx.id,
-          ref_key: "inputRef",
-          ref: inputRef,
-          "container-role": "combobox",
-          "model-value": displayValue.value,
-          name: _ctx.name,
-          size: unref(pickerSize),
-          disabled: unref(pickerDisabled),
-          placeholder: _ctx.placeholder,
-          class: normalizeClass([
-            unref(nsDate).b("editor"),
-            unref(nsDate).bm("editor", _ctx.type),
-            unref(nsDate).is("focus", unref(pickerVisible)),
-            _ctx.$attrs.class
-          ]),
-          style: normalizeStyle(_ctx.$attrs.style),
-          readonly: !_ctx.editable || _ctx.readonly || isDatesPicker.value || isMonthsPicker.value || isYearsPicker.value || _ctx.type === "week",
-          "aria-label": _ctx.ariaLabel,
-          tabindex: _ctx.tabindex,
-          "validate-event": false,
-          onInput: onUserInput,
-          onFocus: unref(handleFocus),
-          onBlur: unref(handleBlur),
-          onKeydown: handleKeydownInput,
-          onChange: handleChange,
-          onMousedown: onMouseDownInput,
-          onMouseenter: onMouseEnter,
-          onMouseleave: onMouseLeave,
-          onTouchstartPassive: onTouchStartInput,
-          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
-          }, ["stop"]))
-        }, {
-          prefix: withCtx(() => [triggerIcon.value ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass(unref(nsInput).e("icon")),
-            onMousedown: withModifiers(onMouseDownInput, ["prevent"]),
-            onTouchstartPassive: onTouchStartInput
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(triggerIcon.value)))]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true)]),
-          suffix: withCtx(() => [showClearBtn.value && _ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass(`${unref(nsInput).e("icon")} clear-icon`),
-            onMousedown: withModifiers(unref(NOOP), ["prevent"]),
-            onClick: onClear
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))]),
-            _: 1
-          }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)]),
-          _: 1
-        }, 8, [
-          "id",
-          "model-value",
-          "name",
-          "size",
-          "disabled",
-          "placeholder",
-          "class",
-          "style",
-          "readonly",
-          "aria-label",
-          "tabindex",
-          "onFocus",
-          "onBlur"
-        ])) : (openBlock(), createBlock(picker_range_trigger_default, {
-          key: 1,
-          id: _ctx.id,
-          ref_key: "inputRef",
-          ref: inputRef,
-          "model-value": displayValue.value,
-          name: _ctx.name,
-          disabled: unref(pickerDisabled),
-          readonly: !_ctx.editable || _ctx.readonly,
-          "start-placeholder": _ctx.startPlaceholder,
-          "end-placeholder": _ctx.endPlaceholder,
-          class: normalizeClass(rangeInputKls.value),
-          style: normalizeStyle(_ctx.$attrs.style),
-          "aria-label": _ctx.ariaLabel,
-          tabindex: _ctx.tabindex,
-          autocomplete: "off",
-          role: "combobox",
-          onClick: onMouseDownInput,
-          onFocus: unref(handleFocus),
-          onBlur: unref(handleBlur),
-          onStartInput: handleStartInput,
-          onStartChange: handleStartChange,
-          onEndInput: handleEndInput,
-          onEndChange: handleEndChange,
-          onMousedown: onMouseDownInput,
-          onMouseenter: onMouseEnter,
-          onMouseleave: onMouseLeave,
-          onTouchstartPassive: onTouchStartInput,
-          onKeydown: handleKeydownInput
-        }, {
-          prefix: withCtx(() => [triggerIcon.value ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass([unref(nsInput).e("icon"), unref(nsRange).e("icon")])
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(triggerIcon.value)))]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("v-if", true)]),
-          "range-separator": withCtx(() => [renderSlot(_ctx.$slots, "range-separator", {}, () => [createElementVNode("span", { class: normalizeClass(unref(nsRange).b("separator")) }, toDisplayString(_ctx.rangeSeparator), 3)])]),
-          suffix: withCtx(() => [_ctx.clearIcon ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass(clearIconKls.value),
-            onMousedown: withModifiers(unref(NOOP), ["prevent"]),
-            onClick: onClear
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))]),
-            _: 1
-          }, 8, ["class", "onMousedown"])) : createCommentVNode("v-if", true)]),
-          _: 3
-        }, 8, [
-          "id",
-          "model-value",
-          "name",
-          "disabled",
-          "readonly",
-          "start-placeholder",
-          "end-placeholder",
-          "class",
-          "style",
-          "aria-label",
-          "tabindex",
-          "onFocus",
-          "onBlur"
-        ]))]),
-        content: withCtx(() => [renderSlot(_ctx.$slots, "default", {
-          visible: unref(pickerVisible),
-          actualVisible: unref(pickerActualVisible),
-          parsedValue: unref(parsedValue),
-          format: _ctx.format,
-          dateFormat: _ctx.dateFormat,
-          timeFormat: _ctx.timeFormat,
-          unlinkPanels: _ctx.unlinkPanels,
-          type: _ctx.type,
-          defaultValue: _ctx.defaultValue,
-          showNow: _ctx.showNow,
-          showConfirm: _ctx.showConfirm,
-          showFooter: _ctx.showFooter,
-          showWeekNumber: _ctx.showWeekNumber,
-          onPick: _cache[1] || (_cache[1] = (...args) => unref(onPick) && unref(onPick)(...args)),
-          onSelectRange: setSelectionRange,
-          onSetPickerOption: _cache[2] || (_cache[2] = (...args) => unref(onSetPickerOption) && unref(onSetPickerOption)(...args)),
-          onCalendarChange: _cache[3] || (_cache[3] = (...args) => unref(onCalendarChange) && unref(onCalendarChange)(...args)),
-          onClear,
-          onPanelChange: _cache[4] || (_cache[4] = (...args) => unref(onPanelChange) && unref(onPanelChange)(...args)),
-          onMousedown: _cache[5] || (_cache[5] = withModifiers(() => {
-          }, ["stop"]))
-        })]),
-        _: 3
-      }, 16, [
-        "visible",
-        "transition",
-        "popper-class",
-        "popper-style",
-        "popper-options",
-        "fallback-placements",
-        "placement"
-      ]);
-    };
-  }
-});
-var picker_default = picker_vue_vue_type_script_setup_true_lang_default;
-const panelTimePickerProps = buildProps({
-  ...timePanelSharedProps,
-  datetimeRole: String,
-  parsedValue: { type: definePropType(Object) }
-});
-const useTimePanel = ({ getAvailableHours, getAvailableMinutes, getAvailableSeconds }) => {
-  const getAvailableTime = (date, role, first, compareDate) => {
-    const availableTimeGetters = {
-      hour: getAvailableHours,
-      minute: getAvailableMinutes,
-      second: getAvailableSeconds
-    };
-    let result = date;
-    [
-      "hour",
-      "minute",
-      "second"
-    ].forEach((type) => {
-      if (availableTimeGetters[type]) {
-        let availableTimeSlots;
-        const method = availableTimeGetters[type];
-        switch (type) {
-          case "minute":
-            availableTimeSlots = method(result.hour(), role, compareDate);
-            break;
-          case "second":
-            availableTimeSlots = method(result.hour(), result.minute(), role, compareDate);
-            break;
-          default:
-            availableTimeSlots = method(role, compareDate);
-            break;
-        }
-        if ((availableTimeSlots == null ? void 0 : availableTimeSlots.length) && !availableTimeSlots.includes(result[type]())) {
-          const pos = first ? 0 : availableTimeSlots.length - 1;
-          result = result[type](availableTimeSlots[pos]);
-        }
-      }
-    });
-    return result;
-  };
-  const timePickerOptions = {};
-  const onSetOption = ([key, val]) => {
-    timePickerOptions[key] = val;
-  };
-  return {
-    timePickerOptions,
-    getAvailableTime,
-    onSetOption
-  };
-};
-const makeAvailableArr = (disabledList) => {
-  const trueOrNumber = (isDisabled, index) => isDisabled || index;
-  const getNumber = (predicate) => predicate !== true;
-  return disabledList.map(trueOrNumber).filter(getNumber);
-};
-const getTimeLists = (disabledHours, disabledMinutes, disabledSeconds) => {
-  const getHoursList = (role, compare) => {
-    return makeList(24, disabledHours && (() => disabledHours == null ? void 0 : disabledHours(role, compare)));
-  };
-  const getMinutesList = (hour, role, compare) => {
-    return makeList(60, disabledMinutes && (() => disabledMinutes == null ? void 0 : disabledMinutes(hour, role, compare)));
-  };
-  const getSecondsList = (hour, minute, role, compare) => {
-    return makeList(60, disabledSeconds && (() => disabledSeconds == null ? void 0 : disabledSeconds(hour, minute, role, compare)));
-  };
-  return {
-    getHoursList,
-    getMinutesList,
-    getSecondsList
-  };
-};
-const buildAvailableTimeSlotGetter = (disabledHours, disabledMinutes, disabledSeconds) => {
-  const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(disabledHours, disabledMinutes, disabledSeconds);
-  const getAvailableHours = (role, compare) => {
-    return makeAvailableArr(getHoursList(role, compare));
-  };
-  const getAvailableMinutes = (hour, role, compare) => {
-    return makeAvailableArr(getMinutesList(hour, role, compare));
-  };
-  const getAvailableSeconds = (hour, minute, role, compare) => {
-    return makeAvailableArr(getSecondsList(hour, minute, role, compare));
-  };
-  return {
-    getAvailableHours,
-    getAvailableMinutes,
-    getAvailableSeconds
-  };
-};
-const useOldValue = (props, options) => {
-  const oldValue = ref(props.parsedValue);
-  watch(() => props.visible, (val) => {
-    const modelValue = toValue(options.modelValue);
-    const valueOnClear = toValue(options.valueOnClear);
-    if (val && modelValue === valueOnClear) {
-      oldValue.value = valueOnClear;
-      return;
-    }
-    if (!val) oldValue.value = props.parsedValue;
-  });
-  return oldValue;
-};
-const basicTimeSpinnerProps = buildProps({
-  role: {
-    type: String,
-    required: true
-  },
-  spinnerDate: {
-    type: definePropType(Object),
-    required: true
-  },
-  showSeconds: {
-    type: Boolean,
-    default: true
-  },
-  arrowControl: Boolean,
-  amPmMode: {
-    type: definePropType(String),
-    default: ""
-  },
-  ...disabledTimeListsProps
-});
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["onMouseenter"];
-var basic_time_spinner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "basic-time-spinner",
-  props: basicTimeSpinnerProps,
-  emits: [
-    CHANGE_EVENT,
-    "select-range",
-    "set-option"
-  ],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const { isRange, format, saveOnBlur } = inject(PICKER_BASE_INJECTION_KEY).props;
-    const emit = __emit;
-    const ns = useNamespace("time");
-    const { getHoursList, getMinutesList, getSecondsList } = getTimeLists(props.disabledHours, props.disabledMinutes, props.disabledSeconds);
-    let isScrolling = false;
-    const ignoreScroll = {
-      hours: false,
-      minutes: false,
-      seconds: false
-    };
-    const currentScrollbar = ref();
-    const listRefsMap = {
-      hours: ref(),
-      minutes: ref(),
-      seconds: ref()
-    };
-    const spinnerItems = computed(() => {
-      return props.showSeconds ? timeUnits : timeUnits.slice(0, 2);
-    });
-    const timePartials = computed(() => {
-      const { spinnerDate } = props;
-      return {
-        hours: spinnerDate.hour(),
-        minutes: spinnerDate.minute(),
-        seconds: spinnerDate.second()
-      };
-    });
-    const timeList = computed(() => {
-      const { hours, minutes } = unref(timePartials);
-      const { role, spinnerDate } = props;
-      const compare = !isRange ? spinnerDate : void 0;
-      return {
-        hours: getHoursList(role, compare),
-        minutes: getMinutesList(hours, role, compare),
-        seconds: getSecondsList(hours, minutes, role, compare)
-      };
-    });
-    const arrowControlTimeList = computed(() => {
-      const { hours, minutes, seconds } = unref(timePartials);
-      return {
-        hours: buildTimeList(hours, 23),
-        minutes: buildTimeList(minutes, 59),
-        seconds: buildTimeList(seconds, 59)
-      };
-    });
-    const debouncedResetScroll = debounce((type) => {
-      isScrolling = false;
-      adjustCurrentSpinner(type);
-    }, 200);
-    const getAmPmFlag = (hour) => {
-      if (!!!props.amPmMode) return "";
-      const isCapital = props.amPmMode === "A";
-      let content = hour < 12 ? " am" : " pm";
-      if (isCapital) content = content.toUpperCase();
-      return content;
-    };
-    const emitSelectRange = (type) => {
-      let range = [0, 0];
-      const actualFormat = format || DEFAULT_FORMATS_TIME;
-      const hourIndex = actualFormat.indexOf("HH");
-      const minuteIndex = actualFormat.indexOf("mm");
-      const secondIndex = actualFormat.indexOf("ss");
-      switch (type) {
-        case "hours":
-          if (hourIndex !== -1) range = [hourIndex, hourIndex + 2];
-          break;
-        case "minutes":
-          if (minuteIndex !== -1) range = [minuteIndex, minuteIndex + 2];
-          break;
-        case "seconds":
-          if (secondIndex !== -1) range = [secondIndex, secondIndex + 2];
-          break;
-      }
-      const [left, right] = range;
-      emit("select-range", left, right);
-      currentScrollbar.value = type;
-    };
-    const adjustCurrentSpinner = (type) => {
-      adjustSpinner(type, unref(timePartials)[type]);
-    };
-    const adjustSpinners = () => {
-      adjustCurrentSpinner("hours");
-      adjustCurrentSpinner("minutes");
-      adjustCurrentSpinner("seconds");
-    };
-    const getScrollbarElement = (el) => el.querySelector(`.${ns.namespace.value}-scrollbar__wrap`);
-    const adjustSpinner = (type, value) => {
-      if (props.arrowControl) return;
-      const scrollbar = unref(listRefsMap[type]);
-      if (scrollbar && scrollbar.$el) {
-        if (!saveOnBlur) {
-          ignoreScroll[type] = true;
-          rAF(() => {
-            ignoreScroll[type] = false;
-          });
-        }
-        getScrollbarElement(scrollbar.$el).scrollTop = Math.max(0, value * typeItemHeight(type));
-      }
-    };
-    const typeItemHeight = (type) => {
-      var _a;
-      const listItem = (_a = unref(listRefsMap[type])) == null ? void 0 : _a.$el.querySelector("li");
-      if (listItem) return Number.parseFloat(getStyle(listItem, "height")) || 0;
-      return 0;
-    };
-    const onIncrement = () => {
-      scrollDown(1);
-    };
-    const onDecrement = () => {
-      scrollDown(-1);
-    };
-    const scrollDown = (step) => {
-      if (!currentScrollbar.value) emitSelectRange("hours");
-      const label = currentScrollbar.value;
-      const now = unref(timePartials)[label];
-      const next = findNextUnDisabled(label, now, step, currentScrollbar.value === "hours" ? 24 : 60);
-      modifyDateField(label, next);
-      adjustSpinner(label, next);
-      nextTick(() => emitSelectRange(label));
-    };
-    const findNextUnDisabled = (type, now, step, total) => {
-      let next = (now + step + total) % total;
-      const list = unref(timeList)[type];
-      while (list[next] && next !== now) next = (next + step + total) % total;
-      return next;
-    };
-    const modifyDateField = (type, value) => {
-      if (unref(timeList)[type][value]) return;
-      const { hours, minutes, seconds } = unref(timePartials);
-      let changeTo;
-      switch (type) {
-        case "hours":
-          changeTo = props.spinnerDate.hour(value).minute(minutes).second(seconds);
-          break;
-        case "minutes":
-          changeTo = props.spinnerDate.hour(hours).minute(value).second(seconds);
-          break;
-        case "seconds":
-          changeTo = props.spinnerDate.hour(hours).minute(minutes).second(value);
-          break;
-      }
-      emit(CHANGE_EVENT, changeTo);
-    };
-    const handleClick = (type, { value, disabled }) => {
-      if (!disabled) {
-        modifyDateField(type, value);
-        emitSelectRange(type);
-        adjustSpinner(type, value);
-      }
-    };
-    const handleScroll = (type) => {
-      if (!saveOnBlur && ignoreScroll[type]) return;
-      const scrollbar = unref(listRefsMap[type]);
-      if (!scrollbar) return;
-      isScrolling = true;
-      debouncedResetScroll(type);
-      modifyDateField(type, Math.min(Math.round((getScrollbarElement(scrollbar.$el).scrollTop - (scrollBarHeight(type) * 0.5 - 10) / typeItemHeight(type) + 3) / typeItemHeight(type)), type === "hours" ? 23 : 59));
-    };
-    const scrollBarHeight = (type) => {
-      return unref(listRefsMap[type]).$el.offsetHeight;
-    };
-    const bindScrollEvent = () => {
-      const bindFunction = (type) => {
-        const scrollbar = unref(listRefsMap[type]);
-        if (scrollbar && scrollbar.$el) getScrollbarElement(scrollbar.$el).onscroll = () => {
-          handleScroll(type);
-        };
-      };
-      bindFunction("hours");
-      bindFunction("minutes");
-      bindFunction("seconds");
-    };
-    onMounted(() => {
-      nextTick(() => {
-        !props.arrowControl && bindScrollEvent();
-        adjustSpinners();
-        if (props.role === "start") emitSelectRange("hours");
-      });
-    });
-    const setRef = (scrollbar, type) => {
-      listRefsMap[type].value = scrollbar ?? void 0;
-    };
-    emit("set-option", [`${props.role}_scrollDown`, scrollDown]);
-    emit("set-option", [`${props.role}_emitSelectRange`, emitSelectRange]);
-    watch(() => props.spinnerDate, () => {
-      if (isScrolling) return;
-      adjustSpinners();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", { class: normalizeClass([unref(ns).b("spinner"), { "has-seconds": _ctx.showSeconds }]) }, [!_ctx.arrowControl ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(spinnerItems.value, (item) => {
-        return openBlock(), createBlock(unref(ElScrollbar), {
-          key: item,
-          ref_for: true,
-          ref: (scrollbar) => setRef(scrollbar, item),
-          class: normalizeClass(unref(ns).be("spinner", "wrapper")),
-          "wrap-style": "max-height: inherit;",
-          "view-class": unref(ns).be("spinner", "list"),
-          noresize: "",
-          tag: "ul",
-          onMouseenter: ($event) => emitSelectRange(item),
-          onMousemove: ($event) => adjustCurrentSpinner(item)
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(timeList.value[item], (disabled, key) => {
-            return openBlock(), createElementBlock("li", {
-              key,
-              class: normalizeClass([
-                unref(ns).be("spinner", "item"),
-                unref(ns).is("active", key === timePartials.value[item]),
-                unref(ns).is("disabled", disabled)
-              ]),
-              onClick: ($event) => handleClick(item, {
-                value: key,
-                disabled
-              })
-            }, [item === "hours" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(("0" + (_ctx.amPmMode ? key % 12 || 12 : key)).slice(-2)) + toDisplayString(getAmPmFlag(key)), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(("0" + key).slice(-2)), 1)], 64))], 10, _hoisted_1);
-          }), 128))]),
-          _: 2
-        }, 1032, [
-          "class",
-          "view-class",
-          "onMouseenter",
-          "onMousemove"
-        ]);
-      }), 128)) : createCommentVNode("v-if", true), _ctx.arrowControl ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(spinnerItems.value, (item) => {
-        return openBlock(), createElementBlock("div", {
-          key: item,
-          class: normalizeClass([unref(ns).be("spinner", "wrapper"), unref(ns).is("arrow")]),
-          onMouseenter: ($event) => emitSelectRange(item)
-        }, [
-          withDirectives((openBlock(), createBlock(unref(ElIcon), { class: normalizeClass(["arrow-up", unref(ns).be("spinner", "arrow")]) }, {
-            default: withCtx(() => [createVNode(unref(ArrowUp))]),
-            _: 1
-          }, 8, ["class"])), [[unref(vRepeatClick), onDecrement]]),
-          withDirectives((openBlock(), createBlock(unref(ElIcon), { class: normalizeClass(["arrow-down", unref(ns).be("spinner", "arrow")]) }, {
-            default: withCtx(() => [createVNode(unref(ArrowDown))]),
-            _: 1
-          }, 8, ["class"])), [[unref(vRepeatClick), onIncrement]]),
-          createElementVNode("ul", { class: normalizeClass(unref(ns).be("spinner", "list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(arrowControlTimeList.value[item], (time, key) => {
-            return openBlock(), createElementBlock("li", {
-              key,
-              class: normalizeClass([
-                unref(ns).be("spinner", "item"),
-                unref(ns).is("active", time === timePartials.value[item]),
-                unref(ns).is("disabled", timeList.value[item][time])
-              ])
-            }, [unref(isNumber)(time) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [item === "hours" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString(("0" + (_ctx.amPmMode ? time % 12 || 12 : time)).slice(-2)) + toDisplayString(getAmPmFlag(time)), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(("0" + time).slice(-2)), 1)], 64))], 64)) : createCommentVNode("v-if", true)], 2);
-          }), 128))], 2)
-        ], 42, _hoisted_2);
-      }), 128)) : createCommentVNode("v-if", true)], 2);
-    };
-  }
-});
-var basic_time_spinner_default = basic_time_spinner_vue_vue_type_script_setup_true_lang_default;
-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 pickerBase = inject(PICKER_BASE_INJECTION_KEY);
-    const { arrowControl, disabledHours, disabledMinutes, disabledSeconds, defaultValue } = pickerBase.props;
-    const { getAvailableHours, getAvailableMinutes, getAvailableSeconds } = buildAvailableTimeSlotGetter(disabledHours, disabledMinutes, disabledSeconds);
-    const ns = useNamespace("time");
-    const { t, lang } = useLocale();
-    const selectionRange = ref([0, 2]);
-    const oldValue = useOldValue(props, {
-      modelValue: computed(() => pickerBase.props.modelValue),
-      valueOnClear: computed(() => (pickerBase == null ? void 0 : pickerBase.emptyValues) ? pickerBase.emptyValues.valueOnClear.value : null)
-    });
-    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 = () => {
-      const old = oldValue.value;
-      emit("pick", old, false);
-      nextTick(() => {
-        oldValue.value = old;
-      });
-    };
-    const handleConfirm = (visible = false, first = false) => {
-      if (first) return;
-      emit("pick", props.parsedValue, visible);
-    };
-    const handleChange = (_date) => {
-      if (!props.visible) return;
-      emit("pick", getRangeAvailableTime(_date).millisecond(0), true);
-    };
-    const setSelectionRange = (start, end) => {
-      emit("select-range", start, end);
-      selectionRange.value = [start, end];
-    };
-    const changeSelectionRange = (step) => {
-      const actualFormat = props.format;
-      const hourIndex = actualFormat.indexOf("HH");
-      const minuteIndex = actualFormat.indexOf("mm");
-      const secondIndex = actualFormat.indexOf("ss");
-      const list = [];
-      const mapping = [];
-      if (hourIndex !== -1) {
-        list.push(hourIndex);
-        mapping.push("hours");
-      }
-      if (minuteIndex !== -1) {
-        list.push(minuteIndex);
-        mapping.push("minutes");
-      }
-      if (secondIndex !== -1 && showSeconds.value) {
-        list.push(secondIndex);
-        mapping.push("seconds");
-      }
-      const next = (list.indexOf(selectionRange.value[0]) + step + list.length) % list.length;
-      timePickerOptions["start_emitSelectRange"](mapping[next]);
-    };
-    const handleKeydown = (event) => {
-      const code = getEventCode(event);
-      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();
-        return;
-      }
-    };
-    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 getDefaultValue = () => {
-      return dayjs(defaultValue).locale(lang.value);
-    };
-    emit("set-picker-option", ["isValidValue", isValidValue]);
-    emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    emit("set-picker-option", ["handleKeydownInput", handleKeydown]);
-    emit("set-picker-option", ["getRangeAvailableTime", getRangeAvailableTime]);
-    emit("set-picker-option", ["getDefaultValue", getDefaultValue]);
-    emit("set-picker-option", ["handleCancel", handleCancel]);
-    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([unref(ns).be("panel", "btn"), "cancel"]),
-          onClick: handleCancel
-        }, toDisplayString(unref(t)("el.datepicker.cancel")), 3), createElementVNode("button", {
-          type: "button",
-          class: normalizeClass([unref(ns).be("panel", "btn"), "confirm"]),
-          onClick: _cache[0] || (_cache[0] = ($event) => handleConfirm())
-        }, toDisplayString(unref(t)("el.datepicker.confirm")), 3)], 2)], 2)) : createCommentVNode("v-if", true)]),
-        _: 1
-      }, 8, ["name"]);
-    };
-  }
-});
-var panel_time_pick_default = panel_time_pick_vue_vue_type_script_setup_true_lang_default;
-export {
-  DEFAULT_FORMATS_TIME as D,
-  PICKER_BASE_INJECTION_KEY as P,
-  ROOT_COMMON_PICKER_INJECTION_KEY as R,
-  useTimePanel as a,
-  basic_time_spinner_default as b,
-  buildAvailableTimeSlotGetter as c,
-  timePickerDefaultProps as d,
-  PICKER_POPPER_OPTIONS_INJECTION_KEY as e,
-  picker_default as f,
-  disabledTimeListsProps as g,
-  extractTimeFormat as h,
-  extractDateFormat as i,
-  DEFAULT_FORMATS_DATE as j,
-  useCommonPicker as k,
-  DEFAULT_FORMATS_DATEPICKER as l,
-  panel_time_pick_default as p,
-  rangeArr as r,
-  timePanelSharedProps as t,
-  useOldValue as u
-};