@element-plus/nightly 0.0.20220530 → 0.0.20220531

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20220530 */
+/*! Element Plus v0.0.20220531 */
 
-import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, createStaticVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, resolveComponent, reactive, cloneVNode, Text, toRefs, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
+import { readonly, shallowRef, watchEffect, getCurrentScope, onScopeDispose, ref, watch, unref, getCurrentInstance, onMounted, nextTick, defineComponent, openBlock, createElementBlock, createElementVNode, createStaticVNode, warn, isVNode, Fragment, Comment, camelize as camelize$1, computed, inject, provide, onBeforeUnmount, toRef, onUnmounted, isRef, h as h$1, Teleport, onBeforeMount, normalizeClass, normalizeStyle, renderSlot, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, useAttrs as useAttrs$1, onUpdated, withModifiers, reactive, cloneVNode, Text, toRefs, resolveComponent, renderList, withKeys, createSlots, resolveDirective, normalizeProps, guardReactiveProps, vModelCheckbox, vModelRadio, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, toRaw, triggerRef, TransitionGroup, createApp, render } from 'vue';
 
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 
@@ -7673,10 +7673,10 @@ var _hoisted_5$9 = [
   _hoisted_3$p,
   _hoisted_4$f
 ];
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1$13, _hoisted_5$9);
 }
