@element-plus/nightly 0.0.20260310 → 0.0.20260312

package/es/components/image/src/image.vue.d.ts

@@ -48,9 +48,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  switch: (val: number) => void;
   show: () => void;
   load: (evt: Event) => void;
+  switch: (val: number) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageProps>, {
   src: string;
   fit: string;
@@ -64,21 +64,21 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   maxScale: number;
 }>>> & {
   onClose?: (() => any) | undefined;
-  onError?: ((evt: Event) => any) | undefined;
-  onSwitch?: ((val: number) => any) | undefined;
   onLoad?: ((evt: Event) => any) | undefined;
+  onError?: ((evt: Event) => any) | undefined;
   onShow?: (() => any) | undefined;
+  onSwitch?: ((val: number) => any) | undefined;
 }, {
-  initialIndex: number;
   infinite: boolean;
-  closeOnPressEscape: boolean;
-  zoomRate: number;
   scale: number;
-  minScale: number;
-  maxScale: number;
   src: string;
   fit: ImageFitType;
+  initialIndex: number;
+  closeOnPressEscape: boolean;
   previewSrcList: string[];
+  zoomRate: number;
+  minScale: number;
+  maxScale: number;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/image-viewer/src/image-viewer.vue.d.ts

@@ -47,8 +47,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   close: () => void;
   error: (evt: Event) => void;
-  switch: (index: number) => void;
   rotate: (deg: number) => void;
+  switch: (index: number) => void;
 }, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImageViewerProps>, {
   urlList: () => never[];
   initialIndex: number;
@@ -64,14 +64,14 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onSwitch?: ((index: number) => any) | undefined;
   onRotate?: ((deg: number) => any) | undefined;
 }, {
-  urlList: string[];
-  initialIndex: number;
   infinite: boolean;
+  scale: number;
+  initialIndex: number;
   closeOnPressEscape: boolean;
   zoomRate: number;
-  scale: number;
   minScale: number;
   maxScale: number;
+  urlList: string[];
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/input/src/input.vue.d.ts

@@ -5,7 +5,9 @@ import * as vue from "vue";
 import { StyleValue } from "vue";
 
 //#region ../../packages/components/input/src/input.vue.d.ts
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_16: {}, __VLS_69: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_16: {}, __VLS_53: {
+    visible: boolean;
+  }, __VLS_71: {};
 type __VLS_Slots = {} & {
   prepend?: (props: typeof __VLS_1) => any;
 } & {
@@ -13,7 +15,9 @@ type __VLS_Slots = {} & {
 } & {
   suffix?: (props: typeof __VLS_16) => any;
 } & {
-  append?: (props: typeof __VLS_69) => any;
+  'password-icon'?: (props: typeof __VLS_53) => any;
+} & {
+  append?: (props: typeof __VLS_71) => any;
 };
 declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<InputProps>, {
   readonly disabled: undefined;

package/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs

@@ -348,8 +348,8 @@ var input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCo
 							onMousedown: withModifiers(unref(NOOP), ["prevent"]),
 							onMouseup: withModifiers(unref(NOOP), ["prevent"])
 						}, {
-							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(passwordIcon.value)))]),
-							_: 1
+							default: withCtx(() => [renderSlot(_ctx.$slots, "password-icon", { visible: passwordVisible.value }, () => [(openBlock(), createBlock(resolveDynamicComponent(passwordIcon.value)))])]),
+							_: 3
 						}, 8, [
 							"class",
 							"onMousedown",

package/es/components/input/src/input.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      containerKls,\n      {\n        [nsInput.bm('group', 'append')]: $slots.append,\n        [nsInput.bm('group', 'prepend')]: $slots.prepend,\n      },\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\">\n            <slot name=\"prefix\" />\n            <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n              <component :is=\"prefixIcon\" />\n            </el-icon>\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :name=\"name\"\n          :minlength=\"minlength\"\n          :maxlength=\"maxlength\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"ariaLabel\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          :autofocus=\"autofocus\"\n          :role=\"containerRole\"\n          :inputmode=\"inputmode\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\">\n            <template\n              v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n            >\n              <slot name=\"suffix\" />\n              <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n                <component :is=\"suffixIcon\" />\n              </el-icon>\n            </template>\n            <el-icon\n              v-if=\"showClear\"\n              :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              @mousedown.prevent=\"NOOP\"\n              @click=\"clear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showPwdVisible\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n              @click=\"handlePasswordVisible\"\n              @mousedown.prevent=\"NOOP\"\n              @mouseup.prevent=\"NOOP\"\n            >\n              <component :is=\"passwordIcon\" />\n            </el-icon>\n            <span\n              v-if=\"isWordLimitVisible\"\n              :class=\"[\n                nsInput.e('count'),\n                nsInput.is('outside', wordLimitPosition === 'outside'),\n              ]\"\n            >\n              <span :class=\"nsInput.e('count-inner')\">\n                {{ textLength }} / {{ maxlength }}\n              </span>\n            </span>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"[\n          nsTextarea.e('inner'),\n          nsInput.is('focus', isFocused),\n          nsTextarea.is('clearable', clearable),\n        ]\"\n        v-bind=\"attrs\"\n        :name=\"name\"\n        :minlength=\"minlength\"\n        :maxlength=\"maxlength\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"ariaLabel\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        :autofocus=\"autofocus\"\n        :rows=\"rows\"\n        :role=\"containerRole\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <el-icon\n        v-if=\"showClear\"\n        :class=\"[nsTextarea.e('icon'), nsTextarea.e('clear')]\"\n        @mousedown.prevent=\"NOOP\"\n        @click=\"clear\"\n      >\n        <component :is=\"clearIcon\" />\n      </el-icon>\n      <span\n        v-if=\"isWordLimitVisible\"\n        :style=\"countStyle\"\n        :class=\"[\n          nsInput.e('count'),\n          nsInput.is('outside', wordLimitPosition === 'outside'),\n        ]\"\n      >\n        {{ textLength }} / {{ maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  toRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Hide, View } from '@element-plus/icons-vue'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  isClient,\n  isObject,\n} from '@element-plus/utils'\nimport {\n  useAttrs,\n  useComposition,\n  useCursor,\n  useFocusController,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { calcTextareaHeight, looseToNumber } from './utils'\nimport { inputEmits, inputPropsDefaults } from './input'\n\nimport type { StyleValue } from 'vue'\nimport type { InputProps } from './input'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst COMPONENT_NAME = 'ElInput'\ndefineOptions({\n  name: COMPONENT_NAME,\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<InputProps>(), inputPropsDefaults)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst containerKls = computed(() => [\n  props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n    [nsInput.m('suffix')]:\n      slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]:\n      showClear.value && showPwdVisible.value,\n    [nsInput.b('hidden')]: props.type === 'hidden',\n  },\n  rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n  nsInput.e('wrapper'),\n  nsInput.is('focus', isFocused.value),\n])\n\nconst { form: elForm, formItem: elFormItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\n// wrapperRef for type=\"text\", handleFocus and handleBlur for type=\"textarea\"\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n  _ref,\n  {\n    disabled: inputDisabled,\n    afterBlur() {\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch((err) => debugWarn(err))\n      }\n    },\n  }\n)\n\nconst needStatusIcon = computed(() => elForm?.statusIcon ?? false)\nconst validateState = computed(() => elFormItem?.validateState || '')\nconst validateIcon = computed(\n  () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() => (passwordVisible.value ? View : Hide))\nconst containerStyle = computed<StyleValue>(() => [\n  rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n  props.inputStyle,\n  textareaCalcStyle.value,\n  { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n  isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n  () =>\n    props.clearable &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !!nativeInputValue.value &&\n    (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n  () => props.showPassword && !inputDisabled.value && !!nativeInputValue.value\n)\nconst isWordLimitVisible = computed(\n  () =>\n    props.showWordLimit &&\n    !!props.maxlength &&\n    (props.type === 'text' || props.type === 'textarea') &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n  () =>\n    !!slots.suffix ||\n    !!props.suffixIcon ||\n    showClear.value ||\n    props.showPassword ||\n    isWordLimitVisible.value ||\n    (!!validateState.value && needStatusIcon.value)\n)\nconst hasModelModifiers = computed(\n  () => !!Object.keys(props.modelModifiers).length\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n  onceInitSizeTextarea()\n  if (\n    !isWordLimitVisible.value ||\n    (props.resize !== 'both' && props.resize !== 'horizontal')\n  )\n    return\n  const entry = entries[0]\n  const { width } = entry.contentRect\n  countStyle.value = {\n    /** right: 100% - width + padding(22) - right(10) */\n    right: `calc(100% - ${width + 22 - 10}px)`,\n  }\n})\n\nconst resizeTextarea = () => {\n  const { type, autosize } = props\n\n  if (!isClient || type !== 'textarea' || !textarea.value) return\n\n  if (autosize) {\n    const minRows = isObject(autosize) ? autosize.minRows : undefined\n    const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n    const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n    // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n    // If set textarea height in this case, the scrollbar will not hide.\n    // So we need to hide scrollbar first, and reset it in next tick.\n    // see https://github.com/element-plus/element-plus/issues/8825\n    textareaCalcStyle.value = {\n      overflowY: 'hidden',\n      ...textareaStyle,\n    }\n\n    nextTick(() => {\n      // NOTE: Force repaint to make sure the style set above is applied.\n      textarea.value!.offsetHeight\n      textareaCalcStyle.value = textareaStyle\n    })\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value).minHeight,\n    }\n  }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n  let isInit = false\n  return () => {\n    if (isInit || !props.autosize) return\n    const isElHidden = textarea.value?.offsetParent === null\n    if (!isElHidden) {\n      setTimeout(resizeTextarea)\n      isInit = true\n    }\n  }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n  const input = _ref.value\n  const formatterValue = props.formatter\n    ? props.formatter(nativeInputValue.value)\n    : nativeInputValue.value\n  if (!input || input.value === formatterValue || props.type === 'file') return\n  input.value = formatterValue\n}\n\nconst formatValue = (value: string) => {\n  const { trim, number } = props.modelModifiers\n  if (trim) {\n    value = value.trim()\n  }\n  if (number) {\n    value = `${looseToNumber(value)}`\n  }\n  if (props.formatter && props.parser) {\n    value = props.parser(value)\n  }\n  return value\n}\n\nconst handleInput = async (event: Event) => {\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return\n\n  const { lazy } = props.modelModifiers\n  let { value } = event.target as TargetElement\n  if (lazy) {\n    emit(INPUT_EVENT, value)\n    return\n  }\n\n  value = formatValue(value)\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (String(value) === nativeInputValue.value) {\n    // preserve native features while being compatible with #9501\n    if (props.formatter) {\n      setNativeInputValue()\n    }\n    return\n  }\n\n  recordCursor()\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick()\n\n  if ((props.formatter && props.parser) || !hasModelModifiers.value) {\n    setNativeInputValue()\n  }\n  setCursor()\n}\n\nconst handleChange = async (event: Event) => {\n  let { value } = event.target as TargetElement\n\n  value = formatValue(value)\n  if (props.modelModifiers.lazy) {\n    emit(UPDATE_MODEL_EVENT, value)\n  }\n  emit(CHANGE_EVENT, value, event)\n\n  await nextTick()\n  setNativeInputValue()\n}\n\nconst {\n  isComposing,\n  handleCompositionStart,\n  handleCompositionUpdate,\n  handleCompositionEnd,\n} = useComposition({ emit, afterComposition: handleInput })\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value\n}\n\nconst focus = () => _ref.value?.focus()\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false\n  emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true\n  emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  emit('keydown', evt)\n}\n\nconst select = () => {\n  _ref.value?.select()\n}\n\nconst clear = (evt?: MouseEvent) => {\n  emit(UPDATE_MODEL_EVENT, '')\n  emit(CHANGE_EVENT, '')\n  emit('clear', evt)\n  emit(INPUT_EVENT, '')\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea())\n    if (props.validateEvent) {\n      elFormItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, (newValue) => {\n  if (!_ref.value) {\n    return\n  }\n  const { trim, number } = props.modelModifiers\n  const elValue = _ref.value.value\n  const displayValue =\n    (number || props.type === 'number') && !/^0\\d/.test(elValue)\n      ? `${looseToNumber(elValue)}`\n      : elValue\n\n  if (displayValue === newValue) {\n    return\n  }\n\n  if (document.activeElement === _ref.value && _ref.value.type !== 'range') {\n    if (trim && displayValue.trim() === newValue) {\n      return\n    }\n  }\n\n  setNativeInputValue()\n})\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => props.type,\n  async () => {\n    await nextTick()\n    setNativeInputValue()\n    resizeTextarea()\n  }\n)\n\nonMounted(() => {\n  if (!props.formatter && props.parser) {\n    debugWarn(\n      COMPONENT_NAME,\n      'If you set the parser, you also need to set the formatter.'\n    )\n  }\n  setNativeInputValue()\n  nextTick(resizeTextarea)\n})\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: toRef(props, 'autosize'),\n\n  /** @description is input composing */\n  isComposing,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"input.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      containerKls,\n      {\n        [nsInput.bm('group', 'append')]: $slots.append,\n        [nsInput.bm('group', 'prepend')]: $slots.prepend,\n      },\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\">\n            <slot name=\"prefix\" />\n            <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n              <component :is=\"prefixIcon\" />\n            </el-icon>\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :name=\"name\"\n          :minlength=\"minlength\"\n          :maxlength=\"maxlength\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"ariaLabel\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          :autofocus=\"autofocus\"\n          :role=\"containerRole\"\n          :inputmode=\"inputmode\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\">\n            <template\n              v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n            >\n              <slot name=\"suffix\" />\n              <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n                <component :is=\"suffixIcon\" />\n              </el-icon>\n            </template>\n            <el-icon\n              v-if=\"showClear\"\n              :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              @mousedown.prevent=\"NOOP\"\n              @click=\"clear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showPwdVisible\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n              @click=\"handlePasswordVisible\"\n              @mousedown.prevent=\"NOOP\"\n              @mouseup.prevent=\"NOOP\"\n            >\n              <slot name=\"password-icon\" :visible=\"passwordVisible\">\n                <component :is=\"passwordIcon\" />\n              </slot>\n            </el-icon>\n            <span\n              v-if=\"isWordLimitVisible\"\n              :class=\"[\n                nsInput.e('count'),\n                nsInput.is('outside', wordLimitPosition === 'outside'),\n              ]\"\n            >\n              <span :class=\"nsInput.e('count-inner')\">\n                {{ textLength }} / {{ maxlength }}\n              </span>\n            </span>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"[\n          nsTextarea.e('inner'),\n          nsInput.is('focus', isFocused),\n          nsTextarea.is('clearable', clearable),\n        ]\"\n        v-bind=\"attrs\"\n        :name=\"name\"\n        :minlength=\"minlength\"\n        :maxlength=\"maxlength\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"ariaLabel\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        :autofocus=\"autofocus\"\n        :rows=\"rows\"\n        :role=\"containerRole\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <el-icon\n        v-if=\"showClear\"\n        :class=\"[nsTextarea.e('icon'), nsTextarea.e('clear')]\"\n        @mousedown.prevent=\"NOOP\"\n        @click=\"clear\"\n      >\n        <component :is=\"clearIcon\" />\n      </el-icon>\n      <span\n        v-if=\"isWordLimitVisible\"\n        :style=\"countStyle\"\n        :class=\"[\n          nsInput.e('count'),\n          nsInput.is('outside', wordLimitPosition === 'outside'),\n        ]\"\n      >\n        {{ textLength }} / {{ maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  toRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Hide, View } from '@element-plus/icons-vue'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  isClient,\n  isObject,\n} from '@element-plus/utils'\nimport {\n  useAttrs,\n  useComposition,\n  useCursor,\n  useFocusController,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { calcTextareaHeight, looseToNumber } from './utils'\nimport { inputEmits, inputPropsDefaults } from './input'\n\nimport type { StyleValue } from 'vue'\nimport type { InputProps } from './input'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst COMPONENT_NAME = 'ElInput'\ndefineOptions({\n  name: COMPONENT_NAME,\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<InputProps>(), inputPropsDefaults)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst containerKls = computed(() => [\n  props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n    [nsInput.m('suffix')]:\n      slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]:\n      showClear.value && showPwdVisible.value,\n    [nsInput.b('hidden')]: props.type === 'hidden',\n  },\n  rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n  nsInput.e('wrapper'),\n  nsInput.is('focus', isFocused.value),\n])\n\nconst { form: elForm, formItem: elFormItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\n// wrapperRef for type=\"text\", handleFocus and handleBlur for type=\"textarea\"\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n  _ref,\n  {\n    disabled: inputDisabled,\n    afterBlur() {\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch((err) => debugWarn(err))\n      }\n    },\n  }\n)\n\nconst needStatusIcon = computed(() => elForm?.statusIcon ?? false)\nconst validateState = computed(() => elFormItem?.validateState || '')\nconst validateIcon = computed(\n  () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() => (passwordVisible.value ? View : Hide))\nconst containerStyle = computed<StyleValue>(() => [\n  rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n  props.inputStyle,\n  textareaCalcStyle.value,\n  { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n  isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n  () =>\n    props.clearable &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !!nativeInputValue.value &&\n    (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n  () => props.showPassword && !inputDisabled.value && !!nativeInputValue.value\n)\nconst isWordLimitVisible = computed(\n  () =>\n    props.showWordLimit &&\n    !!props.maxlength &&\n    (props.type === 'text' || props.type === 'textarea') &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n  () =>\n    !!slots.suffix ||\n    !!props.suffixIcon ||\n    showClear.value ||\n    props.showPassword ||\n    isWordLimitVisible.value ||\n    (!!validateState.value && needStatusIcon.value)\n)\nconst hasModelModifiers = computed(\n  () => !!Object.keys(props.modelModifiers).length\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n  onceInitSizeTextarea()\n  if (\n    !isWordLimitVisible.value ||\n    (props.resize !== 'both' && props.resize !== 'horizontal')\n  )\n    return\n  const entry = entries[0]\n  const { width } = entry.contentRect\n  countStyle.value = {\n    /** right: 100% - width + padding(22) - right(10) */\n    right: `calc(100% - ${width + 22 - 10}px)`,\n  }\n})\n\nconst resizeTextarea = () => {\n  const { type, autosize } = props\n\n  if (!isClient || type !== 'textarea' || !textarea.value) return\n\n  if (autosize) {\n    const minRows = isObject(autosize) ? autosize.minRows : undefined\n    const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n    const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n    // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n    // If set textarea height in this case, the scrollbar will not hide.\n    // So we need to hide scrollbar first, and reset it in next tick.\n    // see https://github.com/element-plus/element-plus/issues/8825\n    textareaCalcStyle.value = {\n      overflowY: 'hidden',\n      ...textareaStyle,\n    }\n\n    nextTick(() => {\n      // NOTE: Force repaint to make sure the style set above is applied.\n      textarea.value!.offsetHeight\n      textareaCalcStyle.value = textareaStyle\n    })\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value).minHeight,\n    }\n  }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n  let isInit = false\n  return () => {\n    if (isInit || !props.autosize) return\n    const isElHidden = textarea.value?.offsetParent === null\n    if (!isElHidden) {\n      setTimeout(resizeTextarea)\n      isInit = true\n    }\n  }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n  const input = _ref.value\n  const formatterValue = props.formatter\n    ? props.formatter(nativeInputValue.value)\n    : nativeInputValue.value\n  if (!input || input.value === formatterValue || props.type === 'file') return\n  input.value = formatterValue\n}\n\nconst formatValue = (value: string) => {\n  const { trim, number } = props.modelModifiers\n  if (trim) {\n    value = value.trim()\n  }\n  if (number) {\n    value = `${looseToNumber(value)}`\n  }\n  if (props.formatter && props.parser) {\n    value = props.parser(value)\n  }\n  return value\n}\n\nconst handleInput = async (event: Event) => {\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return\n\n  const { lazy } = props.modelModifiers\n  let { value } = event.target as TargetElement\n  if (lazy) {\n    emit(INPUT_EVENT, value)\n    return\n  }\n\n  value = formatValue(value)\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (String(value) === nativeInputValue.value) {\n    // preserve native features while being compatible with #9501\n    if (props.formatter) {\n      setNativeInputValue()\n    }\n    return\n  }\n\n  recordCursor()\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick()\n\n  if ((props.formatter && props.parser) || !hasModelModifiers.value) {\n    setNativeInputValue()\n  }\n  setCursor()\n}\n\nconst handleChange = async (event: Event) => {\n  let { value } = event.target as TargetElement\n\n  value = formatValue(value)\n  if (props.modelModifiers.lazy) {\n    emit(UPDATE_MODEL_EVENT, value)\n  }\n  emit(CHANGE_EVENT, value, event)\n\n  await nextTick()\n  setNativeInputValue()\n}\n\nconst {\n  isComposing,\n  handleCompositionStart,\n  handleCompositionUpdate,\n  handleCompositionEnd,\n} = useComposition({ emit, afterComposition: handleInput })\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value\n}\n\nconst focus = () => _ref.value?.focus()\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false\n  emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true\n  emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  emit('keydown', evt)\n}\n\nconst select = () => {\n  _ref.value?.select()\n}\n\nconst clear = (evt?: MouseEvent) => {\n  emit(UPDATE_MODEL_EVENT, '')\n  emit(CHANGE_EVENT, '')\n  emit('clear', evt)\n  emit(INPUT_EVENT, '')\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea())\n    if (props.validateEvent) {\n      elFormItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, (newValue) => {\n  if (!_ref.value) {\n    return\n  }\n  const { trim, number } = props.modelModifiers\n  const elValue = _ref.value.value\n  const displayValue =\n    (number || props.type === 'number') && !/^0\\d/.test(elValue)\n      ? `${looseToNumber(elValue)}`\n      : elValue\n\n  if (displayValue === newValue) {\n    return\n  }\n\n  if (document.activeElement === _ref.value && _ref.value.type !== 'range') {\n    if (trim && displayValue.trim() === newValue) {\n      return\n    }\n  }\n\n  setNativeInputValue()\n})\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => props.type,\n  async () => {\n    await nextTick()\n    setNativeInputValue()\n    resizeTextarea()\n  }\n)\n\nonMounted(() => {\n  if (!props.formatter && props.parser) {\n    debugWarn(\n      COMPONENT_NAME,\n      'If you set the parser, you also need to set the formatter.'\n    )\n  }\n  setNativeInputValue()\n  nextTick(resizeTextarea)\n})\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: toRef(props, 'autosize'),\n\n  /** @description is input composing */\n  isComposing,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea,\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiOA,MAAM,iBAAiB;;;;;;;;EAKvB,MAAM,QAAQ;EACd,MAAM,OAAO;EAEb,MAAM,WAAW,UAAY;EAC7B,MAAM,QAAQ,YAAS;EACvB,MAAM,QAAQ,UAAS;EAEvB,MAAM,eAAe,eAAe;GAClC,MAAM,SAAS,aAAa,WAAW,GAAG,GAAG,QAAQ,GAAG;GACxD,QAAQ,EAAE,UAAU,MAAM;GAC1B,QAAQ,GAAG,YAAY,cAAc,MAAM;GAC3C,QAAQ,GAAG,UAAU,YAAY,MAAM;GACvC;KACG,QAAQ,EAAE,QAAQ,GAAG,MAAM,WAAW,MAAM;KAC5C,QAAQ,EAAE,SAAS,GAAG,MAAM,UAAU,MAAM;KAC5C,QAAQ,EAAE,SAAS,GAClB,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,MAAM;KAC9D,QAAQ,GAAG,UAAU,iBAAiB,GACrC,UAAU,SAAS,eAAe;KACnC,QAAQ,EAAE,SAAS,GAAG,MAAM,SAAS;IACvC;GACD,SAAS;GACV,CAAA;EAED,MAAM,aAAa,eAAe,CAChC,QAAQ,EAAE,UAAU,EACpB,QAAQ,GAAG,SAAS,UAAU,MAAM,CACrC,CAAA;EAED,MAAM,EAAE,MAAM,QAAQ,UAAU,eAAe,aAAY;EAC3D,MAAM,EAAE,YAAY,mBAAmB,OAAO,EAC5C,iBAAiB,YAClB,CAAA;EACD,MAAM,YAAY,aAAY;EAC9B,MAAM,gBAAgB,iBAAgB;EACtC,MAAM,UAAU,aAAa,QAAO;EACpC,MAAM,aAAa,aAAa,WAAU;EAE1C,MAAM,QAAQ,YAA6B;EAC3C,MAAM,WAAW,YAAgC;EAEjD,MAAM,WAAW,IAAI,MAAK;EAC1B,MAAM,kBAAkB,IAAI,MAAK;EACjC,MAAM,aAAa,KAAgB;EACnC,MAAM,oBAAoB,WAAW,MAAM,WAAU;EAErD,MAAM,OAAO,eAAe,MAAM,SAAS,SAAS,MAAK;EAGzD,MAAM,EAAE,YAAY,WAAW,aAAa,eAAe,mBACzD,MACA;GACE,UAAU;GACV,YAAY;AACV,QAAI,MAAM,cACR,aAAY,WAAW,OAAO,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;;GAGlE,CACF;EAEA,MAAM,iBAAiB,eAAe,QAAQ,cAAc,MAAK;EACjE,MAAM,gBAAgB,eAAe,YAAY,iBAAiB,GAAE;EACpE,MAAM,eAAe,eACb,cAAc,SAAS,sBAAsB,cAAc,OACnE;EACA,MAAM,eAAe,eAAgB,gBAAgB,QAAQ,OAAO,KAAK;EACzE,MAAM,iBAAiB,eAA2B,CAChD,SAAS,MACV,CAAA;EACD,MAAM,gBAAgB,eAA2B;GAC/C,MAAM;GACN,kBAAkB;GAClB,EAAE,QAAQ,MAAM,QAAQ;GACzB,CAAA;EACD,MAAM,mBAAmB,eACvB,MAAM,MAAM,WAAW,GAAG,KAAK,OAAO,MAAM,WAAU,CACxD;EACA,MAAM,YAAY,eAEd,MAAM,aACN,CAAC,cAAc,SACf,CAAC,MAAM,YACP,CAAC,CAAC,iBAAiB,UAClB,UAAU,SAAS,SAAS,OACjC;EACA,MAAM,iBAAiB,eACf,MAAM,gBAAgB,CAAC,cAAc,SAAS,CAAC,CAAC,iBAAiB,MACzE;EACA,MAAM,qBAAqB,eAEvB,MAAM,iBACN,CAAC,CAAC,MAAM,cACP,MAAM,SAAS,UAAU,MAAM,SAAS,eACzC,CAAC,cAAc,SACf,CAAC,MAAM,YACP,CAAC,MAAM,aACX;EACA,MAAM,aAAa,eAAe,iBAAiB,MAAM,OAAM;EAC/D,MAAM,cAAc,eAGhB,CAAC,CAAC,mBAAmB,SAAS,WAAW,QAAQ,OAAO,MAAM,UAAS,CAC3E;EACA,MAAM,gBAAgB,eAElB,CAAC,CAAC,MAAM,UACR,CAAC,CAAC,MAAM,cACR,UAAU,SACV,MAAM,gBACN,mBAAmB,SAClB,CAAC,CAAC,cAAc,SAAS,eAAe,MAC7C;EACA,MAAM,oBAAoB,eAClB,CAAC,CAAC,OAAO,KAAK,MAAM,eAAe,CAAC,OAC5C;EAEA,MAAM,CAAC,cAAc,aAAa,UAAU,MAAK;AAEjD,oBAAkB,WAAW,YAAY;AACvC,yBAAqB;AACrB,OACE,CAAC,mBAAmB,SACnB,MAAM,WAAW,UAAU,MAAM,WAAW,aAE7C;GAEF,MAAM,EAAE,UADM,QAAQ,GACE;AACxB,cAAW,QAAQ,EAEjB,OAAO,eAAe,QAAQ,KAAK,GAAG,MACxC;IACD;EAED,MAAM,uBAAuB;GAC3B,MAAM,EAAE,MAAM,aAAa;AAE3B,OAAI,CAAC,cAAY,SAAS,cAAc,CAAC,SAAS,MAAO;AAEzD,OAAI,UAAU;IACZ,MAAM,UAAU,SAAS,SAAS,GAAG,SAAS,UAAU;IACxD,MAAM,UAAU,SAAS,SAAS,GAAG,SAAS,UAAU;IACxD,MAAM,gBAAgB,mBAAmB,SAAS,OAAO,SAAS,QAAO;AAMzE,sBAAkB,QAAQ;KACxB,WAAW;KACX,GAAG;KACL;AAEA,mBAAe;AAEb,cAAS,MAAO;AAChB,uBAAkB,QAAQ;MAC3B;SAED,mBAAkB,QAAQ,EACxB,WAAW,mBAAmB,SAAS,MAAM,CAAC,WAChD;;EAIJ,MAAM,wBAAwB,mBAA+B;GAC3D,IAAI,SAAS;AACb,gBAAa;AACX,QAAI,UAAU,CAAC,MAAM,SAAU;AAE/B,QAAI,EADe,SAAS,OAAO,iBAAiB,OACnC;AACf,gBAAW,eAAc;AACzB,cAAS;;;;EAKf,MAAM,uBAAuB,qBAAqB,eAAc;EAEhE,MAAM,4BAA4B;GAChC,MAAM,QAAQ,KAAK;GACnB,MAAM,iBAAiB,MAAM,YACzB,MAAM,UAAU,iBAAiB,MAAK,GACtC,iBAAiB;AACrB,OAAI,CAAC,SAAS,MAAM,UAAU,kBAAkB,MAAM,SAAS,OAAQ;AACvE,SAAM,QAAQ;;EAGhB,MAAM,eAAe,UAAkB;GACrC,MAAM,EAAE,MAAM,WAAW,MAAM;AAC/B,OAAI,KACF,SAAQ,MAAM,MAAK;AAErB,OAAI,OACF,SAAQ,GAAG,cAAc,MAAM;AAEjC,OAAI,MAAM,aAAa,MAAM,OAC3B,SAAQ,MAAM,OAAO,MAAK;AAE5B,UAAO;;EAGT,MAAM,cAAc,OAAO,UAAiB;AAG1C,OAAI,YAAY,MAAO;GAEvB,MAAM,EAAE,SAAS,MAAM;GACvB,IAAI,EAAE,UAAU,MAAM;AACtB,OAAI,MAAM;AACR,SAAK,aAAa,MAAK;AACvB;;AAGF,WAAQ,YAAY,MAAK;AAIzB,OAAI,OAAO,MAAM,KAAK,iBAAiB,OAAO;AAE5C,QAAI,MAAM,UACR,sBAAoB;AAEtB;;AAGF,iBAAa;AACb,QAAK,oBAAoB,MAAK;AAC9B,QAAK,aAAa,MAAK;AAIvB,SAAM,UAAS;AAEf,OAAK,MAAM,aAAa,MAAM,UAAW,CAAC,kBAAkB,MAC1D,sBAAoB;AAEtB,cAAU;;EAGZ,MAAM,eAAe,OAAO,UAAiB;GAC3C,IAAI,EAAE,UAAU,MAAM;AAEtB,WAAQ,YAAY,MAAK;AACzB,OAAI,MAAM,eAAe,KACvB,MAAK,oBAAoB,MAAK;AAEhC,QAAK,cAAc,OAAO,MAAK;AAE/B,SAAM,UAAS;AACf,wBAAoB;;EAGtB,MAAM,EACJ,aACA,wBACA,yBACA,yBACE,eAAe;GAAE;GAAM,kBAAkB;GAAa,CAAA;EAE1D,MAAM,8BAA8B;AAClC,mBAAgB,QAAQ,CAAC,gBAAgB;;EAG3C,MAAM,cAAc,KAAK,OAAO,OAAM;EAEtC,MAAM,aAAa,KAAK,OAAO,MAAK;EAEpC,MAAM,oBAAoB,QAAoB;AAC5C,YAAS,QAAQ;AACjB,QAAK,cAAc,IAAG;;EAGxB,MAAM,oBAAoB,QAAoB;AAC5C,YAAS,QAAQ;AACjB,QAAK,cAAc,IAAG;;EAGxB,MAAM,iBAAiB,QAAuB;AAC5C,QAAK,WAAW,IAAG;;EAGrB,MAAM,eAAe;AACnB,QAAK,OAAO,QAAO;;EAGrB,MAAM,SAAS,QAAqB;AAClC,QAAK,oBAAoB,GAAE;AAC3B,QAAK,cAAc,GAAE;AACrB,QAAK,SAAS,IAAG;AACjB,QAAK,aAAa,GAAE;;AAGtB,cACQ,MAAM,kBACN;AACJ,kBAAe,gBAAgB,CAAA;AAC/B,OAAI,MAAM,cACR,aAAY,WAAW,SAAS,CAAC,OAAO,QAAQ,UAAU,IAAI,CAAA;IAGpE;AAKA,QAAM,mBAAmB,aAAa;AACpC,OAAI,CAAC,KAAK,MACR;GAEF,MAAM,EAAE,MAAM,WAAW,MAAM;GAC/B,MAAM,UAAU,KAAK,MAAM;GAC3B,MAAM,gBACH,UAAU,MAAM,SAAS,aAAa,CAAC,OAAO,KAAK,QAAO,GACvD,GAAG,cAAc,QAAQ,KACzB;AAEN,OAAI,iBAAiB,SACnB;AAGF,OAAI,SAAS,kBAAkB,KAAK,SAAS,KAAK,MAAM,SAAS,SAC/D;QAAI,QAAQ,aAAa,MAAM,KAAK,SAClC;;AAIJ,wBAAoB;IACrB;AAKD,cACQ,MAAM,MACZ,YAAY;AACV,SAAM,UAAS;AACf,wBAAoB;AACpB,mBAAe;IAEnB;AAEA,kBAAgB;AACd,OAAI,CAAC,MAAM,aAAa,MAAM,OAC5B,WACE,gBACA,6DACF;AAEF,wBAAoB;AACpB,YAAS,eAAc;IACxB;AAED,WAAa;GAEX;GAEA;GAEA,KAAK;GAEL;GAGA,UAAU,MAAM,OAAO,WAAW;GAGlC;GAGA;GAEA;GAEA;GAEA;GAEA;GACD,CAAA;;uBAhmBC,mBA4KM,OAAA;IA3KH,OAAK,eAAA,CAAU,aAAA;MAA+B,MAAA,QAAO,CAAC,GAAE,SAAA,SAAA,GAAsBA,KAAAA,OAAO;MAAiB,MAAA,QAAO,CAAC,GAAE,SAAA,UAAA,GAAuBA,KAAAA,OAAO;;IAO9I,OAAK,eAAE,eAAA,MAAc;IACrB,cAAY;IACZ,cAAY;OAEb,mBAAA,UAAc,EACE,QAAA,SAAI,2BAApB,mBAwGW,UAAA,EAAA,KAAA,GAAA,EAAA;IAvGT,mBAAA,iBAAqB;IACVA,KAAAA,OAAO,wBAAlB,mBAEM,OAAA;;KAFsB,OAAK,eAAE,MAAA,QAAO,CAAC,GAAE,SAAA,UAAA,CAAA;QAC3C,WAAuB,KAAA,QAAA,UAAA;IAGzB,mBA4FM,OAAA;cA5FG;KAAJ,KAAI;KAAc,OAAK,eAAE,WAAA,MAAU;;KACtC,mBAAA,gBAAoB;KACRA,KAAAA,OAAO,UAAU,QAAA,2BAA7B,mBAOO,QAAA;;MAPmC,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,SAAA,CAAA;SACxD,mBAKO,QAAA,EALA,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,eAAA,CAAA,KACrB,WAAsB,KAAA,QAAA,SAAA,EACP,QAAA,2BAAf,YAEU,MAAA,OAAA,EAAA;;MAFkB,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,OAAA,CAAA;;6BACZ,eAA9B,YAA8B,wBAAd,QAAA,WAAU,CAAA;;;KAKhC,mBA0BE,SA1BF,WA0BE;MAzBC,IAAI,MAAA,QAAO;eACR;MAAJ,KAAI;MACH,OAAO,MAAA,QAAO,CAAC,EAAC,QAAA;QACT,MAAA,MAAK,EAAA;MACZ,MAAM,QAAA;MACN,WAAW,QAAA;MACX,WAAW,QAAA;MACX,MAAM,QAAA,eAAgB,gBAAA,QAAe,SAAA,aAA0B,QAAA;MAC/D,UAAU,MAAA,cAAa;MACvB,UAAU,QAAA;MACV,cAAc,QAAA;MACd,UAAU,QAAA;MACV,cAAY,QAAA;MACZ,aAAa,QAAA;MACb,OAAO,QAAA;MACP,MAAM,QAAA;MACN,WAAW,QAAA;MACX,MAAM,QAAA;MACN,WAAW,QAAA;MACX,oBAAgB,OAAA,OAAA,OAAA,kBAAE,MAAA,uBAAA,IAAA,MAAA,uBAAA,CAAA,GAAA,KAAsB;MACxC,qBAAiB,OAAA,OAAA,OAAA,kBAAE,MAAA,wBAAA,IAAA,MAAA,wBAAA,CAAA,GAAA,KAAuB;MAC1C,kBAAc,OAAA,OAAA,OAAA,kBAAE,MAAA,qBAAA,IAAA,MAAA,qBAAA,CAAA,GAAA,KAAoB;MACpC,SAAO;MACP,UAAQ;MACR,WAAS;;KAGZ,mBAAA,gBAAoB;KACR,cAAA,sBAAZ,mBAmDO,QAAA;;MAnDqB,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,SAAA,CAAA;SAC1C,mBAiDO,QAAA,EAjDA,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,eAAA,CAAA;OAEZ,UAAA,SAAS,CAAK,eAAA,SAAc,CAAK,mBAAA,sBAD1C,mBAOW,UAAA,EAAA,KAAA,GAAA,EAAA,CAJT,WAAsB,KAAA,QAAA,SAAA,EACP,QAAA,2BAAf,YAEU,MAAA,OAAA,EAAA;;OAFkB,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,OAAA,CAAA;;8BACZ,eAA9B,YAA8B,wBAAd,QAAA,WAAU,CAAA;;;MAItB,UAAA,sBADR,YAOU,MAAA,OAAA,EAAA;;OALP,OAAK,eAAA,CAAG,MAAA,QAAO,CAAC,EAAC,OAAA,EAAU,MAAA,QAAO,CAAC,EAAC,QAAA,CAAA,CAAA;OACpC,aAAS,cAAU,MAAA,KAAI,EAAA,CAAA,UAAA,CAAA;OACvB,SAAO;;8BAEqB,eAA7B,YAA6B,wBAAb,QAAA,UAAS,CAAA;;;MAGnB,eAAA,sBADR,YAUU,MAAA,OAAA,EAAA;;OARP,OAAK,eAAA,CAAG,MAAA,QAAO,CAAC,EAAC,OAAA,EAAU,MAAA,QAAO,CAAC,EAAC,WAAA,CAAA,CAAA;OACpC,SAAO;OACP,aAAS,cAAU,MAAA,KAAI,EAAA,CAAA,UAAA,CAAA;OACvB,WAAO,cAAU,MAAA,KAAI,EAAA,CAAA,UAAA,CAAA;;8BAIf,CAFP,WAEO,KAAA,QAAA,iBAAA,EAFqB,SAAS,gBAAA,OAAe,QAE7C,eADL,YAAgC,wBAAhB,aAAA,MAAY,CAAA;;;;;;;MAIxB,mBAAA,sBADR,mBAUO,QAAA;;OARJ,OAAK,eAAA,CAAoB,MAAA,QAAO,CAAC,EAAC,QAAA,EAA2B,MAAA,QAAO,CAAC,GAAE,WAAY,QAAA,sBAAiB,UAAA;UAKrG,mBAEO,QAAA,EAFA,OAAK,eAAE,MAAA,QAAO,CAAC,EAAC,cAAA,CAAA,oBAClB,WAAA,MAAU,GAAG,QAAG,gBAAG,QAAA,UAAS,EAAA,EAAA;MAI3B,cAAA,SAAiB,aAAA,SAAgB,eAAA,sBADzC,YASU,MAAA,OAAA,EAAA;;OAPP,OAAK,eAAA;QAAoB,MAAA,QAAO,CAAC,EAAC,OAAA;QAA0B,MAAA,QAAO,CAAC,EAAC,eAAA;QAAkC,MAAA,QAAO,CAAC,GAAE,WAAY,cAAA,UAAa,aAAA;;;8BAM3G,eAAhC,YAAgC,wBAAhB,aAAA,MAAY,CAAA;;;;;IAMpC,mBAAA,gBAAoB;IACTA,KAAAA,OAAO,uBAAlB,mBAEM,OAAA;;KAFqB,OAAK,eAAE,MAAA,QAAO,CAAC,GAAE,SAAA,SAAA,CAAA;QAC1C,WAAsB,KAAA,QAAA,SAAA;2BAK1B,mBAmDW,UAAA,EAAA,KAAA,GAAA,EAAA;IApDX,mBAAA,aAAiB;IAEf,mBA+BE,YA/BF,WA+BE;KA9BC,IAAI,MAAA,QAAO;cACR;KAAJ,KAAI;KACH,OAAK;MAAc,MAAA,WAAU,CAAC,EAAC,QAAA;MAAqB,MAAA,QAAO,CAAC,GAAE,SAAU,MAAA,UAAS,CAAA;MAAa,MAAA,WAAU,CAAC,GAAE,aAAc,QAAA,UAAS;;OAK3H,MAAA,MAAK,EAAA;KACZ,MAAM,QAAA;KACN,WAAW,QAAA;KACX,WAAW,QAAA;KACX,UAAU,QAAA;KACV,UAAU,MAAA,cAAa;KACvB,UAAU,QAAA;KACV,cAAc,QAAA;KACd,OAAO,cAAA;KACP,cAAY,QAAA;KACZ,aAAa,QAAA;KACb,MAAM,QAAA;KACN,WAAW,QAAA;KACX,MAAM,QAAA;KACN,MAAM,QAAA;KACN,oBAAgB,OAAA,OAAA,OAAA,kBAAE,MAAA,uBAAA,IAAA,MAAA,uBAAA,CAAA,GAAA,KAAsB;KACxC,qBAAiB,OAAA,OAAA,OAAA,kBAAE,MAAA,wBAAA,IAAA,MAAA,wBAAA,CAAA,GAAA,KAAuB;KAC1C,kBAAc,OAAA,OAAA,OAAA,kBAAE,MAAA,qBAAA,IAAA,MAAA,qBAAA,CAAA,GAAA,KAAoB;KACpC,SAAO;KACP,SAAK,OAAA,OAAA,OAAA,kBAAE,MAAA,YAAA,IAAA,MAAA,YAAA,CAAA,GAAA,KAAW;KAClB,QAAI,OAAA,OAAA,OAAA,kBAAE,MAAA,WAAA,IAAA,MAAA,WAAA,CAAA,GAAA,KAAU;KAChB,UAAQ;KACR,WAAS;;IAGJ,UAAA,sBADR,YAOU,MAAA,OAAA,EAAA;;KALP,OAAK,eAAA,CAAG,MAAA,WAAU,CAAC,EAAC,OAAA,EAAU,MAAA,WAAU,CAAC,EAAC,QAAA,CAAA,CAAA;KAC1C,aAAS,cAAU,MAAA,KAAI,EAAA,CAAA,UAAA,CAAA;KACvB,SAAO;;4BAEqB,eAA7B,YAA6B,wBAAb,QAAA,UAAS,CAAA;;;IAGnB,mBAAA,sBADR,mBASO,QAAA;;KAPJ,OAAK,eAAE,WAAA,MAAU;KACjB,OAAK,eAAA,CAAc,MAAA,QAAO,CAAC,EAAC,QAAA,EAAqB,MAAA,QAAO,CAAC,GAAE,WAAY,QAAA,sBAAiB,UAAA;uBAKtF,WAAA,MAAU,GAAG,QAAG,gBAAG,QAAA,UAAS,EAAA,EAAA"}

