'use strict';
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
var vue = require('vue');
|
var dayjs = require('dayjs');
|
var customParseFormat = require('dayjs/plugin/customParseFormat.js');
|
var advancedFormat = require('dayjs/plugin/advancedFormat.js');
|
var localeData = require('dayjs/plugin/localeData.js');
|
var weekOfYear = require('dayjs/plugin/weekOfYear.js');
|
var weekYear = require('dayjs/plugin/weekYear.js');
|
var dayOfYear = require('dayjs/plugin/dayOfYear.js');
|
var isSameOrAfter = require('dayjs/plugin/isSameOrAfter.js');
|
var isSameOrBefore = require('dayjs/plugin/isSameOrBefore.js');
|
require('../../../hooks/index.js');
|
require('../../time-picker/index.js');
|
var constants = require('./constants.js');
|
var datePicker = require('./props/date-picker.js');
|
var panelUtils = require('./panel-utils.js');
|
var index = require('../../../hooks/use-namespace/index.js');
|
var constants$1 = require('../../time-picker/src/constants.js');
|
var picker = require('../../time-picker/src/common/picker.js');
|
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
var customParseFormat__default = /*#__PURE__*/_interopDefaultLegacy(customParseFormat);
|
var advancedFormat__default = /*#__PURE__*/_interopDefaultLegacy(advancedFormat);
|
var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
|
var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
|
var weekYear__default = /*#__PURE__*/_interopDefaultLegacy(weekYear);
|
var dayOfYear__default = /*#__PURE__*/_interopDefaultLegacy(dayOfYear);
|
var isSameOrAfter__default = /*#__PURE__*/_interopDefaultLegacy(isSameOrAfter);
|
var isSameOrBefore__default = /*#__PURE__*/_interopDefaultLegacy(isSameOrBefore);
|
|
dayjs__default["default"].extend(localeData__default["default"]);
|
dayjs__default["default"].extend(advancedFormat__default["default"]);
|
dayjs__default["default"].extend(customParseFormat__default["default"]);
|
dayjs__default["default"].extend(weekOfYear__default["default"]);
|
dayjs__default["default"].extend(weekYear__default["default"]);
|
dayjs__default["default"].extend(dayOfYear__default["default"]);
|
dayjs__default["default"].extend(isSameOrAfter__default["default"]);
|
dayjs__default["default"].extend(isSameOrBefore__default["default"]);
|
var DatePicker = vue.defineComponent({
|
name: "ElDatePicker",
|
install: null,
|
props: datePicker.datePickerProps,
|
emits: ["update:modelValue"],
|
setup(props, {
|
expose,
|
emit,
|
slots
|
}) {
|
const ns = index.useNamespace("picker-panel");
|
vue.provide("ElPopperOptions", vue.reactive(vue.toRef(props, "popperOptions")));
|
vue.provide(constants.ROOT_PICKER_INJECTION_KEY, {
|
slots,
|
pickerNs: ns
|
});
|
const commonPicker = vue.ref();
|
const refProps = {
|
focus: (focusStartInput = true) => {
|
var _a;
|
(_a = commonPicker.value) == null ? void 0 : _a.focus(focusStartInput);
|
},
|
handleOpen: () => {
|
var _a;
|
(_a = commonPicker.value) == null ? void 0 : _a.handleOpen();
|
},
|
handleClose: () => {
|
var _a;
|
(_a = commonPicker.value) == null ? void 0 : _a.handleClose();
|
}
|
};
|
expose(refProps);
|
const onModelValueUpdated = (val) => {
|
emit("update:modelValue", val);
|
};
|
return () => {
|
var _a;
|
const format = (_a = props.format) != null ? _a : constants$1.DEFAULT_FORMATS_DATEPICKER[props.type] || constants$1.DEFAULT_FORMATS_DATE;
|
const Component = panelUtils.getPanel(props.type);
|
return vue.createVNode(picker["default"], vue.mergeProps(props, {
|
"format": format,
|
"type": props.type,
|
"ref": commonPicker,
|
"onUpdate:modelValue": onModelValueUpdated
|
}), {
|
default: (scopedProps) => vue.createVNode(Component, scopedProps, null),
|
"range-separator": slots["range-separator"]
|
});
|
};
|
}
|
});
|
|
exports["default"] = DatePicker;
|
//# sourceMappingURL=date-picker.js.map
|
