/**
 * ldesign v0.2.3
 * (c) 2022年9月24日 swimly
 * @license MIT
 */

import { toRefs, computed, ref, watchEffect } from '@vue/composition-api';
import dayjs from 'dayjs';
import { g as getDefaultFormat, f as formatTime, a as formatDate, i as isValidDate } from '../../../_chunks/dep-92628d7a.js';
import { b as extractTimeFormat } from '../../../_chunks/dep-10dbe2b1.js';
import useVModel from '../../../hooks/use-vmodel.js';
import '../../../_chunks/dep-2e5a178f.js';
import '../../../_chunks/dep-b431a644.js';
import '../../../_chunks/dep-5bce19db.js';
import '../../../_chunks/dep-fd084baf.js';
import '../../../_chunks/dep-1dd6d50e.js';
import '../../../_chunks/dep-6aab144e.js';

function useSingleValue(props) {
  const {
    value: valueFromProps
  } = toRefs(props);
  const [value, onChange] = useVModel(valueFromProps, props.defaultValue, props.onChange, "change");
  const formatRef = computed(() => getDefaultFormat({
    mode: props.mode,
    format: props.format,
    enableTimePicker: props.enableTimePicker
  }));

  if (props.enableTimePicker) {
    if (!extractTimeFormat(formatRef.value.format)) console.error(`format: ${formatRef.value.format} \u4E0D\u89C4\u8303\uFF0C\u5305\u542B\u65F6\u95F4\u9009\u62E9\u5FC5\u987B\u8981\u6709\u65F6\u95F4\u683C\u5F0F\u5316 HH:mm:ss`);
  }

  const time = ref(formatTime(value.value, formatRef.value.timeFormat));
  const month = ref(dayjs(value.value).month() || new Date().getMonth());
  const year = ref(dayjs(value.value).year() || new Date().getFullYear());
  const cacheValue = ref(formatDate(value.value, {
    format: formatRef.value.format
  }));
  watchEffect(() => {
    if (!value.value) {
      cacheValue.value = "";
      return;
    }

    if (!isValidDate(value.value, formatRef.value.format)) return;
    cacheValue.value = formatDate(value.value, {
      format: formatRef.value.format
    });
    time.value = formatTime(value.value, formatRef.value.timeFormat);
  });
  return {
    year,
    month,
    value,
    time,
    cacheValue,
    onChange
  };
}

export { useSingleValue as default };
//# sourceMappingURL=use-single-value.js.map