package/es/components/input/src/input2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input2.mjs","names":[],"sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      containerKls,\n      {\n        [nsInput.bm('group', 'append')]: $slots.append,\n        [nsInput.bm('group', 'prepend')]: $slots.prepend,\n      },\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\">\n            <slot name=\"prefix\" />\n            <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n              <component :is=\"prefixIcon\" />\n            </el-icon>\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :name=\"name\"\n          :minlength=\"minlength\"\n          :maxlength=\"maxlength\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"ariaLabel\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          :autofocus=\"autofocus\"\n          :role=\"containerRole\"\n          :inputmode=\"inputmode\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\">\n            <template\n              v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n            >\n              <slot name=\"suffix\" />\n              <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n                <component :is=\"suffixIcon\" />\n              </el-icon>\n            </template>\n            <el-icon\n              v-if=\"showClear\"\n              :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              @mousedown.prevent=\"NOOP\"\n              @click=\"clear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showPwdVisible\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n              @click=\"handlePasswordVisible\"\n              @mousedown.prevent=\"NOOP\"\n              @mouseup.prevent=\"NOOP\"\n            >\n              <component :is=\"passwordIcon\" />\n            </el-icon>\n            <span\n              v-if=\"isWordLimitVisible\"\n              :class=\"[\n                nsInput.e('count'),\n                nsInput.is('outside', wordLimitPosition === 'outside'),\n              ]\"\n            >\n              <span :class=\"nsInput.e('count-inner')\">\n                {{ textLength }} / {{ maxlength }}\n              </span>\n            </span>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"[\n          nsTextarea.e('inner'),\n          nsInput.is('focus', isFocused),\n          nsTextarea.is('clearable', clearable),\n        ]\"\n        v-bind=\"attrs\"\n        :name=\"name\"\n        :minlength=\"minlength\"\n        :maxlength=\"maxlength\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"ariaLabel\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        :autofocus=\"autofocus\"\n        :rows=\"rows\"\n        :role=\"containerRole\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <el-icon\n        v-if=\"showClear\"\n        :class=\"[nsTextarea.e('icon'), nsTextarea.e('clear')]\"\n        @mousedown.prevent=\"NOOP\"\n        @click=\"clear\"\n      >\n        <component :is=\"clearIcon\" />\n      </el-icon>\n      <span\n        v-if=\"isWordLimitVisible\"\n        :style=\"countStyle\"\n        :class=\"[\n          nsInput.e('count'),\n          nsInput.is('outside', wordLimitPosition === 'outside'),\n        ]\"\n      >\n        {{ textLength }} / {{ maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  toRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Hide, View } from '@element-plus/icons-vue'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  isClient,\n  isObject,\n} from '@element-plus/utils'\nimport {\n  useAttrs,\n  useComposition,\n  useCursor,\n  useFocusController,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { calcTextareaHeight, looseToNumber } from './utils'\nimport { inputEmits, inputPropsDefaults } from './input'\n\nimport type { StyleValue } from 'vue'\nimport type { InputProps } from './input'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst COMPONENT_NAME = 'ElInput'\ndefineOptions({\n  name: COMPONENT_NAME,\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<InputProps>(), inputPropsDefaults)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst containerKls = computed(() => [\n  props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n    [nsInput.m('suffix')]:\n      slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]:\n      showClear.value && showPwdVisible.value,\n    [nsInput.b('hidden')]: props.type === 'hidden',\n  },\n  rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n  nsInput.e('wrapper'),\n  nsInput.is('focus', isFocused.value),\n])\n\nconst { form: elForm, formItem: elFormItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\n// wrapperRef for type=\"text\", handleFocus and handleBlur for type=\"textarea\"\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n  _ref,\n  {\n    disabled: inputDisabled,\n    afterBlur() {\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch((err) => debugWarn(err))\n      }\n    },\n  }\n)\n\nconst needStatusIcon = computed(() => elForm?.statusIcon ?? false)\nconst validateState = computed(() => elFormItem?.validateState || '')\nconst validateIcon = computed(\n  () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() => (passwordVisible.value ? View : Hide))\nconst containerStyle = computed<StyleValue>(() => [\n  rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n  props.inputStyle,\n  textareaCalcStyle.value,\n  { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n  isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n  () =>\n    props.clearable &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !!nativeInputValue.value &&\n    (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n  () => props.showPassword && !inputDisabled.value && !!nativeInputValue.value\n)\nconst isWordLimitVisible = computed(\n  () =>\n    props.showWordLimit &&\n    !!props.maxlength &&\n    (props.type === 'text' || props.type === 'textarea') &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n  () =>\n    !!slots.suffix ||\n    !!props.suffixIcon ||\n    showClear.value ||\n    props.showPassword ||\n    isWordLimitVisible.value ||\n    (!!validateState.value && needStatusIcon.value)\n)\nconst hasModelModifiers = computed(\n  () => !!Object.keys(props.modelModifiers).length\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n  onceInitSizeTextarea()\n  if (\n    !isWordLimitVisible.value ||\n    (props.resize !== 'both' && props.resize !== 'horizontal')\n  )\n    return\n  const entry = entries[0]\n  const { width } = entry.contentRect\n  countStyle.value = {\n    /** right: 100% - width + padding(22) - right(10) */\n    right: `calc(100% - ${width + 22 - 10}px)`,\n  }\n})\n\nconst resizeTextarea = () => {\n  const { type, autosize } = props\n\n  if (!isClient || type !== 'textarea' || !textarea.value) return\n\n  if (autosize) {\n    const minRows = isObject(autosize) ? autosize.minRows : undefined\n    const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n    const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n    // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n    // If set textarea height in this case, the scrollbar will not hide.\n    // So we need to hide scrollbar first, and reset it in next tick.\n    // see https://github.com/element-plus/element-plus/issues/8825\n    textareaCalcStyle.value = {\n      overflowY: 'hidden',\n      ...textareaStyle,\n    }\n\n    nextTick(() => {\n      // NOTE: Force repaint to make sure the style set above is applied.\n      textarea.value!.offsetHeight\n      textareaCalcStyle.value = textareaStyle\n    })\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value).minHeight,\n    }\n  }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n  let isInit = false\n  return () => {\n    if (isInit || !props.autosize) return\n    const isElHidden = textarea.value?.offsetParent === null\n    if (!isElHidden) {\n      setTimeout(resizeTextarea)\n      isInit = true\n    }\n  }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n  const input = _ref.value\n  const formatterValue = props.formatter\n    ? props.formatter(nativeInputValue.value)\n    : nativeInputValue.value\n  if (!input || input.value === formatterValue || props.type === 'file') return\n  input.value = formatterValue\n}\n\nconst formatValue = (value: string) => {\n  const { trim, number } = props.modelModifiers\n  if (trim) {\n    value = value.trim()\n  }\n  if (number) {\n    value = `${looseToNumber(value)}`\n  }\n  if (props.formatter && props.parser) {\n    value = props.parser(value)\n  }\n  return value\n}\n\nconst handleInput = async (event: Event) => {\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return\n\n  const { lazy } = props.modelModifiers\n  let { value } = event.target as TargetElement\n  if (lazy) {\n    emit(INPUT_EVENT, value)\n    return\n  }\n\n  value = formatValue(value)\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (String(value) === nativeInputValue.value) {\n    // preserve native features while being compatible with #9501\n    if (props.formatter) {\n      setNativeInputValue()\n    }\n    return\n  }\n\n  recordCursor()\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick()\n\n  if ((props.formatter && props.parser) || !hasModelModifiers.value) {\n    setNativeInputValue()\n  }\n  setCursor()\n}\n\nconst handleChange = async (event: Event) => {\n  let { value } = event.target as TargetElement\n\n  value = formatValue(value)\n  if (props.modelModifiers.lazy) {\n    emit(UPDATE_MODEL_EVENT, value)\n  }\n  emit(CHANGE_EVENT, value, event)\n\n  await nextTick()\n  setNativeInputValue()\n}\n\nconst {\n  isComposing,\n  handleCompositionStart,\n  handleCompositionUpdate,\n  handleCompositionEnd,\n} = useComposition({ emit, afterComposition: handleInput })\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value\n}\n\nconst focus = () => _ref.value?.focus()\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false\n  emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true\n  emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  emit('keydown', evt)\n}\n\nconst select = () => {\n  _ref.value?.select()\n}\n\nconst clear = (evt?: MouseEvent) => {\n  emit(UPDATE_MODEL_EVENT, '')\n  emit(CHANGE_EVENT, '')\n  emit('clear', evt)\n  emit(INPUT_EVENT, '')\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea())\n    if (props.validateEvent) {\n      elFormItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, (newValue) => {\n  if (!_ref.value) {\n    return\n  }\n  const { trim, number } = props.modelModifiers\n  const elValue = _ref.value.value\n  const displayValue =\n    (number || props.type === 'number') && !/^0\\d/.test(elValue)\n      ? `${looseToNumber(elValue)}`\n      : elValue\n\n  if (displayValue === newValue) {\n    return\n  }\n\n  if (document.activeElement === _ref.value && _ref.value.type !== 'range') {\n    if (trim && displayValue.trim() === newValue) {\n      return\n    }\n  }\n\n  setNativeInputValue()\n})\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => props.type,\n  async () => {\n    await nextTick()\n    setNativeInputValue()\n    resizeTextarea()\n  }\n)\n\nonMounted(() => {\n  if (!props.formatter && props.parser) {\n    debugWarn(\n      COMPONENT_NAME,\n      'If you set the parser, you also need to set the formatter.'\n    )\n  }\n  setNativeInputValue()\n  nextTick(resizeTextarea)\n})\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: toRef(props, 'autosize'),\n\n  /** @description is input composing */\n  isComposing,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"input2.mjs","names":[],"sources":["../../../../../../packages/components/input/src/input.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      containerKls,\n      {\n        [nsInput.bm('group', 'append')]: $slots.append,\n        [nsInput.bm('group', 'prepend')]: $slots.prepend,\n      },\n    ]\"\n    :style=\"containerStyle\"\n    @mouseenter=\"handleMouseEnter\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <!-- input -->\n    <template v-if=\"type !== 'textarea'\">\n      <!-- prepend slot -->\n      <div v-if=\"$slots.prepend\" :class=\"nsInput.be('group', 'prepend')\">\n        <slot name=\"prepend\" />\n      </div>\n\n      <div ref=\"wrapperRef\" :class=\"wrapperKls\">\n        <!-- prefix slot -->\n        <span v-if=\"$slots.prefix || prefixIcon\" :class=\"nsInput.e('prefix')\">\n          <span :class=\"nsInput.e('prefix-inner')\">\n            <slot name=\"prefix\" />\n            <el-icon v-if=\"prefixIcon\" :class=\"nsInput.e('icon')\">\n              <component :is=\"prefixIcon\" />\n            </el-icon>\n          </span>\n        </span>\n\n        <input\n          :id=\"inputId\"\n          ref=\"input\"\n          :class=\"nsInput.e('inner')\"\n          v-bind=\"attrs\"\n          :name=\"name\"\n          :minlength=\"minlength\"\n          :maxlength=\"maxlength\"\n          :type=\"showPassword ? (passwordVisible ? 'text' : 'password') : type\"\n          :disabled=\"inputDisabled\"\n          :readonly=\"readonly\"\n          :autocomplete=\"autocomplete\"\n          :tabindex=\"tabindex\"\n          :aria-label=\"ariaLabel\"\n          :placeholder=\"placeholder\"\n          :style=\"inputStyle\"\n          :form=\"form\"\n          :autofocus=\"autofocus\"\n          :role=\"containerRole\"\n          :inputmode=\"inputmode\"\n          @compositionstart=\"handleCompositionStart\"\n          @compositionupdate=\"handleCompositionUpdate\"\n          @compositionend=\"handleCompositionEnd\"\n          @input=\"handleInput\"\n          @change=\"handleChange\"\n          @keydown=\"handleKeydown\"\n        />\n\n        <!-- suffix slot -->\n        <span v-if=\"suffixVisible\" :class=\"nsInput.e('suffix')\">\n          <span :class=\"nsInput.e('suffix-inner')\">\n            <template\n              v-if=\"!showClear || !showPwdVisible || !isWordLimitVisible\"\n            >\n              <slot name=\"suffix\" />\n              <el-icon v-if=\"suffixIcon\" :class=\"nsInput.e('icon')\">\n                <component :is=\"suffixIcon\" />\n              </el-icon>\n            </template>\n            <el-icon\n              v-if=\"showClear\"\n              :class=\"[nsInput.e('icon'), nsInput.e('clear')]\"\n              @mousedown.prevent=\"NOOP\"\n              @click=\"clear\"\n            >\n              <component :is=\"clearIcon\" />\n            </el-icon>\n            <el-icon\n              v-if=\"showPwdVisible\"\n              :class=\"[nsInput.e('icon'), nsInput.e('password')]\"\n              @click=\"handlePasswordVisible\"\n              @mousedown.prevent=\"NOOP\"\n              @mouseup.prevent=\"NOOP\"\n            >\n              <slot name=\"password-icon\" :visible=\"passwordVisible\">\n                <component :is=\"passwordIcon\" />\n              </slot>\n            </el-icon>\n            <span\n              v-if=\"isWordLimitVisible\"\n              :class=\"[\n                nsInput.e('count'),\n                nsInput.is('outside', wordLimitPosition === 'outside'),\n              ]\"\n            >\n              <span :class=\"nsInput.e('count-inner')\">\n                {{ textLength }} / {{ maxlength }}\n              </span>\n            </span>\n            <el-icon\n              v-if=\"validateState && validateIcon && needStatusIcon\"\n              :class=\"[\n                nsInput.e('icon'),\n                nsInput.e('validateIcon'),\n                nsInput.is('loading', validateState === 'validating'),\n              ]\"\n            >\n              <component :is=\"validateIcon\" />\n            </el-icon>\n          </span>\n        </span>\n      </div>\n\n      <!-- append slot -->\n      <div v-if=\"$slots.append\" :class=\"nsInput.be('group', 'append')\">\n        <slot name=\"append\" />\n      </div>\n    </template>\n\n    <!-- textarea -->\n    <template v-else>\n      <textarea\n        :id=\"inputId\"\n        ref=\"textarea\"\n        :class=\"[\n          nsTextarea.e('inner'),\n          nsInput.is('focus', isFocused),\n          nsTextarea.is('clearable', clearable),\n        ]\"\n        v-bind=\"attrs\"\n        :name=\"name\"\n        :minlength=\"minlength\"\n        :maxlength=\"maxlength\"\n        :tabindex=\"tabindex\"\n        :disabled=\"inputDisabled\"\n        :readonly=\"readonly\"\n        :autocomplete=\"autocomplete\"\n        :style=\"textareaStyle\"\n        :aria-label=\"ariaLabel\"\n        :placeholder=\"placeholder\"\n        :form=\"form\"\n        :autofocus=\"autofocus\"\n        :rows=\"rows\"\n        :role=\"containerRole\"\n        @compositionstart=\"handleCompositionStart\"\n        @compositionupdate=\"handleCompositionUpdate\"\n        @compositionend=\"handleCompositionEnd\"\n        @input=\"handleInput\"\n        @focus=\"handleFocus\"\n        @blur=\"handleBlur\"\n        @change=\"handleChange\"\n        @keydown=\"handleKeydown\"\n      />\n      <el-icon\n        v-if=\"showClear\"\n        :class=\"[nsTextarea.e('icon'), nsTextarea.e('clear')]\"\n        @mousedown.prevent=\"NOOP\"\n        @click=\"clear\"\n      >\n        <component :is=\"clearIcon\" />\n      </el-icon>\n      <span\n        v-if=\"isWordLimitVisible\"\n        :style=\"countStyle\"\n        :class=\"[\n          nsInput.e('count'),\n          nsInput.is('outside', wordLimitPosition === 'outside'),\n        ]\"\n      >\n        {{ textLength }} / {{ maxlength }}\n      </span>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  toRef,\n  useAttrs as useRawAttrs,\n  useSlots,\n  watch,\n} from 'vue'\nimport { useResizeObserver } from '@vueuse/core'\nimport { isNil } from 'lodash-unified'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Hide, View } from '@element-plus/icons-vue'\nimport {\n  useFormDisabled,\n  useFormItem,\n  useFormItemInputId,\n  useFormSize,\n} from '@element-plus/components/form'\nimport {\n  NOOP,\n  ValidateComponentsMap,\n  debugWarn,\n  isClient,\n  isObject,\n} from '@element-plus/utils'\nimport {\n  useAttrs,\n  useComposition,\n  useCursor,\n  useFocusController,\n  useNamespace,\n} from '@element-plus/hooks'\nimport {\n  CHANGE_EVENT,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { calcTextareaHeight, looseToNumber } from './utils'\nimport { inputEmits, inputPropsDefaults } from './input'\n\nimport type { StyleValue } from 'vue'\nimport type { InputProps } from './input'\n\ntype TargetElement = HTMLInputElement | HTMLTextAreaElement\n\nconst COMPONENT_NAME = 'ElInput'\ndefineOptions({\n  name: COMPONENT_NAME,\n  inheritAttrs: false,\n})\nconst props = withDefaults(defineProps<InputProps>(), inputPropsDefaults)\nconst emit = defineEmits(inputEmits)\n\nconst rawAttrs = useRawAttrs()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst containerKls = computed(() => [\n  props.type === 'textarea' ? nsTextarea.b() : nsInput.b(),\n  nsInput.m(inputSize.value),\n  nsInput.is('disabled', inputDisabled.value),\n  nsInput.is('exceed', inputExceed.value),\n  {\n    [nsInput.b('group')]: slots.prepend || slots.append,\n    [nsInput.m('prefix')]: slots.prefix || props.prefixIcon,\n    [nsInput.m('suffix')]:\n      slots.suffix || props.suffixIcon || props.clearable || props.showPassword,\n    [nsInput.bm('suffix', 'password-clear')]:\n      showClear.value && showPwdVisible.value,\n    [nsInput.b('hidden')]: props.type === 'hidden',\n  },\n  rawAttrs.class,\n])\n\nconst wrapperKls = computed(() => [\n  nsInput.e('wrapper'),\n  nsInput.is('focus', isFocused.value),\n])\n\nconst { form: elForm, formItem: elFormItem } = useFormItem()\nconst { inputId } = useFormItemInputId(props, {\n  formItemContext: elFormItem,\n})\nconst inputSize = useFormSize()\nconst inputDisabled = useFormDisabled()\nconst nsInput = useNamespace('input')\nconst nsTextarea = useNamespace('textarea')\n\nconst input = shallowRef<HTMLInputElement>()\nconst textarea = shallowRef<HTMLTextAreaElement>()\n\nconst hovering = ref(false)\nconst passwordVisible = ref(false)\nconst countStyle = ref<StyleValue>()\nconst textareaCalcStyle = shallowRef(props.inputStyle)\n\nconst _ref = computed(() => input.value || textarea.value)\n\n// wrapperRef for type=\"text\", handleFocus and handleBlur for type=\"textarea\"\nconst { wrapperRef, isFocused, handleFocus, handleBlur } = useFocusController(\n  _ref,\n  {\n    disabled: inputDisabled,\n    afterBlur() {\n      if (props.validateEvent) {\n        elFormItem?.validate?.('blur').catch((err) => debugWarn(err))\n      }\n    },\n  }\n)\n\nconst needStatusIcon = computed(() => elForm?.statusIcon ?? false)\nconst validateState = computed(() => elFormItem?.validateState || '')\nconst validateIcon = computed(\n  () => validateState.value && ValidateComponentsMap[validateState.value]\n)\nconst passwordIcon = computed(() => (passwordVisible.value ? View : Hide))\nconst containerStyle = computed<StyleValue>(() => [\n  rawAttrs.style as StyleValue,\n])\nconst textareaStyle = computed<StyleValue>(() => [\n  props.inputStyle,\n  textareaCalcStyle.value,\n  { resize: props.resize },\n])\nconst nativeInputValue = computed(() =>\n  isNil(props.modelValue) ? '' : String(props.modelValue)\n)\nconst showClear = computed(\n  () =>\n    props.clearable &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !!nativeInputValue.value &&\n    (isFocused.value || hovering.value)\n)\nconst showPwdVisible = computed(\n  () => props.showPassword && !inputDisabled.value && !!nativeInputValue.value\n)\nconst isWordLimitVisible = computed(\n  () =>\n    props.showWordLimit &&\n    !!props.maxlength &&\n    (props.type === 'text' || props.type === 'textarea') &&\n    !inputDisabled.value &&\n    !props.readonly &&\n    !props.showPassword\n)\nconst textLength = computed(() => nativeInputValue.value.length)\nconst inputExceed = computed(\n  () =>\n    // show exceed style if length of initial value greater then maxlength\n    !!isWordLimitVisible.value && textLength.value > Number(props.maxlength)\n)\nconst suffixVisible = computed(\n  () =>\n    !!slots.suffix ||\n    !!props.suffixIcon ||\n    showClear.value ||\n    props.showPassword ||\n    isWordLimitVisible.value ||\n    (!!validateState.value && needStatusIcon.value)\n)\nconst hasModelModifiers = computed(\n  () => !!Object.keys(props.modelModifiers).length\n)\n\nconst [recordCursor, setCursor] = useCursor(input)\n\nuseResizeObserver(textarea, (entries) => {\n  onceInitSizeTextarea()\n  if (\n    !isWordLimitVisible.value ||\n    (props.resize !== 'both' && props.resize !== 'horizontal')\n  )\n    return\n  const entry = entries[0]\n  const { width } = entry.contentRect\n  countStyle.value = {\n    /** right: 100% - width + padding(22) - right(10) */\n    right: `calc(100% - ${width + 22 - 10}px)`,\n  }\n})\n\nconst resizeTextarea = () => {\n  const { type, autosize } = props\n\n  if (!isClient || type !== 'textarea' || !textarea.value) return\n\n  if (autosize) {\n    const minRows = isObject(autosize) ? autosize.minRows : undefined\n    const maxRows = isObject(autosize) ? autosize.maxRows : undefined\n    const textareaStyle = calcTextareaHeight(textarea.value, minRows, maxRows)\n\n    // If the scrollbar is displayed, the height of the textarea needs more space than the calculated height.\n    // If set textarea height in this case, the scrollbar will not hide.\n    // So we need to hide scrollbar first, and reset it in next tick.\n    // see https://github.com/element-plus/element-plus/issues/8825\n    textareaCalcStyle.value = {\n      overflowY: 'hidden',\n      ...textareaStyle,\n    }\n\n    nextTick(() => {\n      // NOTE: Force repaint to make sure the style set above is applied.\n      textarea.value!.offsetHeight\n      textareaCalcStyle.value = textareaStyle\n    })\n  } else {\n    textareaCalcStyle.value = {\n      minHeight: calcTextareaHeight(textarea.value).minHeight,\n    }\n  }\n}\n\nconst createOnceInitResize = (resizeTextarea: () => void) => {\n  let isInit = false\n  return () => {\n    if (isInit || !props.autosize) return\n    const isElHidden = textarea.value?.offsetParent === null\n    if (!isElHidden) {\n      setTimeout(resizeTextarea)\n      isInit = true\n    }\n  }\n}\n// fix: https://github.com/element-plus/element-plus/issues/12074\nconst onceInitSizeTextarea = createOnceInitResize(resizeTextarea)\n\nconst setNativeInputValue = () => {\n  const input = _ref.value\n  const formatterValue = props.formatter\n    ? props.formatter(nativeInputValue.value)\n    : nativeInputValue.value\n  if (!input || input.value === formatterValue || props.type === 'file') return\n  input.value = formatterValue\n}\n\nconst formatValue = (value: string) => {\n  const { trim, number } = props.modelModifiers\n  if (trim) {\n    value = value.trim()\n  }\n  if (number) {\n    value = `${looseToNumber(value)}`\n  }\n  if (props.formatter && props.parser) {\n    value = props.parser(value)\n  }\n  return value\n}\n\nconst handleInput = async (event: Event) => {\n  // should not emit input during composition\n  // see: https://github.com/ElemeFE/element/issues/10516\n  if (isComposing.value) return\n\n  const { lazy } = props.modelModifiers\n  let { value } = event.target as TargetElement\n  if (lazy) {\n    emit(INPUT_EVENT, value)\n    return\n  }\n\n  value = formatValue(value)\n\n  // hack for https://github.com/ElemeFE/element/issues/8548\n  // should remove the following line when we don't support IE\n  if (String(value) === nativeInputValue.value) {\n    // preserve native features while being compatible with #9501\n    if (props.formatter) {\n      setNativeInputValue()\n    }\n    return\n  }\n\n  recordCursor()\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n\n  // ensure native input value is controlled\n  // see: https://github.com/ElemeFE/element/issues/12850\n  await nextTick()\n\n  if ((props.formatter && props.parser) || !hasModelModifiers.value) {\n    setNativeInputValue()\n  }\n  setCursor()\n}\n\nconst handleChange = async (event: Event) => {\n  let { value } = event.target as TargetElement\n\n  value = formatValue(value)\n  if (props.modelModifiers.lazy) {\n    emit(UPDATE_MODEL_EVENT, value)\n  }\n  emit(CHANGE_EVENT, value, event)\n\n  await nextTick()\n  setNativeInputValue()\n}\n\nconst {\n  isComposing,\n  handleCompositionStart,\n  handleCompositionUpdate,\n  handleCompositionEnd,\n} = useComposition({ emit, afterComposition: handleInput })\n\nconst handlePasswordVisible = () => {\n  passwordVisible.value = !passwordVisible.value\n}\n\nconst focus = () => _ref.value?.focus()\n\nconst blur = () => _ref.value?.blur()\n\nconst handleMouseLeave = (evt: MouseEvent) => {\n  hovering.value = false\n  emit('mouseleave', evt)\n}\n\nconst handleMouseEnter = (evt: MouseEvent) => {\n  hovering.value = true\n  emit('mouseenter', evt)\n}\n\nconst handleKeydown = (evt: KeyboardEvent) => {\n  emit('keydown', evt)\n}\n\nconst select = () => {\n  _ref.value?.select()\n}\n\nconst clear = (evt?: MouseEvent) => {\n  emit(UPDATE_MODEL_EVENT, '')\n  emit(CHANGE_EVENT, '')\n  emit('clear', evt)\n  emit(INPUT_EVENT, '')\n}\n\nwatch(\n  () => props.modelValue,\n  () => {\n    nextTick(() => resizeTextarea())\n    if (props.validateEvent) {\n      elFormItem?.validate?.('change').catch((err) => debugWarn(err))\n    }\n  }\n)\n\n// native input value is set explicitly\n// do not use v-model / :value in template\n// see: https://github.com/ElemeFE/element/issues/14521\nwatch(nativeInputValue, (newValue) => {\n  if (!_ref.value) {\n    return\n  }\n  const { trim, number } = props.modelModifiers\n  const elValue = _ref.value.value\n  const displayValue =\n    (number || props.type === 'number') && !/^0\\d/.test(elValue)\n      ? `${looseToNumber(elValue)}`\n      : elValue\n\n  if (displayValue === newValue) {\n    return\n  }\n\n  if (document.activeElement === _ref.value && _ref.value.type !== 'range') {\n    if (trim && displayValue.trim() === newValue) {\n      return\n    }\n  }\n\n  setNativeInputValue()\n})\n\n// when change between <input> and <textarea>,\n// update DOM dependent value and styles\n// https://github.com/ElemeFE/element/issues/14857\nwatch(\n  () => props.type,\n  async () => {\n    await nextTick()\n    setNativeInputValue()\n    resizeTextarea()\n  }\n)\n\nonMounted(() => {\n  if (!props.formatter && props.parser) {\n    debugWarn(\n      COMPONENT_NAME,\n      'If you set the parser, you also need to set the formatter.'\n    )\n  }\n  setNativeInputValue()\n  nextTick(resizeTextarea)\n})\n\ndefineExpose({\n  /** @description HTML input element */\n  input,\n  /** @description HTML textarea element */\n  textarea,\n  /** @description HTML element, input or textarea */\n  ref: _ref,\n  /** @description style of textarea. */\n  textareaStyle,\n\n  /** @description from props (used on unit test) */\n  autosize: toRef(props, 'autosize'),\n\n  /** @description is input composing */\n  isComposing,\n\n  /** @description HTML input element native method */\n  focus,\n  /** @description HTML input element native method */\n  blur,\n  /** @description HTML input element native method */\n  select,\n  /** @description clear input value */\n  clear,\n  /** @description resize textarea. */\n  resizeTextarea,\n})\n</script>\n"],"mappings":""}

