@element-plus/nightly 0.0.20220121 → 0.0.20220125

package/es/components/time-picker/src/common/picker.mjs

@@ -1,7 +1,602 @@
-import script from './picker.vue_vue_type_script_lang.mjs';
-export { default } from './picker.vue_vue_type_script_lang.mjs';
-import { render } from './picker.vue_vue_type_template_id_1d54be91_lang.mjs';
+import { defineComponent, inject, ref, watch, nextTick, computed, unref, provide, resolveComponent, openBlock, createBlock, mergeProps, withCtx, normalizeClass, normalizeStyle, withModifiers, resolveDynamicComponent, createCommentVNode, createElementBlock, createElementVNode, renderSlot, toDisplayString } from 'vue';
+import dayjs from 'dayjs';
+import isEqual from 'lodash/isEqual';
+import { onClickOutside } from '@vueuse/core';
+import '../../../../hooks/index.mjs';
+import '../../../../tokens/index.mjs';
+import { ElInput } from '../../../input/index.mjs';
+import { ElIcon } from '../../../icon/index.mjs';
+import { ElTooltip } from '../../../tooltip/index.mjs';
+import { EVENT_CODE } from '../../../../utils/aria.mjs';
+import { isEmpty } from '../../../../utils/util.mjs';
+import { Clock, Calendar } from '@element-plus/icons-vue';
+import { timePickerDefaultProps } from './props.mjs';
+import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.mjs';
+import { useLocale } from '../../../../hooks/use-locale/index.mjs';
+import { elFormKey, elFormItemKey } from '../../../../tokens/form.mjs';
+import { useSize } from '../../../../hooks/use-common-props/index.mjs';
 
