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

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var _defineProperty = require('@babel/runtime/helpers/defineProperty');
var VueCompositionAPI = require('@vue/composition-api');
var dayjs = require('dayjs');
var format = require('../../../chunks/format.js');
var hooks_useConfig = require('../../../hooks/use-config.js');
var components_datePicker_hooks_useSingleValue = require('./use-single-value.js');
var components_configProvider_useConfig = require('../../config-provider/useConfig.js');
require('../../../chunks/dayjs.min-12eb376c.js');
require('@babel/runtime/helpers/typeof');
require('../../../chunks/_commonjsHelpers-ea2bee21.js');
require('../../../chunks/utils2.js');
require('@babel/runtime/helpers/slicedToArray');
require('../../../chunks/defineProperty-28395935.js');
require('../../../chunks/_isIndex-1bf92538.js');
require('../../../chunks/isObjectLike-2443c6ff.js');
require('../../../chunks/log.js');
require('../../config-provider/context.js');
require('lodash');
require('../../../chunks/zh_CN.js');
require('../../../hooks/use-vmodel.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
function useSingle(props, _ref) {
  var emit = _ref.emit;
  var COMPONENT_NAME = hooks_useConfig.usePrefixClass("date-picker");

  var _useConfig = components_configProvider_useConfig.useConfig("datePicker"),
      global = _useConfig.global;

  var inputRef = VueCompositionAPI.ref();

  var _useSingleValue = components_datePicker_hooks_useSingleValue["default"](props),
      value = _useSingleValue.value,
      onChange = _useSingleValue.onChange,
      time = _useSingleValue.time,
      month = _useSingleValue.month,
      year = _useSingleValue.year,
      cacheValue = _useSingleValue.cacheValue;

  var formatRef = VueCompositionAPI.computed(function () {
    return format.getDefaultFormat({
      mode: props.mode,
      format: props.format,
      enableTimePicker: props.enableTimePicker
    });
  });
  var popupVisible = VueCompositionAPI.ref(false);
  var isHoverCell = VueCompositionAPI.ref(false);
  var inputValue = VueCompositionAPI.ref(format.formatDate(value.value, {
    format: formatRef.value.format
  }));
  var inputProps = VueCompositionAPI.computed(function () {
    return _objectSpread(_objectSpread({}, props.inputProps), {}, {
      ref: inputRef,
      prefixIcon: props.prefixIcon,
      placeholder: props.placeholder || global.value.placeholder[props.mode],
      "class": [_defineProperty__default["default"]({}, "".concat(COMPONENT_NAME.value, "__input--placeholder"), isHoverCell.value)],
      onClear: function onClear(context) {
        var _context$e;

        context === null || context === void 0 ? void 0 : (_context$e = context.e) === null || _context$e === void 0 ? void 0 : _context$e.stopPropagation();
        popupVisible.value = false;
        onChange === null || onChange === void 0 ? void 0 : onChange("", {
          dayjsValue: dayjs__default["default"](),
          trigger: "clear"
        });
        emit("clear", "", {
          dayjsValue: dayjs__default["default"](),
          trigger: "clear"
        });
      },
      onBlur: function onBlur(val, context) {
        var _props$onBlur;

        (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, {
          value: val,
          e: context.e
        });
        emit("blur", {
          value: val,
          e: context.e
        });
      },
      onFocus: function onFocus(_, _ref3) {
        var _props$onFocus;

        var e = _ref3.e;
        (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, {
          value: value.value,
          e: e
        });
        emit("focus", {
          value: value.value,
          e: e
        });
      },
      onChange: function onChange(val) {
        inputValue.value = val;
        if (!format.isValidDate(val, formatRef.value.format)) return;
        var newMonth = dayjs__default["default"](val).month();
        var newYear = dayjs__default["default"](val).year();
        var newTime = format.formatTime(val, formatRef.value.timeFormat);
        !Number.isNaN(newYear) && (year.value = newYear);
        !Number.isNaN(newMonth) && (month.value = newMonth);
        !Number.isNaN(newTime) && (time.value = newTime);
      },
      onEnter: function onEnter(val) {
        if (!format.isValidDate(val, formatRef.value.format) && !format.isValidDate(value.value, formatRef.value.format)) return;
        popupVisible.value = false;

        if (format.isValidDate(val, formatRef.value.format)) {
          onChange === null || onChange === void 0 ? void 0 : onChange(format.formatDate(val, {
            format: formatRef.value.format
          }), {
            dayjsValue: format.parseToDayjs(val, formatRef.value.format),
            trigger: "enter"
          });
        } else if (format.isValidDate(value.value, formatRef.value.format)) {
          inputValue.value = format.formatDate(value.value, {
            format: formatRef.value.format
          });
        } else {
          inputValue.value = "";
        }
      }
    });
  });
  var popupProps = VueCompositionAPI.computed(function () {
    var _props$popupProps$ove, _props$popupProps, _props$popupProps2;

    return _objectSpread(_objectSpread({
      expandAnimation: true
    }, props.popupProps), {}, {
      overlayInnerStyle: (_props$popupProps$ove = (_props$popupProps = props.popupProps) === null || _props$popupProps === void 0 ? void 0 : _props$popupProps.overlayInnerStyle) !== null && _props$popupProps$ove !== void 0 ? _props$popupProps$ove : {
        width: "auto"
      },
      overlayClassName: [(_props$popupProps2 = props.popupProps) === null || _props$popupProps2 === void 0 ? void 0 : _props$popupProps2.overlayClassName, "".concat(COMPONENT_NAME.value, "__panel-container")],
      onVisibleChange: function onVisibleChange(visible, context) {
        if (context.trigger === "trigger-element-click") {
          popupVisible.value = true;
          return;
        }

        if (!visible) {
          isHoverCell.value = false;
          inputValue.value = format.formatDate(value.value, {
            format: formatRef.value.format
          });
        }

        popupVisible.value = visible;
      }
    });
  });
  VueCompositionAPI.watchEffect(function () {
    if (!value.value) {
      inputValue.value = "";
      return;
    }

    if (!format.isValidDate(value.value, formatRef.value.format)) return;
    inputValue.value = format.formatDate(value.value, {
      format: formatRef.value.format
    });
  });
  return {
    year: year,
    month: month,
    value: value,
    time: time,
    inputValue: inputValue,
    popupVisible: popupVisible,
    inputProps: inputProps,
    popupProps: popupProps,
    inputRef: inputRef,
    cacheValue: cacheValue,
    isHoverCell: isHoverCell,
    onChange: onChange
  };
}

exports["default"] = useSingle;
//# sourceMappingURL=use-single.js.map