package/es/components/link/src/link.vue.d.ts

@@ -23,8 +23,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }>>> & {
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }, {
-  type: "primary" | "success" | "warning" | "info" | "danger" | "default";
   target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
+  type: "primary" | "success" | "warning" | "info" | "danger" | "default";
   underline: boolean | "always" | "never" | "hover";
   href: string;
 }, {}>;

package/es/components/mention/src/helper.mjs

@@ -15,7 +15,7 @@ const getMentionCtx = (inputEl, prefix, split) => {
 	let mentionCtx;
 	for (let i = selectionEnd - 1; i >= 0; --i) {
 		const char = inputValue[i];
-		if (char === split || char === "\n" || char === "\r") {
+		if (splitIndex === -1 && (char === split || char === "\n" || char === "\r")) {
 			splitIndex = i;
 			continue;
 		}

package/es/components/mention/src/helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helper.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/helper.ts"],"sourcesContent":["import { ensureArray, isFirefox } from '@element-plus/utils'\n\nimport type { MentionCtx, MentionOption } from './types'\n\nexport const filterOption = (\n  pattern: string,\n  option: MentionOption\n): boolean => {\n  const lowerCase = pattern.toLowerCase()\n  const label = option.label || option.value || ''\n  return label.toLowerCase().includes(lowerCase)\n}\n\nexport const getMentionCtx = (\n  inputEl: HTMLInputElement | HTMLTextAreaElement,\n  prefix: string | string[],\n  split: string\n) => {\n  const { selectionEnd } = inputEl\n  if (selectionEnd === null) return\n  const inputValue = inputEl.value\n  const prefixArray = ensureArray(prefix)\n  let splitIndex = -1\n  let mentionCtx: MentionCtx | undefined\n  for (let i = selectionEnd - 1; i >= 0; --i) {\n    const char = inputValue[i]\n    if (char === split || char === '\\n' || char === '\\r') {\n      splitIndex = i\n      continue\n    }\n    if (prefixArray.includes(char)) {\n      const end = splitIndex === -1 ? selectionEnd : splitIndex\n      const pattern = inputValue.slice(i + 1, end)\n      mentionCtx = {\n        pattern,\n        start: i + 1,\n        end,\n        prefix: char,\n        prefixIndex: i,\n        splitIndex,\n        selectionEnd,\n      }\n      break\n    }\n  }\n  return mentionCtx\n}\n\n/**\n * fork from textarea-caret-position\n * https://github.com/component/textarea-caret-position\n * The MIT License (MIT)\n * Copyright (c) 2015 Jonathan Ong me@jongleberry.com\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nexport const getCursorPosition = (\n  element: HTMLInputElement | HTMLTextAreaElement,\n  options = {\n    debug: false,\n    useSelectionEnd: false,\n  }\n) => {\n  const selectionStart =\n    element.selectionStart !== null ? element.selectionStart : 0\n  const selectionEnd = element.selectionEnd !== null ? element.selectionEnd : 0\n  const position = options.useSelectionEnd ? selectionEnd : selectionStart\n  // We'll copy the properties below into the mirror div.\n  // Note that some browsers, such as Firefox, do not concatenate properties\n  // into their shorthand (e.g. padding-top, padding-bottom etc. -> padding),\n  // so we have to list every single property explicitly.\n  const properties: string[] = [\n    'direction', // RTL support\n    'boxSizing',\n    'width', // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does\n    'height',\n    'overflowX',\n    'overflowY', // copy the scrollbar for IE\n    'borderTopWidth',\n    'borderRightWidth',\n    'borderBottomWidth',\n    'borderLeftWidth',\n    'borderStyle',\n    'paddingTop',\n    'paddingRight',\n    'paddingBottom',\n    'paddingLeft',\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/font\n    'fontStyle',\n    'fontVariant',\n    'fontWeight',\n    'fontStretch',\n    'fontSize',\n    'fontSizeAdjust',\n    'lineHeight',\n    'fontFamily',\n    'textAlign',\n    'textTransform',\n    'textIndent',\n    'textDecoration', // might not make a difference, but better be safe\n    'letterSpacing',\n    'wordSpacing',\n    'tabSize',\n    'MozTabSize',\n  ]\n\n  if (options.debug) {\n    const el = document.querySelector(\n      '#input-textarea-caret-position-mirror-div'\n    )\n    if (el?.parentNode) el.parentNode.removeChild(el)\n  }\n\n  // The mirror div will replicate the textareas style\n  const div = document.createElement('div')\n  div.id = 'input-textarea-caret-position-mirror-div'\n  document.body.appendChild(div)\n\n  const style = div.style\n  const computed = window.getComputedStyle(element)\n\n  const isInput = element.nodeName === 'INPUT'\n\n  // Default textarea styles\n  style.whiteSpace = isInput ? 'nowrap' : 'pre-wrap'\n  if (!isInput) style.wordWrap = 'break-word' // only for textarea-s\n\n  // Position off-screen\n  style.position = 'absolute' // required to return coordinates properly\n  if (!options.debug) style.visibility = 'hidden' // not 'display: none' because we want rendering\n\n  // Transfer the element's properties to the div\n  properties.forEach((prop) => {\n    if (isInput && prop === 'lineHeight') {\n      // Special case for <input>s because text is rendered centered and line height may be != height\n      if (computed.boxSizing === 'border-box') {\n        const height = Number.parseInt(computed.height as string)\n        const outerHeight =\n          Number.parseInt(computed.paddingTop as string) +\n          Number.parseInt(computed.paddingBottom as string) +\n          Number.parseInt(computed.borderTopWidth as string) +\n          Number.parseInt(computed.borderBottomWidth as string)\n        const targetHeight =\n          outerHeight + Number.parseInt(computed.lineHeight as string)\n        if (height > targetHeight) {\n          style.lineHeight = `${height - outerHeight}px`\n        } else if (height === targetHeight) {\n          style.lineHeight = computed.lineHeight\n        } else {\n          style.lineHeight = '0'\n        }\n      } else {\n        style.lineHeight = computed.height\n      }\n    } else {\n      style[prop as any] = computed[prop as any]\n    }\n  })\n\n  if (isFirefox()) {\n    // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275\n    if (element.scrollHeight > Number.parseInt(computed.height as string)) {\n      style.overflowY = 'scroll'\n    }\n  } else {\n    style.overflow = 'hidden' // for Chrome to not render a scrollbar; IE keeps overflowY = 'scroll'\n  }\n\n  div.textContent = element.value.slice(0, Math.max(0, position))\n  // The second special handling for input type=\"text\" vs textarea:\n  // spaces need to be replaced with non-breaking spaces - http://stackoverflow.com/a/13402035/1269037\n  if (isInput && div.textContent) {\n    div.textContent = div.textContent.replace(/\\s/g, '\\u00A0')\n  }\n\n  const span = document.createElement('span')\n  // Wrapping must be replicated *exactly*, including when a long word gets\n  // onto the next line, with whitespace at the end of the line before (#7).\n  // The  *only* reliable way to do that is to copy the *entire* rest of the\n  // textareas content into the <span> created at the caret position.\n  // For inputs, just '.' would be enough, but no need to bother.\n  span.textContent = element.value.slice(Math.max(0, position)) || '.' // || because a completely empty faux span doesn't render at all\n  span.style.position = 'relative'\n  span.style.left = `${-element.scrollLeft}px`\n  span.style.top = `${-element.scrollTop}px`\n  div.appendChild(span)\n\n  const relativePosition = {\n    top: span.offsetTop + Number.parseInt(computed.borderTopWidth as string),\n    left: span.offsetLeft + Number.parseInt(computed.borderLeftWidth as string),\n    // We don't use line-height since it may be too large for position. Eg. 34px\n    // for input\n    height: Number.parseInt(computed.fontSize as string) * 1.5,\n  }\n\n  if (options.debug) {\n    span.style.backgroundColor = '#aaa'\n  } else {\n    document.body.removeChild(div)\n  }\n\n  if (relativePosition.left >= element.clientWidth) {\n    relativePosition.left = element.clientWidth\n  }\n  return relativePosition\n}\n"],"mappings":"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"}
+{"version":3,"file":"helper.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/helper.ts"],"sourcesContent":["import { ensureArray, isFirefox } from '@element-plus/utils'\n\nimport type { MentionCtx, MentionOption } from './types'\n\nexport const filterOption = (\n  pattern: string,\n  option: MentionOption\n): boolean => {\n  const lowerCase = pattern.toLowerCase()\n  const label = option.label || option.value || ''\n  return label.toLowerCase().includes(lowerCase)\n}\n\nexport const getMentionCtx = (\n  inputEl: HTMLInputElement | HTMLTextAreaElement,\n  prefix: string | string[],\n  split: string\n) => {\n  const { selectionEnd } = inputEl\n  if (selectionEnd === null) return\n  const inputValue = inputEl.value\n  const prefixArray = ensureArray(prefix)\n  let splitIndex = -1\n  let mentionCtx: MentionCtx | undefined\n  for (let i = selectionEnd - 1; i >= 0; --i) {\n    const char = inputValue[i]\n    if (\n      splitIndex === -1 &&\n      (char === split || char === '\\n' || char === '\\r')\n    ) {\n      splitIndex = i\n      continue\n    }\n    if (prefixArray.includes(char)) {\n      const end = splitIndex === -1 ? selectionEnd : splitIndex\n      const pattern = inputValue.slice(i + 1, end)\n      mentionCtx = {\n        pattern,\n        start: i + 1,\n        end,\n        prefix: char,\n        prefixIndex: i,\n        splitIndex,\n        selectionEnd,\n      }\n      break\n    }\n  }\n  return mentionCtx\n}\n\n/**\n * fork from textarea-caret-position\n * https://github.com/component/textarea-caret-position\n * The MIT License (MIT)\n * Copyright (c) 2015 Jonathan Ong me@jongleberry.com\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n * The above copyright notice and this permission notice shall be included in all\n * copies or substantial portions of the Software.\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\n * SOFTWARE.\n */\nexport const getCursorPosition = (\n  element: HTMLInputElement | HTMLTextAreaElement,\n  options = {\n    debug: false,\n    useSelectionEnd: false,\n  }\n) => {\n  const selectionStart =\n    element.selectionStart !== null ? element.selectionStart : 0\n  const selectionEnd = element.selectionEnd !== null ? element.selectionEnd : 0\n  const position = options.useSelectionEnd ? selectionEnd : selectionStart\n  // We'll copy the properties below into the mirror div.\n  // Note that some browsers, such as Firefox, do not concatenate properties\n  // into their shorthand (e.g. padding-top, padding-bottom etc. -> padding),\n  // so we have to list every single property explicitly.\n  const properties: string[] = [\n    'direction', // RTL support\n    'boxSizing',\n    'width', // on Chrome and IE, exclude the scrollbar, so the mirror div wraps exactly as the textarea does\n    'height',\n    'overflowX',\n    'overflowY', // copy the scrollbar for IE\n    'borderTopWidth',\n    'borderRightWidth',\n    'borderBottomWidth',\n    'borderLeftWidth',\n    'borderStyle',\n    'paddingTop',\n    'paddingRight',\n    'paddingBottom',\n    'paddingLeft',\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/font\n    'fontStyle',\n    'fontVariant',\n    'fontWeight',\n    'fontStretch',\n    'fontSize',\n    'fontSizeAdjust',\n    'lineHeight',\n    'fontFamily',\n    'textAlign',\n    'textTransform',\n    'textIndent',\n    'textDecoration', // might not make a difference, but better be safe\n    'letterSpacing',\n    'wordSpacing',\n    'tabSize',\n    'MozTabSize',\n  ]\n\n  if (options.debug) {\n    const el = document.querySelector(\n      '#input-textarea-caret-position-mirror-div'\n    )\n    if (el?.parentNode) el.parentNode.removeChild(el)\n  }\n\n  // The mirror div will replicate the textareas style\n  const div = document.createElement('div')\n  div.id = 'input-textarea-caret-position-mirror-div'\n  document.body.appendChild(div)\n\n  const style = div.style\n  const computed = window.getComputedStyle(element)\n\n  const isInput = element.nodeName === 'INPUT'\n\n  // Default textarea styles\n  style.whiteSpace = isInput ? 'nowrap' : 'pre-wrap'\n  if (!isInput) style.wordWrap = 'break-word' // only for textarea-s\n\n  // Position off-screen\n  style.position = 'absolute' // required to return coordinates properly\n  if (!options.debug) style.visibility = 'hidden' // not 'display: none' because we want rendering\n\n  // Transfer the element's properties to the div\n  properties.forEach((prop) => {\n    if (isInput && prop === 'lineHeight') {\n      // Special case for <input>s because text is rendered centered and line height may be != height\n      if (computed.boxSizing === 'border-box') {\n        const height = Number.parseInt(computed.height as string)\n        const outerHeight =\n          Number.parseInt(computed.paddingTop as string) +\n          Number.parseInt(computed.paddingBottom as string) +\n          Number.parseInt(computed.borderTopWidth as string) +\n          Number.parseInt(computed.borderBottomWidth as string)\n        const targetHeight =\n          outerHeight + Number.parseInt(computed.lineHeight as string)\n        if (height > targetHeight) {\n          style.lineHeight = `${height - outerHeight}px`\n        } else if (height === targetHeight) {\n          style.lineHeight = computed.lineHeight\n        } else {\n          style.lineHeight = '0'\n        }\n      } else {\n        style.lineHeight = computed.height\n      }\n    } else {\n      style[prop as any] = computed[prop as any]\n    }\n  })\n\n  if (isFirefox()) {\n    // Firefox lies about the overflow property for textareas: https://bugzilla.mozilla.org/show_bug.cgi?id=984275\n    if (element.scrollHeight > Number.parseInt(computed.height as string)) {\n      style.overflowY = 'scroll'\n    }\n  } else {\n    style.overflow = 'hidden' // for Chrome to not render a scrollbar; IE keeps overflowY = 'scroll'\n  }\n\n  div.textContent = element.value.slice(0, Math.max(0, position))\n  // The second special handling for input type=\"text\" vs textarea:\n  // spaces need to be replaced with non-breaking spaces - http://stackoverflow.com/a/13402035/1269037\n  if (isInput && div.textContent) {\n    div.textContent = div.textContent.replace(/\\s/g, '\\u00A0')\n  }\n\n  const span = document.createElement('span')\n  // Wrapping must be replicated *exactly*, including when a long word gets\n  // onto the next line, with whitespace at the end of the line before (#7).\n  // The  *only* reliable way to do that is to copy the *entire* rest of the\n  // textareas content into the <span> created at the caret position.\n  // For inputs, just '.' would be enough, but no need to bother.\n  span.textContent = element.value.slice(Math.max(0, position)) || '.' // || because a completely empty faux span doesn't render at all\n  span.style.position = 'relative'\n  span.style.left = `${-element.scrollLeft}px`\n  span.style.top = `${-element.scrollTop}px`\n  div.appendChild(span)\n\n  const relativePosition = {\n    top: span.offsetTop + Number.parseInt(computed.borderTopWidth as string),\n    left: span.offsetLeft + Number.parseInt(computed.borderLeftWidth as string),\n    // We don't use line-height since it may be too large for position. Eg. 34px\n    // for input\n    height: Number.parseInt(computed.fontSize as string) * 1.5,\n  }\n\n  if (options.debug) {\n    span.style.backgroundColor = '#aaa'\n  } else {\n    document.body.removeChild(div)\n  }\n\n  if (relativePosition.left >= element.clientWidth) {\n    relativePosition.left = element.clientWidth\n  }\n  return relativePosition\n}\n"],"mappings":"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"}

package/es/components/mention/src/mention.vue.d.ts

@@ -76,10 +76,10 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onSearch?: ((pattern: string, prefix: string) => any) | undefined;
   "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
 }, {
-  type: InputType;
+  offset: number;
   props: MentionOptionProps;
+  type: InputType;
   split: string;
-  offset: number;
   modelValue: string;
   placement: "bottom" | "top";
   disabled: boolean;

package/es/components/message/src/message.d.ts

@@ -134,7 +134,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

package/es/components/message/src/message.vue.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   readonly grouping: false;
   readonly repeatNum: 1;
   readonly appendTo: HTMLElement;
-}>, "type" | "onClose" | "zIndex" | "offset" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>, {
+}>, "zIndex" | "offset" | "type" | "onClose" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>, {
   visible: vue.Ref<boolean>;
   bottom: vue.ComputedRef<number>;
   close: typeof close;
@@ -50,13 +50,13 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   readonly grouping: false;
   readonly repeatNum: 1;
   readonly appendTo: HTMLElement;
-}>, "type" | "onClose" | "zIndex" | "offset" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>>> & {
+}>, "zIndex" | "offset" | "type" | "onClose" | "placement" | "id" | "icon" | "plain" | "message" | "showClose" | "duration" | "customClass" | "dangerouslyUseHTMLString" | "grouping" | "repeatNum">>>> & {
   onDestroy?: (() => any) | undefined;
 }, {
-  type: MessageType;
-  onClose: () => void;
   zIndex: number;
   offset: number;
+  type: MessageType;
+  onClose: () => void;
   placement: MessagePlacement;
   id: string;
   icon: IconPropType;

package/es/components/notification/src/notification.d.ts

@@ -110,7 +110,7 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "error", unknown, "", boolean>;

package/es/components/notification/src/notification.vue.d.ts

@@ -41,10 +41,10 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
 }>>> & {
   onDestroy?: (() => any) | undefined;
 }, {
-  title: string;
-  type: NotificationType;
   offset: number;
   position: NotificationPosition;
+  type: NotificationType;
+  title: string;
   id: string;
   onClick: () => void;
   message: string | vue.VNode | (() => vue.VNode);

package/es/components/pagination/src/pagination.d.ts

@@ -135,8 +135,8 @@ declare const _default: vue.DefineComponent<{
   "onPrev-click"?: ((val: number) => any) | undefined;
   "onNext-click"?: ((val: number) => any) | undefined;
 }, {
-  readonly small: boolean;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly small: boolean;
   readonly popperClass: string;
   readonly disabled: boolean;
   readonly layout: string;

package/es/components/popconfirm/src/popconfirm.vue.d.ts

@@ -45,8 +45,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onCancel?: ((e: MouseEvent) => any) | undefined;
   onConfirm?: ((e: MouseEvent) => any) | undefined;
 }, {
-  effect: PopperEffect;
   teleported: boolean;
+  effect: PopperEffect;
   icon: IconPropType;
   hideAfter: number;
   width: string | number;

package/es/components/popover/src/popover.vue.d.ts

@@ -71,9 +71,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }, {
-  effect: PopperEffect;
-  teleported: boolean;
   offset: number;
+  teleported: boolean;
+  effect: PopperEffect;
   placement: Placement;
   popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   tabindex: string | number;

package/es/components/popper/src/content.vue.d.ts

@@ -78,8 +78,8 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }, {
-  effect: PopperEffect;
   offset: number;
+  effect: PopperEffect;
   placement: Placement$1;
   popperStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   visible: boolean;

package/es/components/radio/src/radio-group.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: vue.DefineComponent<__VLS_WithDefaults<__VLS_TypeProps
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
 }, {
-  type: "radio" | "button";
   fill: string;
   props: radioOptionProp;
+  type: "radio" | "button";
   modelValue: string | number | boolean;
   id: string;
   disabled: boolean;

package/es/components/select/src/select.vue.d.ts

@@ -413,10 +413,10 @@ declare const __VLS_export: vue.DefineComponent<{
   "onRemove-tag"?: ((...args: any[]) => any) | undefined;
   "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
 }, {
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
-  props: Props;
-  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   offset: number;
+  teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  props: Props;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
   valueKey: string;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null) | ((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown> | EpPropMergeType<(BooleanConstructor | ObjectConstructor | NumberConstructor | StringConstructor)[], unknown, unknown>[] | null))[], unknown, unknown>;
   debounce: number;

package/es/components/select-v2/src/select.vue.d.ts

@@ -600,10 +600,10 @@ declare const __VLS_export: vue.DefineComponent<{
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }, {
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
-  readonly props: Props;
-  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly offset: number;
+  readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly props: Props;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | ((new (...args: any[]) => string) | (() => PopperEffect))[], unknown, unknown>;
   readonly valueKey: string;
   readonly modelValue: any;
   readonly debounce: number;

package/es/components/table/src/store/tree.mjs

@@ -106,7 +106,7 @@ function useTree(watcherData) {
 	};
 	watch(() => expandRowKeys.value, () => {
 		updateTreeData(true);
-	});
+	}, { deep: true });
 	watch(() => normalizedData.value, () => {
 		updateTreeData();
 	});