-script.render = render;
-script.__file = "packages/components/time-picker/src/common/picker.vue";
+const dateEquals = function(a, b) {
+  const aIsDate = a instanceof Date;
+  const bIsDate = b instanceof Date;
+  if (aIsDate && bIsDate) {
+    return a.getTime() === b.getTime();
+  }
+  if (!aIsDate && !bIsDate) {
+    return a === b;
+  }
+  return false;
+};
+const valueEquals = function(a, b) {
+  const aIsArray = a instanceof Array;
+  const bIsArray = b instanceof Array;
+  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 parser = 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 _sfc_main = defineComponent({
+  name: "Picker",
+  components: {
+    ElInput,
+    ElTooltip,
+    ElIcon
+  },
+  props: timePickerDefaultProps,
+  emits: [
+    "update:modelValue",
+    "change",
+    "focus",
+    "blur",
+    "calendar-change",
+    "panel-change"
+  ],
+  setup(props, ctx) {
+    const { lang } = useLocale();
+    const elForm = inject(elFormKey, {});
+    const elFormItem = inject(elFormItemKey, {});
+    const elPopperOptions = inject("ElPopperOptions", {});
+    const refPopper = ref();
+    const inputRef = ref();
+    const pickerVisible = ref(false);
+    const pickerActualVisible = ref(false);
+    const valueOnOpen = ref(null);
+    watch(pickerVisible, (val) => {
+      var _a;
+      if (!val) {
+        userInput.value = null;
+        nextTick(() => {
+          emitChange(props.modelValue);
+        });
+        ctx.emit("blur");
+        blurInput();
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur"));
+      } else {
+        valueOnOpen.value = props.modelValue;
+      }
+    });
+    const emitChange = (val, isClear) => {
+      var _a;
+      if (isClear || !valueEquals(val, valueOnOpen.value)) {
+        ctx.emit("change", val);
+        props.validateEvent && ((_a = elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change"));
+      }
+    };
+    const emitInput = (val) => {
+      if (!valueEquals(props.modelValue, val)) {
+        let formatValue;
+        if (Array.isArray(val)) {
+          formatValue = val.map((_) => formatter(_, props.valueFormat, lang.value));
+        } else if (val) {
+          formatValue = formatter(val, props.valueFormat, lang.value);
+        }
+        ctx.emit("update:modelValue", val ? formatValue : val, lang.value);
+      }
+    };
+    const refInput = computed(() => {
+      if (inputRef.value) {
+        const _r = isRangeInput.value ? inputRef.value : inputRef.value.$el;
+        return Array.from(_r.querySelectorAll("input"));
+      }
+      return [];
+    });
+    const refStartInput = computed(() => {
+      return refInput == null ? void 0 : refInput.value[0];
+    });
+    const refEndInput = computed(() => {
+      return refInput == null ? void 0 : refInput.value[1];
+    });
+    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 onPick = (date = "", visible = false) => {
+      pickerVisible.value = visible;
+      let result;
+      if (Array.isArray(date)) {
+        result = date.map((_) => _.toDate());
+      } else {
+        result = date ? date.toDate() : date;
+      }
+      userInput.value = null;
+      emitInput(result);
+    };
+    const focus = (focusStartInput = true) => {
+      let input = refStartInput.value;
+      if (!focusStartInput && isRangeInput.value) {
+        input = refEndInput.value;
+      }
+      if (input) {
+        input.focus();
+      }
+    };
+    const handleFocus = (e) => {
+      if (props.readonly || pickerDisabled.value || pickerVisible.value)
+        return;
+      pickerVisible.value = true;
+      ctx.emit("focus", e);
+    };
+    const handleBlur = () => {
+      var _a;
+      (_a = refPopper.value) == null ? void 0 : _a.onClose();
+      blurInput();
+    };
+    const pickerDisabled = computed(() => {
+      return props.disabled || elForm.disabled;
+    });
+    const parsedValue = computed(() => {
+      let result;
+      if (valueIsEmpty.value) {
+        if (pickerOptions.value.getDefaultValue) {
+          result = pickerOptions.value.getDefaultValue();
+        }
+      } else {
+        if (Array.isArray(props.modelValue)) {
+          result = props.modelValue.map((_) => parser(_, props.valueFormat, lang.value));
+        } else {
+          result = parser(props.modelValue, props.valueFormat, lang.value);
+        }
+      }
+      if (pickerOptions.value.getRangeAvailableTime) {
+        const availableResult = pickerOptions.value.getRangeAvailableTime(result);
+        if (!isEqual(availableResult, result)) {
+          result = availableResult;
+          emitInput(Array.isArray(result) ? result.map((_) => _.toDate()) : result.toDate());
+        }
+      }
+      if (Array.isArray(result) && result.some((_) => !_)) {
+        result = [];
+      }
+      return result;
+    });
+    const displayValue = computed(() => {
+      if (!pickerOptions.value.panelReady)
+        return;
+      const formattedValue = formatDayjsToString(parsedValue.value);
+      if (Array.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)
+        return;
+      if (!pickerVisible.value && valueIsEmpty.value)
+        return;
+      if (formattedValue) {
+        return isDatesPicker.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 triggerIcon = computed(() => props.prefixIcon || (isTimeLikePicker.value ? Clock : Calendar));
+    const showClose = ref(false);
+    const onClearIconClick = (event) => {
+      if (props.readonly || pickerDisabled.value)
+        return;
+      if (showClose.value) {
+        event.stopPropagation();
+        emitInput(null);
+        emitChange(null, true);
+        showClose.value = false;
+        pickerVisible.value = false;
+        pickerOptions.value.handleClear && pickerOptions.value.handleClear();
+      }
+    };
+    const valueIsEmpty = computed(() => {
+      return !props.modelValue || Array.isArray(props.modelValue) && !props.modelValue.length;
+    });
+    const onMouseEnter = () => {
+      if (props.readonly || pickerDisabled.value)
+        return;
+      if (!valueIsEmpty.value && props.clearable) {
+        showClose.value = true;
+      }
+    };
+    const onMouseLeave = () => {
+      showClose.value = false;
+    };
+    const isRangeInput = computed(() => {
+      return props.type.indexOf("range") > -1;
+    });
+    const pickerSize = useSize();
+    const popperPaneRef = computed(() => {
+      var _a, _b;
+      return (_b = (_a = refPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
+    const popperEl = computed(() => {
+      var _a, _b;
+      return (_b = (_a = unref(refPopper)) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.contentRef;
+    });
+    const actualInputRef = computed(() => {
+      var _a;
+      if (unref(isRangeInput)) {
+        return unref(inputRef);
+      }
+      return (_a = unref(inputRef)) == null ? void 0 : _a.$el;
+    });
+    onClickOutside(actualInputRef, (e) => {
+      const unrefedPopperEl = unref(popperEl);
+      const inputEl = unref(actualInputRef);
+      if (unrefedPopperEl && (e.target === unrefedPopperEl || e.composedPath().includes(unrefedPopperEl)) || e.target === inputEl || e.composedPath().includes(inputEl))
+        return;
+      pickerVisible.value = false;
+    });
+    const userInput = ref(null);
+    const handleChange = () => {
+      if (userInput.value) {
+        const value = parseUserInputToDayjs(displayValue.value);
+        if (value) {
+          if (isValidValue(value)) {
+            emitInput(Array.isArray(value) ? value.map((_) => _.toDate()) : value.toDate());
+            userInput.value = null;
+          }
+        }
+      }
+      if (userInput.value === "") {
+        emitInput(null);
+        emitChange(null);
+        userInput.value = null;
+      }
+    };
+    const blurInput = () => {
+      refInput.value.forEach((input) => input.blur());
+    };
+    const parseUserInputToDayjs = (value) => {
+      if (!value)
+        return null;
+      return pickerOptions.value.parseUserInput(value);
+    };
+    const formatDayjsToString = (value) => {
+      if (!value)
+        return null;
+      return pickerOptions.value.formatToString(value);
+    };
+    const isValidValue = (value) => {
+      return pickerOptions.value.isValidValue(value);
+    };
+    const handleKeydown = (event) => {
+      const code = event.code;
+      if (code === EVENT_CODE.esc) {
+        pickerVisible.value = false;
+        event.stopPropagation();
+        return;
+      }
+      if (code === EVENT_CODE.tab) {
+        if (!isRangeInput.value) {
+          handleChange();
+          pickerVisible.value = false;
+          event.stopPropagation();
+        } else {
+          setTimeout(() => {
+            if (refInput.value.indexOf(document.activeElement) === -1) {
+              pickerVisible.value = false;
+              blurInput();
+            }
+          }, 0);
+        }
+        return;
+      }
+      if (code === EVENT_CODE.enter || code === EVENT_CODE.numpadEnter) {
+        if (userInput.value === null || userInput.value === "" || isValidValue(parseUserInputToDayjs(displayValue.value))) {
+          handleChange();
+          pickerVisible.value = false;
+        }
+        event.stopPropagation();
+        return;
+      }
+      if (userInput.value) {
+        event.stopPropagation();
+        return;
+      }
+      if (pickerOptions.value.handleKeydown) {
+        pickerOptions.value.handleKeydown(event);
+      }
+    };
+    const onUserInput = (e) => {
+      userInput.value = e;
+    };
+    const handleStartInput = (event) => {
+      if (userInput.value) {
+        userInput.value = [event.target.value, userInput.value[1]];
+      } else {
+        userInput.value = [event.target.value, null];
+      }
+    };
+    const handleEndInput = (event) => {
+      if (userInput.value) {
+        userInput.value = [userInput.value[0], event.target.value];
+      } else {
+        userInput.value = [null, event.target.value];
+      }
+    };
+    const handleStartChange = () => {
+      const value = parseUserInputToDayjs(userInput.value && userInput.value[0]);
+      if (value && value.isValid()) {
+        userInput.value = [formatDayjsToString(value), displayValue.value[1]];
+        const newValue = [value, parsedValue.value && parsedValue.value[1]];
+        if (isValidValue(newValue)) {
+          emitInput(newValue);
+          userInput.value = null;
+        }
+      }
+    };
+    const handleEndChange = () => {
+      const value = parseUserInputToDayjs(userInput.value && userInput.value[1]);
+      if (value && value.isValid()) {
+        userInput.value = [displayValue.value[0], formatDayjsToString(value)];
+        const newValue = [parsedValue.value && parsedValue.value[0], value];
+        if (isValidValue(newValue)) {
+          emitInput(newValue);
+          userInput.value = null;
+        }
+      }
+    };
+    const pickerOptions = ref({});
+    const onSetPickerOption = (e) => {
+      pickerOptions.value[e[0]] = e[1];
+      pickerOptions.value.panelReady = true;
+    };
+    const onCalendarChange = (e) => {
+      ctx.emit("calendar-change", e);
+    };
+    const onPanelChange = (value, mode, view) => {
+      ctx.emit("panel-change", value, mode, view);
+    };
+    provide("EP_PICKER_BASE", {
+      props
+    });
+    return {
+      elPopperOptions,
+      isDatesPicker,
+      handleEndChange,
+      handleStartChange,
+      handleStartInput,
+      handleEndInput,
+      onUserInput,
+      handleChange,
+      handleKeydown,
+      popperPaneRef,
+      onClickOutside,
+      pickerSize,
+      isRangeInput,
+      onMouseLeave,
+      onMouseEnter,
+      onClearIconClick,
+      showClose,
+      triggerIcon,
+      onPick,
+      handleFocus,
+      handleBlur,
+      pickerVisible,
+      pickerActualVisible,
+      displayValue,
+      parsedValue,
+      setSelectionRange,
+      refPopper,
+      inputRef,
+      pickerDisabled,
+      onSetPickerOption,
+      onCalendarChange,
+      onPanelChange,
+      focus
+    };
+  }
+});
+const _hoisted_1 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_2 = { class: "el-range-separator" };
+const _hoisted_3 = ["id", "name", "placeholder", "value", "disabled", "readonly"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_input = resolveComponent("el-input");
+  const _component_el_tooltip = resolveComponent("el-tooltip");
+  return openBlock(), createBlock(_component_el_tooltip, mergeProps({
+    ref: "refPopper",
+    visible: _ctx.pickerVisible,
+    "onUpdate:visible": _cache[17] || (_cache[17] = ($event) => _ctx.pickerVisible = $event),
+    effect: "light",
+    pure: "",
+    trigger: "click"
+  }, _ctx.$attrs, {
+    "append-to-body": "",
+    transition: "el-zoom-in-top",
+    "popper-class": `el-picker__popper ${_ctx.popperClass}`,
+    "popper-options": _ctx.elPopperOptions,
+    "fallback-placements": ["bottom", "top", "right", "left"],
+    "gpu-acceleration": false,
+    "stop-popper-mouse-event": false,
+    "hide-after": 0,
+    persistent: "",
+    onShow: _cache[18] || (_cache[18] = ($event) => _ctx.pickerActualVisible = true),
+    onHide: _cache[19] || (_cache[19] = ($event) => _ctx.pickerActualVisible = false)
+  }), {
+    default: withCtx(() => [
+      !_ctx.isRangeInput ? (openBlock(), createBlock(_component_el_input, {
+        key: 0,
+        id: _ctx.id,
+        ref: "inputRef",
+        "model-value": _ctx.displayValue,
+        name: _ctx.name,
+        size: _ctx.pickerSize,
+        disabled: _ctx.pickerDisabled,
+        placeholder: _ctx.placeholder,
+        class: normalizeClass(["el-date-editor", ["el-date-editor--" + _ctx.type, _ctx.$attrs.class || void 0]]),
+        style: normalizeStyle(_ctx.$attrs.style || void 0),
+        readonly: !_ctx.editable || _ctx.readonly || _ctx.isDatesPicker || _ctx.type === "week",
+        onInput: _ctx.onUserInput,
+        onFocus: _ctx.handleFocus,
+        onKeydown: _ctx.handleKeydown,
+        onChange: _ctx.handleChange,
+        onMouseenter: _ctx.onMouseEnter,
+        onMouseleave: _ctx.onMouseLeave,
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+        }, ["stop"]))
+      }, {
+        prefix: withCtx(() => [
+          _ctx.triggerIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-input__icon",
+            onClick: _ctx.handleFocus
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.triggerIcon)))
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        ]),
+        suffix: withCtx(() => [
+          _ctx.showClose && _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+            key: 0,
+            class: "el-input__icon clear-icon",
+            onClick: _ctx.onClearIconClick
+          }, {
+            default: withCtx(() => [
+              (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+            ]),
+            _: 1
+          }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+        ]),
+        _: 1
+      }, 8, ["id", "model-value", "name", "size", "disabled", "placeholder", "class", "style", "readonly", "onInput", "onFocus", "onKeydown", "onChange", "onMouseenter", "onMouseleave"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        ref: "inputRef",
+        class: normalizeClass(["el-date-editor el-range-editor el-input__inner", [
+          "el-date-editor--" + _ctx.type,
+          _ctx.pickerSize ? `el-range-editor--${_ctx.pickerSize}` : "",
+          _ctx.pickerDisabled ? "is-disabled" : "",
+          _ctx.pickerVisible ? "is-active" : "",
+          _ctx.$attrs.class || void 0
+        ]]),
+        style: normalizeStyle(_ctx.$attrs.style || void 0),
+        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+        onMouseenter: _cache[8] || (_cache[8] = (...args) => _ctx.onMouseEnter && _ctx.onMouseEnter(...args)),
+        onMouseleave: _cache[9] || (_cache[9] = (...args) => _ctx.onMouseLeave && _ctx.onMouseLeave(...args)),
+        onKeydown: _cache[10] || (_cache[10] = (...args) => _ctx.handleKeydown && _ctx.handleKeydown(...args))
+      }, [
+        _ctx.triggerIcon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: "el-input__icon el-range__icon",
+          onClick: _ctx.handleFocus
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.triggerIcon)))
+          ]),
+          _: 1
+        }, 8, ["onClick"])) : createCommentVNode("v-if", true),
+        createElementVNode("input", {
+          id: _ctx.id && _ctx.id[0],
+          autocomplete: "off",
+          name: _ctx.name && _ctx.name[0],
+          placeholder: _ctx.startPlaceholder,
+          value: _ctx.displayValue && _ctx.displayValue[0],
+          disabled: _ctx.pickerDisabled,
+          readonly: !_ctx.editable || _ctx.readonly,
+          class: "el-range-input",
+          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.handleStartInput && _ctx.handleStartInput(...args)),
+          onChange: _cache[2] || (_cache[2] = (...args) => _ctx.handleStartChange && _ctx.handleStartChange(...args)),
+          onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args))
+        }, null, 40, _hoisted_1),
+        renderSlot(_ctx.$slots, "range-separator", {}, () => [
+          createElementVNode("span", _hoisted_2, toDisplayString(_ctx.rangeSeparator), 1)
+        ]),
+        createElementVNode("input", {
+          id: _ctx.id && _ctx.id[1],
+          autocomplete: "off",
+          name: _ctx.name && _ctx.name[1],
+          placeholder: _ctx.endPlaceholder,
+          value: _ctx.displayValue && _ctx.displayValue[1],
+          disabled: _ctx.pickerDisabled,
+          readonly: !_ctx.editable || _ctx.readonly,
+          class: "el-range-input",
+          onFocus: _cache[4] || (_cache[4] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+          onInput: _cache[5] || (_cache[5] = (...args) => _ctx.handleEndInput && _ctx.handleEndInput(...args)),
+          onChange: _cache[6] || (_cache[6] = (...args) => _ctx.handleEndChange && _ctx.handleEndChange(...args))
+        }, null, 40, _hoisted_3),
+        _ctx.clearIcon ? (openBlock(), createBlock(_component_el_icon, {
+          key: 1,
+          class: normalizeClass(["el-input__icon el-range__close-icon", {
+            "el-range__close-icon--hidden": !_ctx.showClose
+          }]),
+          onClick: _ctx.onClearIconClick
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true)
+      ], 38))
+    ]),
+    content: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {
+        visible: _ctx.pickerVisible,
+        actualVisible: _ctx.pickerActualVisible,
+        parsedValue: _ctx.parsedValue,
+        format: _ctx.format,
+        unlinkPanels: _ctx.unlinkPanels,
+        type: _ctx.type,
+        defaultValue: _ctx.defaultValue,
+        onPick: _cache[11] || (_cache[11] = (...args) => _ctx.onPick && _ctx.onPick(...args)),
+        onSelectRange: _cache[12] || (_cache[12] = (...args) => _ctx.setSelectionRange && _ctx.setSelectionRange(...args)),
+        onSetPickerOption: _cache[13] || (_cache[13] = (...args) => _ctx.onSetPickerOption && _ctx.onSetPickerOption(...args)),
+        onCalendarChange: _cache[14] || (_cache[14] = (...args) => _ctx.onCalendarChange && _ctx.onCalendarChange(...args)),
+        onPanelChange: _cache[15] || (_cache[15] = (...args) => _ctx.onPanelChange && _ctx.onPanelChange(...args)),
+        onMousedown: _cache[16] || (_cache[16] = withModifiers(() => {
+        }, ["stop"]))
+      })
+    ]),
+    _: 3
+  }, 16, ["visible", "popper-class", "popper-options"]);
+}
+var CommonPicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { CommonPicker as default };
 //# sourceMappingURL=picker.mjs.map