-var add_location_default = /* @__PURE__ */ export_helper_default(_sfc_main$2j, [["render", _sfc_render$$], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/add-location.vue"]]);
+var add_location_default = /* @__PURE__ */ export_helper_default(_sfc_main$2j, [["render", _sfc_render$Y], ["__file", "/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/add-location.vue"]]);
 var _sfc_main2 = defineComponent({
   name: "Aim"
 });
@@ -15530,7 +15530,7 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const version$1 = "0.0.20220530";
+const version$1 = "0.0.20220531";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 const makeInstaller = (components = []) => {
@@ -15580,11 +15580,11 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-const __default__$1d = {
+const __default__$1e = {
   name: "ElAffix"
 };
 const _sfc_main$2i = /* @__PURE__ */ defineComponent({
-  ...__default__$1d,
+  ...__default__$1e,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -15699,12 +15699,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1c = {
+const __default__$1d = {
   name: "ElIcon",
   inheritAttrs: false
 };
 const _sfc_main$2h = /* @__PURE__ */ defineComponent({
-  ...__default__$1c,
+  ...__default__$1d,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -15766,11 +15766,11 @@ const alertEmits = {
   close: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1b = {
+const __default__$1c = {
   name: "ElAlert"
 };
 const _sfc_main$2g = /* @__PURE__ */ defineComponent({
-  ...__default__$1b,
+  ...__default__$1c,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -16037,12 +16037,12 @@ const inputEmits = {
 const _hoisted_1$12 = ["role"];
 const _hoisted_2$H = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder"];
 const _hoisted_3$o = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder"];
-const __default__$1a = {
+const __default__$1b = {
   name: "ElInput",
   inheritAttrs: false
 };
 const _sfc_main$2f = /* @__PURE__ */ defineComponent({
-  ...__default__$1a,
+  ...__default__$1b,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -16472,6 +16472,7 @@ var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "input.vue"]])
 
 const ElInput = withInstall(Input);
 
+const GAP = 4;
 const BAR_MAP = {
   vertical: {
     offset: "offsetHeight",
@@ -16494,7 +16495,11 @@ const BAR_MAP = {
     direction: "left"
   }
 };
-const renderThumbStyle$1 = ({ move, size, bar }) => ({
+const renderThumbStyle$1 = ({
+  move,
+  size,
+  bar
+}) => ({
   [bar.size]: size,
   transform: `translate${bar.axis}(${move}%)`
 });
@@ -16510,15 +16515,15 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$d = "Thumb";
-const _sfc_main$2e = defineComponent({
-  name: COMPONENT_NAME$d,
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
   props: thumbProps,
-  setup(props) {
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "Thumb";
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$d, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -16601,56 +16606,42 @@ const _sfc_main$2e = defineComponent({
     };
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
     useEventListener(toRef(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
-    return {
-      ns,
-      instance,
-      thumb,
-      bar,
-      thumbStyle,
-      visible,
-      clickTrackHandler,
-      clickThumbHandler
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: unref(ns).b("fade")
+      }, {
+        default: withCtx(() => [
+          withDirectives(createElementVNode("div", {
+            ref_key: "instance",
+            ref: instance,
+            class: normalizeClass([unref(ns).e("bar"), unref(ns).is(unref(bar).key)]),
+            onMousedown: clickTrackHandler
+          }, [
+            createElementVNode("div", {
+              ref_key: "thumb",
+              ref: thumb,
+              class: normalizeClass(unref(ns).e("thumb")),
+              style: normalizeStyle(unref(thumbStyle)),
+              onMousedown: clickThumbHandler
+            }, null, 38)
+          ], 34), [
+            [vShow, _ctx.always || visible.value]
+          ])
+        ]),
+        _: 1
+      }, 8, ["name"]);
     };
   }
 });
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, {
-    name: _ctx.ns.b("fade")
-  }, {
-    default: withCtx(() => [
-      withDirectives(createElementVNode("div", {
-        ref: "instance",
-        class: normalizeClass([_ctx.ns.e("bar"), _ctx.ns.is(_ctx.bar.key)]),
-        onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.clickTrackHandler && _ctx.clickTrackHandler(...args))
-      }, [
-        createElementVNode("div", {
-          ref: "thumb",
-          class: normalizeClass(_ctx.ns.e("thumb")),
-          style: normalizeStyle(_ctx.thumbStyle),
-          onMousedown: _cache[0] || (_cache[0] = (...args) => _ctx.clickThumbHandler && _ctx.clickThumbHandler(...args))
-        }, null, 38)
-      ], 34), [
-        [vShow, _ctx.always || _ctx.visible]
-      ])
-    ]),
-    _: 1
-  }, 8, ["name"]);
-}
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["render", _sfc_render$_], ["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
     type: Boolean,
     default: true
   },
-  width: {
-    type: String,
-    default: ""
-  },
-  height: {
-    type: String,
-    default: ""
-  },
+  width: String,
+  height: String,
   ratioX: {
     type: Number,
     default: 1
@@ -16661,15 +16652,12 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2d = defineComponent({
-  components: {
-    Thumb
-  },
+const _sfc_main$2d = /* @__PURE__ */ defineComponent({
   props: barProps,
-  setup(props) {
+  setup(__props, { expose }) {
+    const props = __props;
     const moveX = ref(0);
     const moveY = ref(0);
-    const GAP = 4;
     const handleScroll = (wrap) => {
       if (wrap) {
         const offsetHeight = wrap.offsetHeight - GAP;
@@ -16678,32 +16666,29 @@ const _sfc_main$2d = defineComponent({
         moveX.value = wrap.scrollLeft * 100 / offsetWidth * props.ratioX;
       }
     };
-    return {
-      handleScroll,
-      moveX,
-      moveY
+    expose({
+      handleScroll
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Thumb, {
+          move: moveX.value,
+          ratio: _ctx.ratioX,
+          size: _ctx.width,
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"]),
+        createVNode(Thumb, {
+          move: moveY.value,
+          ratio: _ctx.ratioY,
+          size: _ctx.height,
+          vertical: "",
+          always: _ctx.always
+        }, null, 8, ["move", "ratio", "size", "always"])
+      ], 64);
     };
   }
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_thumb = resolveComponent("thumb");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createVNode(_component_thumb, {
-      move: _ctx.moveX,
-      ratio: _ctx.ratioX,
-      size: _ctx.width,
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"]),
-    createVNode(_component_thumb, {
-      move: _ctx.moveY,
-      ratio: _ctx.ratioY,
-      size: _ctx.height,
-      vertical: "",
-      always: _ctx.always
-    }, null, 8, ["move", "ratio", "size", "always"])
-  ], 64);
-}
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["render", _sfc_render$Z], ["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2d, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -16714,10 +16699,7 @@ const scrollbarProps = buildProps({
     type: [String, Number],
     default: ""
   },
-  native: {
-    type: Boolean,
-    default: false
-  },
+  native: Boolean,
   wrapStyle: {
     type: definePropType([String, Object, Array]),
     default: ""
@@ -16739,10 +16721,7 @@ const scrollbarProps = buildProps({
     type: String,
     default: "div"
   },
-  always: {
-    type: Boolean,
-    default: false
-  },
+  always: Boolean,
   minSize: {
     type: Number,
     default: 20
@@ -16755,14 +16734,15 @@ const scrollbarEmits = {
   }) => isNumber(scrollTop) && isNumber(scrollLeft)
 };
 
-const _sfc_main$2c = defineComponent({
-  name: "ElScrollbar",
-  components: {
-    Bar
-  },
+const __default__$1a = {
+  name: "ElScrollbar"
+};
+const _sfc_main$2c = /* @__PURE__ */ defineComponent({
+  ...__default__$1a,
   props: scrollbarProps,
   emits: scrollbarEmits,
-  setup(props, { emit }) {
+  setup(__props, { expose, emit }) {
+    const props = __props;
     const ns = useNamespace("scrollbar");
     let stopResizeObserver = void 0;
     let stopResizeListener = void 0;
@@ -16772,11 +16752,8 @@ const _sfc_main$2c = defineComponent({
     const sizeWidth = ref("0");
     const sizeHeight = ref("0");
     const barRef = ref();
-    const moveX = ref(0);
-    const moveY = ref(0);
     const ratioY = ref(1);
     const ratioX = ref(1);
-    const GAP = 4;
     const style = computed(() => {
       const style2 = {};
       if (props.height)
@@ -16856,66 +16833,57 @@ const _sfc_main$2c = defineComponent({
         nextTick(() => update());
     });
     onUpdated(() => update());
-    return {
-      ns,
-      scrollbar$,
-      wrap$,
-      resize$,
-      barRef,
-      moveX,
-      moveY,
-      ratioX,
-      ratioY,
-      sizeWidth,
-      sizeHeight,
-      style,
+    expose({
       update,
-      handleScroll,
       scrollTo,
       setScrollTop,
-      setScrollLeft
+      setScrollLeft,
+      handleScroll
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "scrollbar$",
+        ref: scrollbar$,
+        class: normalizeClass(unref(ns).b())
+      }, [
+        createElementVNode("div", {
+          ref_key: "wrap$",
+          ref: wrap$,
+          class: normalizeClass([
+            _ctx.wrapClass,
+            unref(ns).e("wrap"),
+            { [unref(ns).em("wrap", "hidden-default")]: !_ctx.native }
+          ]),
+          style: normalizeStyle(unref(style)),
+          onScroll: handleScroll
+        }, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
+            ref_key: "resize$",
+            ref: resize$,
+            class: normalizeClass([unref(ns).e("view"), _ctx.viewClass]),
+            style: normalizeStyle(_ctx.viewStyle)
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["class", "style"]))
+        ], 38),
+        !_ctx.native ? (openBlock(), createBlock(Bar, {
+          key: 0,
+          ref_key: "barRef",
+          ref: barRef,
+          height: sizeHeight.value,
+          width: sizeWidth.value,
+          always: _ctx.always,
+          "ratio-x": ratioX.value,
+          "ratio-y": ratioY.value
+        }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
+      ], 2);
     };
   }
 });
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_bar = resolveComponent("bar");
-  return openBlock(), createElementBlock("div", {
-    ref: "scrollbar$",
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    createElementVNode("div", {
-      ref: "wrap$",
-      class: normalizeClass([
-        _ctx.wrapClass,
-        _ctx.ns.e("wrap"),
-        { [_ctx.ns.em("wrap", "hidden-default")]: !_ctx.native }
-      ]),
-      style: normalizeStyle(_ctx.style),
-      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.handleScroll && _ctx.handleScroll(...args))
-    }, [
-      (openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
-        ref: "resize$",
-        class: normalizeClass([_ctx.ns.e("view"), _ctx.viewClass]),
-        style: normalizeStyle(_ctx.viewStyle)
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]))
-    ], 38),
-    !_ctx.native ? (openBlock(), createBlock(_component_bar, {
-      key: 0,
-      ref: "barRef",
-      height: _ctx.sizeHeight,
-      width: _ctx.sizeWidth,
-      always: _ctx.always,
-      "ratio-x": _ctx.ratioX,
-      "ratio-y": _ctx.ratioY
-    }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"])) : createCommentVNode("v-if", true)
-  ], 2);
-}
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["render", _sfc_render$Y], ["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2c, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar);
 
@@ -21036,8 +21004,11 @@ const _sfc_main$1X = defineComponent({
     const valueIsEmpty = computed(() => {
       return !props.modelValue || Array.isArray(props.modelValue) && !props.modelValue.length;
     });
-    const onMouseDownInput = () => {
-      pickerVisible.value = true;
+    const onMouseDownInput = async (event) => {
+      var _a;
+      if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT") {
+        pickerVisible.value = true;
+      }
     };
     const onMouseEnter = () => {
       if (props.readonly || pickerDisabled.value)
@@ -21049,8 +21020,11 @@ const _sfc_main$1X = defineComponent({
     const onMouseLeave = () => {
       showClose.value = false;
     };
-    const onTouchStartInput = () => {
-      pickerVisible.value = true;
+    const onTouchStartInput = (event) => {
+      var _a;
+      if (((_a = event.touches[0].target) == null ? void 0 : _a.tagName) !== "INPUT") {
+        pickerVisible.value = true;
+      }
     };
     const isRangeInput = computed(() => {
       return props.type.includes("range");
@@ -28668,11 +28642,13 @@ const _hoisted_7$1 = ["aria-label"];
 const _sfc_main$1l = /* @__PURE__ */ defineComponent({
   props: panelDatePickProps,
   emits: ["pick", "set-picker-option", "panel-change"],
-  setup(__props, { emit: _emit }) {
+  setup(__props, { emit: contextEmit }) {
     const props = __props;
     const timeWithinRange = (_, __, ___) => true;
     const ppNs = useNamespace("picker-panel");
     const dpNs = useNamespace("date-picker");
+    const attrs = useAttrs$1();
+    const slots = useSlots();
     const { t, lang } = useLocale();
     const pickerBase = inject("EP_PICKER_BASE");
     const popper = inject(TOOLTIP_INJECTION_KEY);
@@ -28705,18 +28681,19 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     const emit = (value, ...args) => {
       if (!value) {
-        _emit("pick", value, ...args);
-      } else if (Array.isArray(value)) {
+        contextEmit("pick", value, ...args);
+      } else if (isArray(value)) {
         const dates = value.map(formatEmit);
-        _emit("pick", dates, ...args);
+        contextEmit("pick", dates, ...args);
       } else {
-        _emit("pick", formatEmit(value), ...args);
+        contextEmit("pick", formatEmit(value), ...args);
       }
       userInputDate.value = null;
       userInputTime.value = null;
     };
-    const handleDatePick = (value, keepOpen = void 0) => {
+    const handleDatePick = (value, keepOpen) => {
       if (selectionMode.value === "date") {
+        value = value;
         let newDate = props.parsedValue ? props.parsedValue.year(value.year()).month(value.month()).date(value.date()) : value;
         if (!checkDateWithinRange(newDate)) {
           newDate = selectableRange.value[0][0].year(value.year()).month(value.month()).date(value.date());
@@ -28766,19 +28743,23 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
       return `${year.value} ${yearTranslation}`;
     });
     const handleShortcutClick = (shortcut) => {
-      const shortcutValue = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+      const shortcutValue = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
       if (shortcutValue) {
         emit(dayjs(shortcutValue).locale(lang.value));
         return;
       }
       if (shortcut.onClick) {
-        shortcut.onClick(ctx);
+        shortcut.onClick({
+          attrs,
+          slots,
+          emit: contextEmit
+        });
       }
     };
     const selectionMode = computed(() => {
-      if (["week", "month", "year", "dates"].includes(props.type)) {
-        return props.type;
-      }
+      const { type } = props;
+      if (["week", "month", "year", "dates"].includes(type))
+        return type;
       return "date";
     });
     const keyboardMode = computed(() => {
@@ -28968,37 +28949,38 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
     };
     const handleKeyControl = (code) => {
       var _a;
+      const { up, down, left, right, home, end, pageUp, pageDown } = EVENT_CODE;
       const mapping = {
         year: {
-          [EVENT_CODE.up]: -4,
-          [EVENT_CODE.down]: 4,
-          [EVENT_CODE.left]: -1,
-          [EVENT_CODE.right]: 1,
+          [up]: -4,
+          [down]: 4,
+          [left]: -1,
+          [right]: 1,
           offset: (date, step) => date.setFullYear(date.getFullYear() + step)
         },
         month: {
-          [EVENT_CODE.up]: -4,
-          [EVENT_CODE.down]: 4,
-          [EVENT_CODE.left]: -1,
-          [EVENT_CODE.right]: 1,
+          [up]: -4,
+          [down]: 4,
+          [left]: -1,
+          [right]: 1,
           offset: (date, step) => date.setMonth(date.getMonth() + step)
         },
         week: {
-          [EVENT_CODE.up]: -1,
-          [EVENT_CODE.down]: 1,
-          [EVENT_CODE.left]: -1,
-          [EVENT_CODE.right]: 1,
+          [up]: -1,
+          [down]: 1,
+          [left]: -1,
+          [right]: 1,
           offset: (date, step) => date.setDate(date.getDate() + step * 7)
         },
         date: {
-          [EVENT_CODE.up]: -7,
-          [EVENT_CODE.down]: 7,
-          [EVENT_CODE.left]: -1,
-          [EVENT_CODE.right]: 1,
-          [EVENT_CODE.home]: (date) => -date.getDay(),
-          [EVENT_CODE.end]: (date) => -date.getDay() + 6,
-          [EVENT_CODE.pageUp]: (date) => -new Date(date.getFullYear(), date.getMonth(), 0).getDate(),
-          [EVENT_CODE.pageDown]: (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(),
+          [up]: -7,
+          [down]: 7,
+          [left]: -1,
+          [right]: 1,
+          [home]: (date) => -date.getDay(),
+          [end]: (date) => -date.getDay() + 6,
+          [pageUp]: (date) => -new Date(date.getFullYear(), date.getMonth(), 0).getDate(),
+          [pageDown]: (date) => new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate(),
           offset: (date, step) => date.setDate(date.getDate() + step)
         }
       };
@@ -29013,17 +28995,17 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
         }
         const result = dayjs(newDate).locale(lang.value);
         innerDate.value = result;
-        _emit("pick", result, true);
+        contextEmit("pick", result, true);
         break;
       }
     };
     const handlePanelChange = (mode) => {
-      _emit("panel-change", innerDate.value.toDate(), mode, currentView.value);
+      contextEmit("panel-change", innerDate.value.toDate(), mode, currentView.value);
     };
-    _emit("set-picker-option", ["isValidValue", isValidValue]);
-    _emit("set-picker-option", ["formatToString", formatToString]);
-    _emit("set-picker-option", ["parseUserInput", parseUserInput]);
-    _emit("set-picker-option", ["handleFocusPicker", handleFocusPicker]);
+    contextEmit("set-picker-option", ["isValidValue", isValidValue]);
+    contextEmit("set-picker-option", ["formatToString", formatToString]);
+    contextEmit("set-picker-option", ["parseUserInput", parseUserInput]);
+    contextEmit("set-picker-option", ["handleFocusPicker", handleFocusPicker]);
     watch(() => defaultValue.value, (val) => {
       if (val) {
         innerDate.value = getDefaultValue();
@@ -29281,6 +29263,30 @@ const panelDateRangeProps = buildProps({
   ...panelRangeSharedProps
 });
 
+const useShortcut = (lang) => {
+  const { emit } = getCurrentInstance();
+  const attrs = useAttrs$1();
+  const slots = useSlots();
+  const handleShortcutClick = (shortcut) => {
+    const shortcutValues = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
+    if (shortcutValues) {
+      emit("pick", [
+        dayjs(shortcutValues[0]).locale(lang.value),
+        dayjs(shortcutValues[1]).locale(lang.value)
+      ]);
+      return;
+    }
+    if (shortcut.onClick) {
+      shortcut.onClick({
+        attrs,
+        slots,
+        emit
+      });
+    }
+  };
+  return handleShortcutClick;
+};
+
 const useRangePicker = (props, {
   defaultValue,
   leftDate,
@@ -29289,11 +29295,10 @@ const useRangePicker = (props, {
   onParsedValueChanged
 }) => {
   const { emit } = getCurrentInstance();
-  const attrs = useAttrs$1();
-  const slots = useSlots();
   const { pickerNs } = inject(ROOT_PICKER_INJECTION_KEY);
   const drpNs = useNamespace("date-range-picker");
   const { t, lang } = useLocale();
+  const handleShortcutClick = useShortcut(lang);
   const minDate = ref();
   const maxDate = ref();
   const rangeState = ref({
@@ -29316,23 +29321,6 @@ const useRangePicker = (props, {
       rangeState.value.endDate = null;
     }
   };
-  const handleShortcutClick = (shortcut) => {
-    const shortcutValues = isFunction(shortcut.value) ? shortcut.value() : shortcut.value;
-    if (shortcutValues) {
-      emit("pick", [
-        dayjs(shortcutValues[0]).locale(lang.value),
-        dayjs(shortcutValues[1]).locale(lang.value)
-      ]);
-      return;
-    }
-    if (shortcut.onClick) {
-      shortcut.onClick({
-        attrs,
-        slots,
-        emit
-      });
-    }
-  };
   const restoreDefault = () => {
     const [start, end] = getDefaultValue(unref(defaultValue), {
       lang: unref(lang),
@@ -36753,7 +36741,6 @@ function useSelectStates(props) {
     selected: props.multiple ? [] : {},
     inputLength: 20,
     inputWidth: 0,
-    initialInputHeight: 0,
     optionsCount: 0,
     filteredOptionsCount: 0,
     visible: false,
@@ -36951,8 +36938,8 @@ const useSelect$2 = (props, states, ctx) => {
         return;
       const input2 = reference.value.$el.querySelector("input");
       const _tags = tags.value;
-      const sizeInMap = states.initialInputHeight || getComponentSize(selectSize.value || elForm.size);
-      input2.style.height = states.selected.length === 0 ? `${sizeInMap}px` : `${Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap)}px`;
+      const sizeInMap = getComponentSize(selectSize.value || elForm.size);
+      input2.style.height = `${states.selected.length === 0 ? sizeInMap : Math.max(_tags ? _tags.clientHeight + (_tags.clientHeight > sizeInMap ? 6 : 0) : 0, sizeInMap) - 2}px`;
       states.tagInMultiLine = Number.parseFloat(input2.style.height) >= sizeInMap;
       if (states.visible && emptyText.value !== false) {
         (_b = (_a = tooltipRef.value) == null ? void 0 : _a.updatePopper) == null ? void 0 : _b.call(_a);
@@ -58793,4 +58780,4 @@ var installer = makeInstaller([...Components, ...Plugins]);
 const install = installer.install;
 const version = installer.version;
 
-export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid, DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid, FixedSizeList, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, ROOT_PICKER_INJECTION_KEY, vRepeatClick as RepeatClick, Resize, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, defaultNamespace, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };
+export { BAR_MAP, CASCADER_PANEL_INJECTION_KEY, CHANGE_EVENT, ClickOutside, CommonPicker, CommonProps, DEFAULT_FORMATS_DATE, DEFAULT_FORMATS_DATEPICKER, DEFAULT_FORMATS_TIME, COLLECTION_INJECTION_KEY as DROPDOWN_COLLECTION_INJECTION_KEY, COLLECTION_ITEM_INJECTION_KEY as DROPDOWN_COLLECTION_ITEM_INJECTION_KEY, DROPDOWN_INJECTION_KEY, DefaultProps, DynamicSizeGrid, DynamicSizeList, EVENT_CODE, Effect, ElAffix, ElAlert, ElAside, ElAutoResizer, ElAutocomplete, ElAvatar, ElBacktop, ElBadge, ElBreadcrumb, ElBreadcrumbItem, ElButton, ElButtonGroup$1 as ElButtonGroup, ElCalendar, ElCard, ElCarousel, ElCarouselItem, ElCascader, ElCascaderPanel, ElCheckTag, ElCheckbox, ElCheckboxButton, ElCheckboxGroup$1 as ElCheckboxGroup, ElCol, ElCollapse, ElCollapseItem, ElCollapseTransition, ElCollection, ElCollectionItem, ElColorPicker, ElConfigProvider, ElContainer, ElDatePicker, ElDescriptions, ElDescriptionsItem, ElDialog, ElDivider, ElDrawer, ElDropdown, ElDropdownItem, ElDropdownMenu, ElEmpty, ElFooter, ElForm, ElFormItem, ElHeader, ElIcon, ElImage, ElImageViewer, ElInfiniteScroll, ElInput, ElInputNumber, ElLink, ElLoading, vLoading as ElLoadingDirective, Loading as ElLoadingService, ElMain, ElMenu, ElMenuItem, ElMenuItemGroup, ElMessage, ElMessageBox, ElNotification, ElOption, ElOptionGroup, ElOverlay, ElPageHeader, ElPagination, ElPopconfirm, ElPopover, ElPopoverDirective, ElPopper, ElPopperArrow, ElPopperContent, ElPopperTrigger, ElProgress, ElRadio, ElRadioButton, ElRadioGroup, ElRate, ElResult, ElRow, ElScrollbar, ElSelect, ElSelectV2, ElSkeleton, ElSkeletonItem, ElSlider, ElSpace, ElStep, ElSteps, ElSubMenu, ElSwitch, ElTabPane, ElTable, ElTableColumn, ElTableV2, ElTabs, ElTag, ElTimePicker, ElTimeSelect, ElTimeline, ElTimelineItem, ElTooltip, ElTransfer, ElTree, ElTreeSelect, ElTreeV2, ElUpload, ExpandTrigger$1 as ExpandTrigger, FIRST_KEYS, FIRST_LAST_KEYS, FORWARD_REF_INJECTION_KEY, FixedSizeGrid, FixedSizeList, GAP, ID_INJECTION_KEY, INPUT_EVENT, IconComponentMap, IconMap, LAST_KEYS, Mousewheel, POPPER_CONTAINER_ID, POPPER_CONTAINER_SELECTOR, POPPER_CONTENT_INJECTION_KEY, POPPER_INJECTION_KEY, ROOT_PICKER_INJECTION_KEY, vRepeatClick as RepeatClick, Resize, RowAlign, RowJustify, TOOLTIP_INJECTION_KEY, TOOLTIP_V2_OPEN, TableV2, Alignment as TableV2Alignment, FixedDir as TableV2FixedDir, placeholderSign as TableV2Placeholder, SortOrder as TableV2SortOrder, TimePickPanel, TrapFocus, UPDATE_MODEL_EVENT, WEEK_DAYS, affixEmits, affixProps, alertEffects, alertEmits, alertProps, arrowMiddleware, autoResizerProps, autocompleteEmits, autocompleteProps, avatarEmits, avatarProps, backtopEmits, backtopProps, badgeProps, breadcrumbItemProps, breadcrumbKey, breadcrumbProps, buildLocaleContext, buildTranslator, buttonEmits, buttonGroupContextKey, buttonNativeTypes, buttonProps, buttonTypes, calendarEmits, calendarProps, cardProps, carouselContextKey, carouselEmits, carouselItemProps, carouselProps, checkTagEmits, checkTagProps, checkboxEmits, checkboxProps, colProps, collapseContextKey, collapseEmits, collapseItemProps, collapseProps, componentSizeMap, componentSizes, configProviderContextKey, configProviderProps, createModelToggleComposable, datePickTypes, dayjs, installer as default, defaultNamespace, dialogEmits, dialogInjectionKey, dialogProps, dividerProps, drawerEmits, drawerProps, dropdownItemProps, dropdownMenuProps, dropdownProps, elPaginationKey, emitChangeFn, emptyProps, extractDateFormat, extractTimeFormat, formContextKey, formEmits, formItemContextKey, formItemProps, formItemValidateStates, formProps, genFileId, getPositionDataWithUnit, iconProps, imageEmits, imageProps, imageViewerEmits, imageViewerProps, inputEmits, inputNumberEmits, inputNumberProps, inputProps, install, linkEmits, linkProps, makeInstaller, menuEmits, menuItemEmits, menuItemGroupProps, menuItemProps, menuProps, messageConfig, messageEmits, messageProps, messageTypes, notificationEmits, notificationProps, notificationTypes, overlayEmits, overlayProps, pageHeaderEmits, pageHeaderProps, paginationEmits, paginationProps, popconfirmProps, progressProps, provideGlobalConfig, radioButtonProps, radioEmits, radioGroupEmits, radioGroupKey, radioGroupProps, radioProps, radioPropsBase, rangeArr, rateEmits, rateProps, renderThumbStyle$1 as renderThumbStyle, resultProps, rowContextKey, rowProps, scrollbarContextKey, scrollbarEmits, scrollbarProps, selectGroupKey, selectKey, selectV2InjectionKey, skeletonItemProps, skeletonProps, spaceProps, stepProps, stepsEmits, stepsProps, subMenuProps, switchEmits, switchProps, tabBarProps, tabNavProps, tabPaneProps, tableV2Props, tableV2RowProps, tabsEmits, tabsProps, tabsRootContextKey, tagEmits, tagProps, thumbProps, timePickerDefaultProps, timelineItemProps, tooltipV2ContentKey, tooltipV2RootKey, translate, uploadBaseProps, uploadContentProps, uploadContextKey, uploadDraggerEmits, uploadDraggerProps, uploadListEmits, uploadListProps, uploadListTypes, uploadProps, useAttrs, useCascaderConfig, useCheckbox, useCheckboxGroup, useCheckboxGroupId, useCheckboxGroupProps, useCursor, useDelayedRender, useDelayedToggle, useDelayedToggleProps, useDeprecated, useDialog, useDisabled$1 as useDisabled, useDraggable, useEscapeKeydown, useFloating, useFloatingProps, useFocus, useFormItem, useFormItemInputId, useForwardRef, useForwardRefDirective, useGlobalConfig, useId, useLocale, useLockscreen, useModal, useModelToggle$1 as useModelToggle, useModelToggleEmits$1 as useModelToggleEmits, useModelToggleProps$1 as useModelToggleProps, useNamespace, usePopperArrowProps, usePopperContainer, usePopperContentEmits, usePopperContentProps, usePopperCoreConfigProps, usePopperProps, usePopperTriggerProps, usePreventGlobal, useProp, useRadio, useRestoreActive, useSameTarget, useSize, useSizeProp, useSpace, useTeleport, useThrottleRender, useTimeout, useTooltipContentProps, useTooltipProps, useTooltipTriggerProps, useTransitionFallthrough, useTransitionFallthroughEmits, useZIndex, vLoading, version, virtualizedGridProps, virtualizedListProps, virtualizedProps, virtualizedScrollbarProps };