package/es/components/time-picker/src/common/picker.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"picker.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"picker.mjs","sources":["../../../../../../../packages/components/time-picker/src/common/picker.vue"],"sourcesContent":["<template>\n  <el-tooltip\n    ref=\"refPopper\"\n    v-model:visible=\"pickerVisible\"\n    effect=\"light\"\n    pure\n    trigger=\"click\"\n    v-bind=\"$attrs\"\n    append-to-body\n    transition=\"el-zoom-in-top\"\n    :popper-class=\"`el-picker__popper ${popperClass}`\"\n    :popper-options=\"elPopperOptions\"\n    :fallback-placements=\"['bottom', 'top', 'right', 'left']\"\n    :gpu-acceleration=\"false\"\n    :stop-popper-mouse-event=\"false\"\n    :hide-after=\"0\"\n    persistent\n    @show=\"pickerActualVisible = true\"\n    @hide=\"pickerActualVisible = false\"\n  >\n    <template #default>\n      <el-input\n        v-if=\"!isRangeInput\"\n        :id=\"id\"\n        ref=\"inputRef\"\n        :model-value=\"displayValue\"\n        :name=\"name\"\n        :size=\"pickerSize\"\n        :disabled=\"pickerDisabled\"\n        :placeholder=\"placeholder\"\n        class=\"el-date-editor\"\n        :class=\"['el-date-editor--' + type, $attrs.class || undefined]\"\n        :style=\"$attrs.style || undefined\"\n        :readonly=\"!editable || readonly || isDatesPicker || type === 'week'\"\n        @input=\"onUserInput\"\n        @focus=\"handleFocus\"\n        @keydown=\"handleKeydown\"\n        @change=\"handleChange\"\n        @mouseenter=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\n        @click.stop\n      >\n        <template #prefix>\n          <el-icon\n            v-if=\"triggerIcon\"\n            class=\"el-input__icon\"\n            @click=\"handleFocus\"\n          >\n            <component :is=\"triggerIcon\"></component>\n          </el-icon>\n        </template>\n        <template #suffix>\n          <el-icon\n            v-if=\"showClose && clearIcon\"\n            class=\"el-input__icon clear-icon\"\n            @click=\"onClearIconClick\"\n          >\n            <component :is=\"clearIcon\" />\n          </el-icon>\n        </template>\n      </el-input>\n      <div\n        v-else\n        ref=\"inputRef\"\n        class=\"el-date-editor el-range-editor el-input__inner\"\n        :class=\"[\n          'el-date-editor--' + type,\n          pickerSize ? `el-range-editor--${pickerSize}` : '',\n          pickerDisabled ? 'is-disabled' : '',\n          pickerVisible ? 'is-active' : '',\n          $attrs.class || undefined,\n        ]\"\n        :style=\"$attrs.style || undefined\"\n        @click=\"handleFocus\"\n        @mouseenter=\"onMouseEnter\"\n        @mouseleave=\"onMouseLeave\"\n        @keydown=\"handleKeydown\"\n      >\n        <el-icon\n          v-if=\"triggerIcon\"\n          class=\"el-input__icon el-range__icon\"\n          @click=\"handleFocus\"\n        >\n          <component :is=\"triggerIcon\"></component>\n        </el-icon>\n        <input\n          :id=\"id && id[0]\"\n          autocomplete=\"off\"\n          :name=\"name && name[0]\"\n          :placeholder=\"startPlaceholder\"\n          :value=\"displayValue && displayValue[0]\"\n          :disabled=\"pickerDisabled\"\n          :readonly=\"!editable || readonly\"\n          class=\"el-range-input\"\n          @input=\"handleStartInput\"\n          @change=\"handleStartChange\"\n          @focus=\"handleFocus\"\n        />\n        <slot name=\"range-separator\">\n          <span class=\"el-range-separator\">{{ rangeSeparator }}</span>\n        </slot>\n        <input\n          :id=\"id && id[1]\"\n          autocomplete=\"off\"\n          :name=\"name && name[1]\"\n          :placeholder=\"endPlaceholder\"\n          :value=\"displayValue && displayValue[1]\"\n          :disabled=\"pickerDisabled\"\n          :readonly=\"!editable || readonly\"\n          class=\"el-range-input\"\n          @focus=\"handleFocus\"\n          @input=\"handleEndInput\"\n          @change=\"handleEndChange\"\n        />\n        <el-icon\n          v-if=\"clearIcon\"\n          class=\"el-input__icon el-range__close-icon\"\n          :class=\"{\n            'el-range__close-icon--hidden': !showClose,\n          }\"\n          @click=\"onClearIconClick\"\n        >\n          <component :is=\"clearIcon\" />\n        </el-icon>\n      </div>\n    </template>\n    <template #content>\n      <slot\n        :visible=\"pickerVisible\"\n        :actual-visible=\"pickerActualVisible\"\n        :parsed-value=\"parsedValue\"\n        :format=\"format\"\n        :unlink-panels=\"unlinkPanels\"\n        :type=\"type\"\n        :default-value=\"defaultValue\"\n        @pick=\"onPick\"\n        @select-range=\"setSelectionRange\"\n        @set-picker-option=\"onSetPickerOption\"\n        @calendar-change=\"onCalendarChange\"\n        @panel-change=\"onPanelChange\"\n        @mousedown.stop\n      ></slot>\n    </template>\n  </el-tooltip>\n</template>\n<script lang=\"ts\">\nimport {\n  defineComponent,\n  ref,\n  computed,\n  nextTick,\n  inject,\n  watch,\n  provide,\n  unref,\n} from 'vue'\nimport dayjs from 'dayjs'\nimport isEqual from 'lodash/isEqual'\nimport { onClickOutside } from '@vueuse/core'\nimport { useLocale, useSize } from '@element-plus/hooks'\nimport { elFormKey, elFormItemKey } from '@element-plus/tokens'\nimport ElInput from '@element-plus/components/input'\nimport ElIcon from '@element-plus/components/icon'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport { EVENT_CODE } from '@element-plus/utils/aria'\nimport { isEmpty } from '@element-plus/utils/util'\nimport { Clock, Calendar } from '@element-plus/icons-vue'\nimport { timePickerDefaultProps } from './props'\n\nimport type { Dayjs } from 'dayjs'\nimport type { ComponentPublicInstance } from 'vue'\nimport type { ElFormContext, ElFormItemContext } from '@element-plus/tokens'\nimport type { Options } from '@popperjs/core'\n\ninterface PickerOptions {\n  isValidValue: (date: Dayjs) => boolean\n  handleKeydown: (event: KeyboardEvent) => void\n  parseUserInput: (value: Dayjs) => dayjs.Dayjs\n  formatToString: (value: Dayjs) => string | string[]\n  getRangeAvailableTime: (date: Dayjs) => dayjs.Dayjs\n  getDefaultValue: () => Dayjs\n  panelReady: boolean\n  handleClear: () => void\n}\n\n// Date object and string\nconst dateEquals = function (a: Date | any, b: Date | any) {\n  const aIsDate = a instanceof Date\n  const bIsDate = b instanceof Date\n  if (aIsDate && bIsDate) {\n    return a.getTime() === b.getTime()\n  }\n  if (!aIsDate && !bIsDate) {\n    return a === b\n  }\n  return false\n}\n\nconst valueEquals = function (a: Array<Date> | any, b: Array<Date> | any) {\n  const aIsArray = a instanceof Array\n  const bIsArray = b instanceof Array\n  if (aIsArray && bIsArray) {\n    if (a.length !== b.length) {\n      return false\n    }\n    return (a as Array<Date>).every((item, index) => dateEquals(item, b[index]))\n  }\n  if (!aIsArray && !bIsArray) {\n    return dateEquals(a, b)\n  }\n  return false\n}\n\nconst parser = function (\n  date: Date | string,\n  format: string,\n  lang: string\n): Dayjs {\n  const day =\n    isEmpty(format) || format === 'x'\n      ? dayjs(date).locale(lang)\n      : dayjs(date, format).locale(lang)\n  return day.isValid() ? day : undefined\n}\n\nconst formatter = function (date: number | Date, format: string, lang: string) {\n  if (isEmpty(format)) return date\n  if (format === 'x') return +date\n  return dayjs(date).locale(lang).format(format)\n}\n\nexport default defineComponent({\n  name: 'Picker',\n  components: {\n    ElInput,\n    ElTooltip,\n    ElIcon,\n  },\n  props: timePickerDefaultProps,\n  emits: [\n    'update:modelValue',\n    'change',\n    'focus',\n    'blur',\n    'calendar-change',\n    'panel-change',\n  ],\n  setup(props, ctx) {\n    const { lang } = useLocale()\n\n    const elForm = inject(elFormKey, {} as ElFormContext)\n    const elFormItem = inject(elFormItemKey, {} as ElFormItemContext)\n    const elPopperOptions = inject('ElPopperOptions', {} as Options)\n\n    const refPopper = ref<InstanceType<typeof ElTooltip>>()\n    const inputRef = ref<HTMLElement | ComponentPublicInstance>()\n    const pickerVisible = ref(false)\n    const pickerActualVisible = ref(false)\n    const valueOnOpen = ref(null)\n\n    watch(pickerVisible, (val) => {\n      if (!val) {\n        userInput.value = null\n        nextTick(() => {\n          emitChange(props.modelValue)\n        })\n        ctx.emit('blur')\n        blurInput()\n        props.validateEvent && elFormItem.validate?.('blur')\n      } else {\n        valueOnOpen.value = props.modelValue\n      }\n    })\n    const emitChange = (val, isClear?: boolean) => {\n      // determine user real change only\n      if (isClear || !valueEquals(val, valueOnOpen.value)) {\n        ctx.emit('change', val)\n        props.validateEvent && elFormItem.validate?.('change')\n      }\n    }\n    const emitInput = (val) => {\n      if (!valueEquals(props.modelValue, val)) {\n        let formatValue\n        if (Array.isArray(val)) {\n          formatValue = val.map((_) =>\n            formatter(_, props.valueFormat, lang.value)\n          )\n        } else if (val) {\n          formatValue = formatter(val, props.valueFormat, lang.value)\n        }\n        ctx.emit('update:modelValue', val ? formatValue : val, lang.value)\n      }\n    }\n    const refInput = computed<HTMLInputElement[]>(() => {\n      if (inputRef.value) {\n        const _r = isRangeInput.value\n          ? inputRef.value\n          : (inputRef.value as any as ComponentPublicInstance).$el\n        return Array.from<HTMLInputElement>(_r.querySelectorAll('input'))\n      }\n      return []\n    })\n    const refStartInput = computed(() => {\n      return refInput?.value[0]\n    })\n    const refEndInput = computed(() => {\n      return refInput?.value[1]\n    })\n    const setSelectionRange = (start, end, pos) => {\n      const _inputs = refInput.value\n      if (!_inputs.length) return\n      if (!pos || pos === 'min') {\n        _inputs[0].setSelectionRange(start, end)\n        _inputs[0].focus()\n      } else if (pos === 'max') {\n        _inputs[1].setSelectionRange(start, end)\n        _inputs[1].focus()\n      }\n    }\n    const onPick = (date: any = '', visible = false) => {\n      pickerVisible.value = visible\n      let result\n      if (Array.isArray(date)) {\n        result = date.map((_) => _.toDate())\n      } else {\n        // clear btn emit null\n        result = date ? date.toDate() : date\n      }\n      userInput.value = null\n      emitInput(result)\n    }\n\n    const focus = (focusStartInput = true) => {\n      let input = refStartInput.value\n      if (!focusStartInput && isRangeInput.value) {\n        input = refEndInput.value\n      }\n      if (input) {\n        input.focus()\n      }\n    }\n\n    const handleFocus = (e) => {\n      if (props.readonly || pickerDisabled.value || pickerVisible.value) return\n      pickerVisible.value = true\n      ctx.emit('focus', e)\n    }\n\n    const handleBlur = () => {\n      refPopper.value?.onClose()\n      blurInput()\n    }\n\n    const pickerDisabled = computed(() => {\n      return props.disabled || elForm.disabled\n    })\n\n    const parsedValue = computed(() => {\n      let result\n      if (valueIsEmpty.value) {\n        if (pickerOptions.value.getDefaultValue) {\n          result = pickerOptions.value.getDefaultValue()\n        }\n      } else {\n        if (Array.isArray(props.modelValue)) {\n          result = props.modelValue.map((_) =>\n            parser(_, props.valueFormat, lang.value)\n          )\n        } else {\n          result = parser(props.modelValue, props.valueFormat, lang.value)\n        }\n      }\n\n      if (pickerOptions.value.getRangeAvailableTime) {\n        const availableResult =\n          pickerOptions.value.getRangeAvailableTime(result)\n        if (!isEqual(availableResult, result)) {\n          result = availableResult\n          emitInput(\n            Array.isArray(result)\n              ? result.map((_) => _.toDate())\n              : result.toDate()\n          )\n        }\n      }\n      if (Array.isArray(result) && result.some((_) => !_)) {\n        result = []\n      }\n      return result\n    })\n\n    const displayValue = computed(() => {\n      if (!pickerOptions.value.panelReady) return\n      const formattedValue = formatDayjsToString(parsedValue.value)\n      if (Array.isArray(userInput.value)) {\n        return [\n          userInput.value[0] || (formattedValue && formattedValue[0]) || '',\n          userInput.value[1] || (formattedValue && formattedValue[1]) || '',\n        ]\n      } else if (userInput.value !== null) {\n        return userInput.value\n      }\n      if (!isTimePicker.value && valueIsEmpty.value) return\n      if (!pickerVisible.value && valueIsEmpty.value) return\n      if (formattedValue) {\n        return isDatesPicker.value\n          ? (formattedValue as Array<string>).join(', ')\n          : formattedValue\n      }\n      return ''\n    })\n\n    const isTimeLikePicker = computed(() => props.type.includes('time'))\n\n    const isTimePicker = computed(() => props.type.startsWith('time'))\n\n    const isDatesPicker = computed(() => props.type === 'dates')\n\n    const triggerIcon = computed(\n      () => props.prefixIcon || (isTimeLikePicker.value ? Clock : Calendar)\n    )\n\n    const showClose = ref(false)\n\n    const onClearIconClick = (event) => {\n      if (props.readonly || pickerDisabled.value) return\n      if (showClose.value) {\n        event.stopPropagation()\n        emitInput(null)\n        emitChange(null, true)\n        showClose.value = false\n        pickerVisible.value = false\n        pickerOptions.value.handleClear && pickerOptions.value.handleClear()\n      }\n    }\n    const valueIsEmpty = computed(() => {\n      return (\n        !props.modelValue ||\n        (Array.isArray(props.modelValue) && !props.modelValue.length)\n      )\n    })\n    const onMouseEnter = () => {\n      if (props.readonly || pickerDisabled.value) return\n      if (!valueIsEmpty.value && props.clearable) {\n        showClose.value = true\n      }\n    }\n    const onMouseLeave = () => {\n      showClose.value = false\n    }\n    const isRangeInput = computed(() => {\n      return props.type.indexOf('range') > -1\n    })\n\n    const pickerSize = useSize()\n\n    const popperPaneRef = computed(() => {\n      return refPopper.value?.popperRef?.contentRef\n    })\n\n    const popperEl = computed(() => unref(refPopper)?.popperRef?.contentRef)\n    const actualInputRef = computed(() => {\n      if (unref(isRangeInput)) {\n        return unref(inputRef)\n      }\n\n      return (unref(inputRef) as ComponentPublicInstance)?.$el\n    })\n\n    onClickOutside(actualInputRef, (e: PointerEvent) => {\n      const unrefedPopperEl = unref(popperEl)\n      const inputEl = unref(actualInputRef)\n      if (\n        (unrefedPopperEl &&\n          (e.target === unrefedPopperEl ||\n            e.composedPath().includes(unrefedPopperEl))) ||\n        e.target === inputEl ||\n        e.composedPath().includes(inputEl)\n      )\n        return\n      pickerVisible.value = false\n    })\n\n    const userInput = ref(null)\n\n    const handleChange = () => {\n      if (userInput.value) {\n        const value = parseUserInputToDayjs(displayValue.value)\n        if (value) {\n          if (isValidValue(value)) {\n            emitInput(\n              Array.isArray(value)\n                ? value.map((_) => _.toDate())\n                : value.toDate()\n            )\n            userInput.value = null\n          }\n        }\n      }\n      if (userInput.value === '') {\n        emitInput(null)\n        emitChange(null)\n        userInput.value = null\n      }\n    }\n\n    const blurInput = () => {\n      refInput.value.forEach((input) => input.blur())\n    }\n\n    const parseUserInputToDayjs = (value) => {\n      if (!value) return null\n      return pickerOptions.value.parseUserInput(value)\n    }\n\n    const formatDayjsToString = (value) => {\n      if (!value) return null\n      return pickerOptions.value.formatToString(value)\n    }\n\n    const isValidValue = (value) => {\n      return pickerOptions.value.isValidValue(value)\n    }\n\n    const handleKeydown = (event) => {\n      const code = event.code\n\n      if (code === EVENT_CODE.esc) {\n        pickerVisible.value = false\n        event.stopPropagation()\n        return\n      }\n\n      if (code === EVENT_CODE.tab) {\n        if (!isRangeInput.value) {\n          handleChange()\n          pickerVisible.value = false\n          event.stopPropagation()\n        } else {\n          // user may change focus between two input\n          setTimeout(() => {\n            if (refInput.value.indexOf(document.activeElement) === -1) {\n              pickerVisible.value = false\n              blurInput()\n            }\n          }, 0)\n        }\n        return\n      }\n\n      if (code === EVENT_CODE.enter || code === EVENT_CODE.numpadEnter) {\n        if (\n          userInput.value === null ||\n          userInput.value === '' ||\n          isValidValue(parseUserInputToDayjs(displayValue.value))\n        ) {\n          handleChange()\n          pickerVisible.value = false\n        }\n        event.stopPropagation()\n        return\n      }\n\n      // if user is typing, do not let picker handle key input\n      if (userInput.value) {\n        event.stopPropagation()\n        return\n      }\n\n      if (pickerOptions.value.handleKeydown) {\n        pickerOptions.value.handleKeydown(event)\n      }\n    }\n    const onUserInput = (e) => {\n      userInput.value = e\n    }\n\n    const handleStartInput = (event) => {\n      if (userInput.value) {\n        userInput.value = [event.target.value, userInput.value[1]]\n      } else {\n        userInput.value = [event.target.value, null]\n      }\n    }\n\n    const handleEndInput = (event) => {\n      if (userInput.value) {\n        userInput.value = [userInput.value[0], event.target.value]\n      } else {\n        userInput.value = [null, event.target.value]\n      }\n    }\n\n    const handleStartChange = () => {\n      const value = parseUserInputToDayjs(userInput.value && userInput.value[0])\n      if (value && value.isValid()) {\n        userInput.value = [formatDayjsToString(value), displayValue.value[1]]\n        const newValue = [value, parsedValue.value && parsedValue.value[1]]\n        if (isValidValue(newValue)) {\n          emitInput(newValue)\n          userInput.value = null\n        }\n      }\n    }\n\n    const handleEndChange = () => {\n      const value = parseUserInputToDayjs(userInput.value && userInput.value[1])\n      if (value && value.isValid()) {\n        userInput.value = [displayValue.value[0], formatDayjsToString(value)]\n        const newValue = [parsedValue.value && parsedValue.value[0], value]\n        if (isValidValue(newValue)) {\n          emitInput(newValue)\n          userInput.value = null\n        }\n      }\n    }\n\n    const pickerOptions = ref<Partial<PickerOptions>>({})\n    const onSetPickerOption = <T extends keyof PickerOptions>(\n      e: [T, PickerOptions[T]]\n    ) => {\n      pickerOptions.value[e[0]] = e[1]\n      pickerOptions.value.panelReady = true\n    }\n\n    const onCalendarChange = (e) => {\n      ctx.emit('calendar-change', e)\n    }\n\n    const onPanelChange = (value, mode, view) => {\n      ctx.emit('panel-change', value, mode, view)\n    }\n\n    provide('EP_PICKER_BASE', {\n      props,\n    })\n\n    return {\n      // injected popper options\n      elPopperOptions,\n\n      isDatesPicker,\n      handleEndChange,\n      handleStartChange,\n      handleStartInput,\n      handleEndInput,\n      onUserInput,\n      handleChange,\n      handleKeydown,\n      popperPaneRef,\n      onClickOutside,\n      pickerSize,\n      isRangeInput,\n      onMouseLeave,\n      onMouseEnter,\n      onClearIconClick,\n      showClose,\n      triggerIcon,\n      onPick,\n      handleFocus,\n      handleBlur,\n      pickerVisible,\n      pickerActualVisible,\n      displayValue,\n      parsedValue,\n      setSelectionRange,\n      refPopper,\n      inputRef,\n      pickerDisabled,\n      onSetPickerOption,\n      onCalendarChange,\n      onPanelChange,\n      focus,\n    }\n  },\n})\n</script>\n"],"names":["_createElementVNode"],"mappings":"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"}