@element-plus/nightly 0.0.20260406 → 0.0.20260407

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

@@ -399,8 +399,8 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "onVisible-change"?: ((...args: any[]) => any) | undefined;
   onCommand?: ((...args: any[]) => any) | undefined;
 }>, {
-  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly size: string;
   readonly disabled: boolean;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
@@ -688,9 +688,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, vue.PublicProps, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | CSSProperties | vue.StyleValue[] | null;
@@ -739,9 +739,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | CSSProperties | vue.StyleValue[] | null;
@@ -795,9 +795,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    effect: PopperEffect;
     offset: number;
     teleported: boolean;
+    effect: PopperEffect;
     visible: boolean | null;
     content: string;
     style: string | false | CSSProperties | vue.StyleValue[] | null;
@@ -863,7 +863,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -888,7 +888,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       loop: BooleanConstructor;
       dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
       orientation: {
-        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+        readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/components/dropdown/style/css.mjs

@@ -1,6 +1,6 @@
 import "../../base/style/css.mjs";
 import "../../scrollbar/style/css.mjs";
 import "../../popper/style/css.mjs";
-import "../../button-group/style/css.mjs";
 import "../../button/style/css.mjs";
+import "../../button-group/style/css.mjs";
 import "@element-plus/nightly/theme-chalk/el-dropdown.css";

package/es/components/dropdown/style/index.mjs

@@ -1,6 +1,6 @@
 import "../../base/style/index.mjs";
 import "../../scrollbar/style/index.mjs";
 import "../../popper/style/index.mjs";
-import "../../button-group/style/index.mjs";
 import "../../button/style/index.mjs";
+import "../../button-group/style/index.mjs";
 import "@element-plus/nightly/theme-chalk/src/dropdown.scss";

package/es/components/focus-trap/src/focus-trap.vue.d.ts

@@ -31,7 +31,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
   loop: boolean;
   trapped: boolean;
-  focusStartEl: HTMLElement | "container" | "first";
+  focusStartEl: HTMLElement | "first" | "container";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { _default };

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

@@ -183,7 +183,7 @@ declare const inputProps: {
   };
   readonly type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   readonly resize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "vertical" | "horizontal" | "none" | "both", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -13,10 +13,10 @@ declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.Com
 }, string, vue.PublicProps, Readonly<LinkProps> & Readonly<{
   onClick?: ((evt: MouseEvent) => any) | undefined;
 }>, {
+  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
   type: "primary" | "success" | "warning" | "info" | "danger" | "default";
   underline: boolean | "always" | "never" | "hover";
   href: string;
-  target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -232,7 +232,7 @@ declare const mentionProps: {
   };
   type: EpPropFinalized<(new (...args: any[]) => string) | (() => InputType) | (((new (...args: any[]) => string) | (() => InputType)) | null)[], unknown, unknown, "text", boolean>;
   resize: {
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "vertical" | "horizontal" | "none" | "both", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

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

@@ -1,13 +1,12 @@
 import { EVENT_CODE } from "../../../constants/aria.mjs";
 import { INPUT_EVENT, UPDATE_MODEL_EVENT } from "../../../constants/event.mjs";
 import { getEventCode } from "../../../utils/dom/event.mjs";
-import { isFunction } from "../../../utils/types.mjs";
+import { isArray, isFunction } from "../../../utils/types.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useId } from "../../../hooks/use-id/index.mjs";
 import { useFocusController } from "../../../hooks/use-focus-controller/index.mjs";
 import { useFormDisabled } from "../../form/src/hooks/use-form-common-props.mjs";
 import { ElTooltip } from "../../tooltip/index.mjs";
-import { inputProps } from "../../input/src/input.mjs";
 import { ElInput } from "../../input/index.mjs";
 import { getCursorPosition, getMentionCtx } from "./helper.mjs";
 import { mentionDefaultProps, mentionEmits, mentionProps } from "./mention.mjs";
@@ -25,7 +24,10 @@ var mention_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ define
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const passInputProps = computed(() => pick(props, Object.keys(inputProps)));
+		const passInputProps = computed(() => {
+			const inputProps = ElInput.props ?? [];
+			return pick(props, isArray(inputProps) ? inputProps : Object.keys(inputProps));
+		});
 		const ns = useNamespace("mention");
 		const disabled = useFormDisabled();
 		const contentId = useId();

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

@@ -1 +1 @@
-{"version":3,"file":"mention.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/mention/src/mention.vue"],"sourcesContent":["<template>\n  <div ref=\"wrapperRef\" :class=\"ns.b()\">\n    <el-input\n      v-bind=\"mergeProps(passInputProps, $attrs)\"\n      ref=\"elInputRef\"\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :role=\"dropdownVisible ? 'combobox' : undefined\"\n      :aria-activedescendant=\"dropdownVisible ? hoveringId || '' : undefined\"\n      :aria-controls=\"dropdownVisible ? contentId : undefined\"\n      :aria-expanded=\"dropdownVisible || undefined\"\n      :aria-label=\"ariaLabel\"\n      :aria-autocomplete=\"dropdownVisible ? 'none' : undefined\"\n      :aria-haspopup=\"dropdownVisible ? 'listbox' : undefined\"\n      @input=\"handleInputChange\"\n      @keydown=\"handleInputKeyDown\"\n      @mousedown=\"handleInputMouseDown\"\n    >\n      <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </el-input>\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownVisible\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :placement=\"computedPlacement\"\n      :fallback-placements=\"computedFallbackPlacements\"\n      effect=\"light\"\n      pure\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n    >\n      <template #default>\n        <div :style=\"cursorStyle\" />\n      </template>\n      <template #content>\n        <el-mention-dropdown\n          ref=\"dropdownRef\"\n          :options=\"filteredOptions\"\n          :disabled=\"disabled\"\n          :loading=\"loading\"\n          :content-id=\"contentId\"\n          :aria-label=\"ariaLabel\"\n          @select=\"handleSelect\"\n          @click.stop=\"elInputRef?.focus()\"\n        >\n          <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n            <slot :name=\"name\" v-bind=\"slotProps\" />\n          </template>\n        </el-mention-dropdown>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends MentionOption = MentionOption\">\nimport { computed, mergeProps, nextTick, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { useFocusController, useId, useNamespace } from '@element-plus/hooks'\nimport ElInput, {\n  inputProps,\n  inputPropsDefaults,\n} from '@element-plus/components/input'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport {\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { getEventCode, isFunction } from '@element-plus/utils'\nimport { mentionDefaultProps, mentionEmits } from './mention'\nimport { filterOption, getCursorPosition, getMentionCtx } from './helper'\nimport ElMentionDropdown from './mention-dropdown.vue'\n\nimport type { MentionProps } from './mention'\nimport type { Placement } from '@popperjs/core'\nimport type { CSSProperties } from 'vue'\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { MentionCtx, MentionOption } from './types'\n\ndefineOptions({\n  name: 'ElMention',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MentionProps<T>>(), {\n  ...inputPropsDefaults,\n  options: () => [],\n  prefix: '@',\n  split: ' ',\n  filterOption: () => filterOption,\n  placement: 'bottom',\n  offset: 0,\n  popperOptions: () => ({}),\n  props: () => mentionDefaultProps,\n})\nconst emit = defineEmits(mentionEmits)\ndefineSlots<\n  InputInstance['$slots'] & {\n    header?: () => any\n    footer?: () => any\n    loading?: () => any\n    label?: (props: { item: T & MentionOption; index: number }) => any\n  }\n>()\n\nconst passInputProps = computed(() => pick(props, Object.keys(inputProps)))\n\nconst ns = useNamespace('mention')\nconst disabled = useFormDisabled()\nconst contentId = useId()\n\nconst elInputRef = ref<InputInstance>()\nconst tooltipRef = ref<TooltipInstance>()\nconst dropdownRef = ref<InstanceType<typeof ElMentionDropdown>>()\n\nconst visible = ref(false)\nconst cursorStyle = ref<CSSProperties>()\nconst mentionCtx = ref<MentionCtx>()\n\nconst computedPlacement = computed<Placement>(() =>\n  props.showArrow ? props.placement : `${props.placement}-start`\n)\n\nconst computedFallbackPlacements = computed<Placement[]>(() =>\n  props.showArrow ? ['bottom', 'top'] : ['bottom-start', 'top-start']\n)\n\nconst aliasProps = computed(() => ({\n  ...mentionDefaultProps,\n  ...props.props,\n}))\n\nconst mapOption = (option: T) => {\n  const base = {\n    label: option[aliasProps.value.label],\n    value: option[aliasProps.value.value],\n    disabled: option[aliasProps.value.disabled],\n  }\n  return { ...option, ...base }\n}\n\nconst options = computed(() => props.options.map(mapOption))\n\nconst filteredOptions = computed(() => {\n  const { filterOption } = props\n  if (!mentionCtx.value || !filterOption) return options.value\n  return options.value.filter((option) =>\n    filterOption(mentionCtx.value!.pattern, option)\n  )\n})\n\nconst dropdownVisible = computed(() => {\n  return visible.value && (!!filteredOptions.value.length || props.loading)\n})\n\nconst hoveringId = computed(() => {\n  return `${contentId.value}-${dropdownRef.value?.hoveringIndex}`\n})\n\nconst handleInputChange = (value: string) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n  syncAfterCursorMove()\n}\n\nconst handleInputKeyDown = (event: KeyboardEvent | Event) => {\n  if (elInputRef.value?.isComposing) return\n  const code = getEventCode(event as KeyboardEvent)\n\n  switch (code) {\n    case EVENT_CODE.left:\n    case EVENT_CODE.right:\n      syncAfterCursorMove()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.down:\n      if (!visible.value) return\n      event.preventDefault()\n      dropdownRef.value?.navigateOptions(\n        code === EVENT_CODE.up ? 'prev' : 'next'\n      )\n      break\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      if (!visible.value) {\n        props.type !== 'textarea' && syncAfterCursorMove()\n        return\n      }\n      event.preventDefault()\n      if (dropdownRef.value?.hoverOption) {\n        dropdownRef.value?.selectHoverOption()\n      } else {\n        visible.value = false\n      }\n      break\n    case EVENT_CODE.esc:\n      if (!visible.value) return\n      event.preventDefault()\n      visible.value = false\n      break\n    case EVENT_CODE.backspace:\n      if (props.whole && mentionCtx.value) {\n        const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } =\n          mentionCtx.value\n        const inputEl = getInputEl()\n        if (!inputEl) return\n        const inputValue = inputEl.value\n        const matchOption = options.value.find((item) => item.value === pattern)\n        const isWhole = isFunction(props.checkIsWhole)\n          ? props.checkIsWhole(pattern, prefix)\n          : matchOption\n        if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {\n          event.preventDefault()\n          const newValue =\n            inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1)\n          emit(UPDATE_MODEL_EVENT, newValue)\n          emit(INPUT_EVENT, newValue)\n          emit('whole-remove', pattern, prefix)\n\n          const newSelectionEnd = prefixIndex\n          nextTick(() => {\n            // input value is updated\n            inputEl.selectionStart = newSelectionEnd\n            inputEl.selectionEnd = newSelectionEnd\n            syncDropdownVisible()\n          })\n        }\n      }\n  }\n}\n\nconst { wrapperRef } = useFocusController(elInputRef, {\n  disabled,\n  afterFocus() {\n    syncAfterCursorMove()\n  },\n  beforeBlur(event) {\n    return tooltipRef.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    visible.value = false\n  },\n})\n\nconst handleInputMouseDown = () => {\n  syncAfterCursorMove()\n}\n\n// Ensure that the original option passed by users is returned\nconst getOriginalOption = (mentionOption: MentionOption) => {\n  return props.options.find((option: MentionOption) => {\n    return mentionOption.value === option[aliasProps.value.value]\n  })\n}\n\nconst handleSelect = (item: MentionOption) => {\n  if (!mentionCtx.value) return\n  const inputEl = getInputEl()\n  if (!inputEl) return\n  const inputValue = inputEl.value\n  const { split } = props\n\n  const newEndPart = inputValue.slice(mentionCtx.value.end)\n  const alreadySeparated = newEndPart.startsWith(split)\n  const newMiddlePart = `${item.value}${alreadySeparated ? '' : split}`\n\n  const newValue =\n    inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart\n\n  emit(UPDATE_MODEL_EVENT, newValue)\n  emit(INPUT_EVENT, newValue)\n  emit('select', getOriginalOption(item)!, mentionCtx.value.prefix)\n\n  const newSelectionEnd =\n    mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0)\n\n  nextTick(() => {\n    // input value is updated\n    inputEl.selectionStart = newSelectionEnd\n    inputEl.selectionEnd = newSelectionEnd\n    inputEl.focus()\n    syncDropdownVisible()\n  })\n}\n\nconst getInputEl = () =>\n  props.type === 'textarea'\n    ? elInputRef.value?.textarea\n    : elInputRef.value?.input\n\nconst syncAfterCursorMove = () => {\n  // can't use nextTick(), get cursor position will be wrong\n  setTimeout(() => {\n    syncCursor()\n    syncDropdownVisible()\n    nextTick(() => tooltipRef.value?.updatePopper())\n  }, 0)\n}\n\nconst syncCursor = () => {\n  const inputEl = getInputEl()\n  if (!inputEl) return\n\n  const caretPosition = getCursorPosition(inputEl)\n  const inputRect = inputEl.getBoundingClientRect()\n  const wrapperRect = wrapperRef.value!.getBoundingClientRect()\n\n  cursorStyle.value = {\n    position: 'absolute',\n    width: 0,\n    height: `${caretPosition.height}px`,\n    left: `${caretPosition.left + inputRect.left - wrapperRect.left}px`,\n    top: `${caretPosition.top + inputRect.top - wrapperRect.top}px`,\n  }\n}\n\nconst syncDropdownVisible = () => {\n  const inputEl = getInputEl()\n  if (document.activeElement !== inputEl) {\n    visible.value = false\n    return\n  }\n  const { prefix, split } = props\n  mentionCtx.value = getMentionCtx(inputEl, prefix, split)\n  if (mentionCtx.value && mentionCtx.value.splitIndex === -1) {\n    visible.value = true\n    emit('search', mentionCtx.value.pattern, mentionCtx.value.prefix)\n    return\n  }\n  visible.value = false\n}\n\ndefineExpose({\n  input: elInputRef,\n  tooltip: tooltipRef,\n  dropdownVisible,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"mention.vue_vue_type_script_setup_true_lang.mjs","names":["$attrs","$slots"],"sources":["../../../../../../packages/components/mention/src/mention.vue"],"sourcesContent":["<template>\n  <div ref=\"wrapperRef\" :class=\"ns.b()\">\n    <el-input\n      v-bind=\"mergeProps(passInputProps, $attrs)\"\n      ref=\"elInputRef\"\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :role=\"dropdownVisible ? 'combobox' : undefined\"\n      :aria-activedescendant=\"dropdownVisible ? hoveringId || '' : undefined\"\n      :aria-controls=\"dropdownVisible ? contentId : undefined\"\n      :aria-expanded=\"dropdownVisible || undefined\"\n      :aria-label=\"ariaLabel\"\n      :aria-autocomplete=\"dropdownVisible ? 'none' : undefined\"\n      :aria-haspopup=\"dropdownVisible ? 'listbox' : undefined\"\n      @input=\"handleInputChange\"\n      @keydown=\"handleInputKeyDown\"\n      @mousedown=\"handleInputMouseDown\"\n    >\n      <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </el-input>\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownVisible\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :placement=\"computedPlacement\"\n      :fallback-placements=\"computedFallbackPlacements\"\n      effect=\"light\"\n      pure\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n    >\n      <template #default>\n        <div :style=\"cursorStyle\" />\n      </template>\n      <template #content>\n        <el-mention-dropdown\n          ref=\"dropdownRef\"\n          :options=\"filteredOptions\"\n          :disabled=\"disabled\"\n          :loading=\"loading\"\n          :content-id=\"contentId\"\n          :aria-label=\"ariaLabel\"\n          @select=\"handleSelect\"\n          @click.stop=\"elInputRef?.focus()\"\n        >\n          <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n            <slot :name=\"name\" v-bind=\"slotProps\" />\n          </template>\n        </el-mention-dropdown>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends MentionOption = MentionOption\">\nimport { computed, mergeProps, nextTick, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { useFocusController, useId, useNamespace } from '@element-plus/hooks'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport {\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { getEventCode, isArray, isFunction } from '@element-plus/utils'\nimport { mentionDefaultProps, mentionEmits } from './mention'\nimport { filterOption, getCursorPosition, getMentionCtx } from './helper'\nimport ElMentionDropdown from './mention-dropdown.vue'\n\nimport type { MentionProps } from './mention'\nimport type { Placement } from '@popperjs/core'\nimport type { CSSProperties } from 'vue'\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { MentionCtx, MentionOption } from './types'\n\ndefineOptions({\n  name: 'ElMention',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MentionProps<T>>(), {\n  ...inputPropsDefaults,\n  options: () => [],\n  prefix: '@',\n  split: ' ',\n  filterOption: () => filterOption,\n  placement: 'bottom',\n  offset: 0,\n  popperOptions: () => ({}),\n  props: () => mentionDefaultProps,\n})\nconst emit = defineEmits(mentionEmits)\ndefineSlots<\n  InputInstance['$slots'] & {\n    header?: () => any\n    footer?: () => any\n    loading?: () => any\n    label?: (props: { item: T & MentionOption; index: number }) => any\n  }\n>()\n\nconst passInputProps = computed(() => {\n  const inputProps = ElInput.props ?? []\n  const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n  return pick(props, keys)\n})\n\nconst ns = useNamespace('mention')\nconst disabled = useFormDisabled()\nconst contentId = useId()\n\nconst elInputRef = ref<InputInstance>()\nconst tooltipRef = ref<TooltipInstance>()\nconst dropdownRef = ref<InstanceType<typeof ElMentionDropdown>>()\n\nconst visible = ref(false)\nconst cursorStyle = ref<CSSProperties>()\nconst mentionCtx = ref<MentionCtx>()\n\nconst computedPlacement = computed<Placement>(() =>\n  props.showArrow ? props.placement : `${props.placement}-start`\n)\n\nconst computedFallbackPlacements = computed<Placement[]>(() =>\n  props.showArrow ? ['bottom', 'top'] : ['bottom-start', 'top-start']\n)\n\nconst aliasProps = computed(() => ({\n  ...mentionDefaultProps,\n  ...props.props,\n}))\n\nconst mapOption = (option: T) => {\n  const base = {\n    label: option[aliasProps.value.label],\n    value: option[aliasProps.value.value],\n    disabled: option[aliasProps.value.disabled],\n  }\n  return { ...option, ...base }\n}\n\nconst options = computed(() => props.options.map(mapOption))\n\nconst filteredOptions = computed(() => {\n  const { filterOption } = props\n  if (!mentionCtx.value || !filterOption) return options.value\n  return options.value.filter((option) =>\n    filterOption(mentionCtx.value!.pattern, option)\n  )\n})\n\nconst dropdownVisible = computed(() => {\n  return visible.value && (!!filteredOptions.value.length || props.loading)\n})\n\nconst hoveringId = computed(() => {\n  return `${contentId.value}-${dropdownRef.value?.hoveringIndex}`\n})\n\nconst handleInputChange = (value: string) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n  syncAfterCursorMove()\n}\n\nconst handleInputKeyDown = (event: KeyboardEvent | Event) => {\n  if (elInputRef.value?.isComposing) return\n  const code = getEventCode(event as KeyboardEvent)\n\n  switch (code) {\n    case EVENT_CODE.left:\n    case EVENT_CODE.right:\n      syncAfterCursorMove()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.down:\n      if (!visible.value) return\n      event.preventDefault()\n      dropdownRef.value?.navigateOptions(\n        code === EVENT_CODE.up ? 'prev' : 'next'\n      )\n      break\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      if (!visible.value) {\n        props.type !== 'textarea' && syncAfterCursorMove()\n        return\n      }\n      event.preventDefault()\n      if (dropdownRef.value?.hoverOption) {\n        dropdownRef.value?.selectHoverOption()\n      } else {\n        visible.value = false\n      }\n      break\n    case EVENT_CODE.esc:\n      if (!visible.value) return\n      event.preventDefault()\n      visible.value = false\n      break\n    case EVENT_CODE.backspace:\n      if (props.whole && mentionCtx.value) {\n        const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } =\n          mentionCtx.value\n        const inputEl = getInputEl()\n        if (!inputEl) return\n        const inputValue = inputEl.value\n        const matchOption = options.value.find((item) => item.value === pattern)\n        const isWhole = isFunction(props.checkIsWhole)\n          ? props.checkIsWhole(pattern, prefix)\n          : matchOption\n        if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {\n          event.preventDefault()\n          const newValue =\n            inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1)\n          emit(UPDATE_MODEL_EVENT, newValue)\n          emit(INPUT_EVENT, newValue)\n          emit('whole-remove', pattern, prefix)\n\n          const newSelectionEnd = prefixIndex\n          nextTick(() => {\n            // input value is updated\n            inputEl.selectionStart = newSelectionEnd\n            inputEl.selectionEnd = newSelectionEnd\n            syncDropdownVisible()\n          })\n        }\n      }\n  }\n}\n\nconst { wrapperRef } = useFocusController(elInputRef, {\n  disabled,\n  afterFocus() {\n    syncAfterCursorMove()\n  },\n  beforeBlur(event) {\n    return tooltipRef.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    visible.value = false\n  },\n})\n\nconst handleInputMouseDown = () => {\n  syncAfterCursorMove()\n}\n\n// Ensure that the original option passed by users is returned\nconst getOriginalOption = (mentionOption: MentionOption) => {\n  return props.options.find((option: MentionOption) => {\n    return mentionOption.value === option[aliasProps.value.value]\n  })\n}\n\nconst handleSelect = (item: MentionOption) => {\n  if (!mentionCtx.value) return\n  const inputEl = getInputEl()\n  if (!inputEl) return\n  const inputValue = inputEl.value\n  const { split } = props\n\n  const newEndPart = inputValue.slice(mentionCtx.value.end)\n  const alreadySeparated = newEndPart.startsWith(split)\n  const newMiddlePart = `${item.value}${alreadySeparated ? '' : split}`\n\n  const newValue =\n    inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart\n\n  emit(UPDATE_MODEL_EVENT, newValue)\n  emit(INPUT_EVENT, newValue)\n  emit('select', getOriginalOption(item)!, mentionCtx.value.prefix)\n\n  const newSelectionEnd =\n    mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0)\n\n  nextTick(() => {\n    // input value is updated\n    inputEl.selectionStart = newSelectionEnd\n    inputEl.selectionEnd = newSelectionEnd\n    inputEl.focus()\n    syncDropdownVisible()\n  })\n}\n\nconst getInputEl = () =>\n  props.type === 'textarea'\n    ? elInputRef.value?.textarea\n    : elInputRef.value?.input\n\nconst syncAfterCursorMove = () => {\n  // can't use nextTick(), get cursor position will be wrong\n  setTimeout(() => {\n    syncCursor()\n    syncDropdownVisible()\n    nextTick(() => tooltipRef.value?.updatePopper())\n  }, 0)\n}\n\nconst syncCursor = () => {\n  const inputEl = getInputEl()\n  if (!inputEl) return\n\n  const caretPosition = getCursorPosition(inputEl)\n  const inputRect = inputEl.getBoundingClientRect()\n  const wrapperRect = wrapperRef.value!.getBoundingClientRect()\n\n  cursorStyle.value = {\n    position: 'absolute',\n    width: 0,\n    height: `${caretPosition.height}px`,\n    left: `${caretPosition.left + inputRect.left - wrapperRect.left}px`,\n    top: `${caretPosition.top + inputRect.top - wrapperRect.top}px`,\n  }\n}\n\nconst syncDropdownVisible = () => {\n  const inputEl = getInputEl()\n  if (document.activeElement !== inputEl) {\n    visible.value = false\n    return\n  }\n  const { prefix, split } = props\n  mentionCtx.value = getMentionCtx(inputEl, prefix, split)\n  if (mentionCtx.value && mentionCtx.value.splitIndex === -1) {\n    visible.value = true\n    emit('search', mentionCtx.value.pattern, mentionCtx.value.prefix)\n    return\n  }\n  visible.value = false\n}\n\ndefineExpose({\n  input: elInputRef,\n  tooltip: tooltipRef,\n  dropdownVisible,\n})\n</script>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"mention2.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/mention.vue"],"sourcesContent":["<template>\n  <div ref=\"wrapperRef\" :class=\"ns.b()\">\n    <el-input\n      v-bind=\"mergeProps(passInputProps, $attrs)\"\n      ref=\"elInputRef\"\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :role=\"dropdownVisible ? 'combobox' : undefined\"\n      :aria-activedescendant=\"dropdownVisible ? hoveringId || '' : undefined\"\n      :aria-controls=\"dropdownVisible ? contentId : undefined\"\n      :aria-expanded=\"dropdownVisible || undefined\"\n      :aria-label=\"ariaLabel\"\n      :aria-autocomplete=\"dropdownVisible ? 'none' : undefined\"\n      :aria-haspopup=\"dropdownVisible ? 'listbox' : undefined\"\n      @input=\"handleInputChange\"\n      @keydown=\"handleInputKeyDown\"\n      @mousedown=\"handleInputMouseDown\"\n    >\n      <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </el-input>\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownVisible\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :placement=\"computedPlacement\"\n      :fallback-placements=\"computedFallbackPlacements\"\n      effect=\"light\"\n      pure\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n    >\n      <template #default>\n        <div :style=\"cursorStyle\" />\n      </template>\n      <template #content>\n        <el-mention-dropdown\n          ref=\"dropdownRef\"\n          :options=\"filteredOptions\"\n          :disabled=\"disabled\"\n          :loading=\"loading\"\n          :content-id=\"contentId\"\n          :aria-label=\"ariaLabel\"\n          @select=\"handleSelect\"\n          @click.stop=\"elInputRef?.focus()\"\n        >\n          <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n            <slot :name=\"name\" v-bind=\"slotProps\" />\n          </template>\n        </el-mention-dropdown>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends MentionOption = MentionOption\">\nimport { computed, mergeProps, nextTick, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { useFocusController, useId, useNamespace } from '@element-plus/hooks'\nimport ElInput, {\n  inputProps,\n  inputPropsDefaults,\n} from '@element-plus/components/input'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport {\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { getEventCode, isFunction } from '@element-plus/utils'\nimport { mentionDefaultProps, mentionEmits } from './mention'\nimport { filterOption, getCursorPosition, getMentionCtx } from './helper'\nimport ElMentionDropdown from './mention-dropdown.vue'\n\nimport type { MentionProps } from './mention'\nimport type { Placement } from '@popperjs/core'\nimport type { CSSProperties } from 'vue'\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { MentionCtx, MentionOption } from './types'\n\ndefineOptions({\n  name: 'ElMention',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MentionProps<T>>(), {\n  ...inputPropsDefaults,\n  options: () => [],\n  prefix: '@',\n  split: ' ',\n  filterOption: () => filterOption,\n  placement: 'bottom',\n  offset: 0,\n  popperOptions: () => ({}),\n  props: () => mentionDefaultProps,\n})\nconst emit = defineEmits(mentionEmits)\ndefineSlots<\n  InputInstance['$slots'] & {\n    header?: () => any\n    footer?: () => any\n    loading?: () => any\n    label?: (props: { item: T & MentionOption; index: number }) => any\n  }\n>()\n\nconst passInputProps = computed(() => pick(props, Object.keys(inputProps)))\n\nconst ns = useNamespace('mention')\nconst disabled = useFormDisabled()\nconst contentId = useId()\n\nconst elInputRef = ref<InputInstance>()\nconst tooltipRef = ref<TooltipInstance>()\nconst dropdownRef = ref<InstanceType<typeof ElMentionDropdown>>()\n\nconst visible = ref(false)\nconst cursorStyle = ref<CSSProperties>()\nconst mentionCtx = ref<MentionCtx>()\n\nconst computedPlacement = computed<Placement>(() =>\n  props.showArrow ? props.placement : `${props.placement}-start`\n)\n\nconst computedFallbackPlacements = computed<Placement[]>(() =>\n  props.showArrow ? ['bottom', 'top'] : ['bottom-start', 'top-start']\n)\n\nconst aliasProps = computed(() => ({\n  ...mentionDefaultProps,\n  ...props.props,\n}))\n\nconst mapOption = (option: T) => {\n  const base = {\n    label: option[aliasProps.value.label],\n    value: option[aliasProps.value.value],\n    disabled: option[aliasProps.value.disabled],\n  }\n  return { ...option, ...base }\n}\n\nconst options = computed(() => props.options.map(mapOption))\n\nconst filteredOptions = computed(() => {\n  const { filterOption } = props\n  if (!mentionCtx.value || !filterOption) return options.value\n  return options.value.filter((option) =>\n    filterOption(mentionCtx.value!.pattern, option)\n  )\n})\n\nconst dropdownVisible = computed(() => {\n  return visible.value && (!!filteredOptions.value.length || props.loading)\n})\n\nconst hoveringId = computed(() => {\n  return `${contentId.value}-${dropdownRef.value?.hoveringIndex}`\n})\n\nconst handleInputChange = (value: string) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n  syncAfterCursorMove()\n}\n\nconst handleInputKeyDown = (event: KeyboardEvent | Event) => {\n  if (elInputRef.value?.isComposing) return\n  const code = getEventCode(event as KeyboardEvent)\n\n  switch (code) {\n    case EVENT_CODE.left:\n    case EVENT_CODE.right:\n      syncAfterCursorMove()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.down:\n      if (!visible.value) return\n      event.preventDefault()\n      dropdownRef.value?.navigateOptions(\n        code === EVENT_CODE.up ? 'prev' : 'next'\n      )\n      break\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      if (!visible.value) {\n        props.type !== 'textarea' && syncAfterCursorMove()\n        return\n      }\n      event.preventDefault()\n      if (dropdownRef.value?.hoverOption) {\n        dropdownRef.value?.selectHoverOption()\n      } else {\n        visible.value = false\n      }\n      break\n    case EVENT_CODE.esc:\n      if (!visible.value) return\n      event.preventDefault()\n      visible.value = false\n      break\n    case EVENT_CODE.backspace:\n      if (props.whole && mentionCtx.value) {\n        const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } =\n          mentionCtx.value\n        const inputEl = getInputEl()\n        if (!inputEl) return\n        const inputValue = inputEl.value\n        const matchOption = options.value.find((item) => item.value === pattern)\n        const isWhole = isFunction(props.checkIsWhole)\n          ? props.checkIsWhole(pattern, prefix)\n          : matchOption\n        if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {\n          event.preventDefault()\n          const newValue =\n            inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1)\n          emit(UPDATE_MODEL_EVENT, newValue)\n          emit(INPUT_EVENT, newValue)\n          emit('whole-remove', pattern, prefix)\n\n          const newSelectionEnd = prefixIndex\n          nextTick(() => {\n            // input value is updated\n            inputEl.selectionStart = newSelectionEnd\n            inputEl.selectionEnd = newSelectionEnd\n            syncDropdownVisible()\n          })\n        }\n      }\n  }\n}\n\nconst { wrapperRef } = useFocusController(elInputRef, {\n  disabled,\n  afterFocus() {\n    syncAfterCursorMove()\n  },\n  beforeBlur(event) {\n    return tooltipRef.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    visible.value = false\n  },\n})\n\nconst handleInputMouseDown = () => {\n  syncAfterCursorMove()\n}\n\n// Ensure that the original option passed by users is returned\nconst getOriginalOption = (mentionOption: MentionOption) => {\n  return props.options.find((option: MentionOption) => {\n    return mentionOption.value === option[aliasProps.value.value]\n  })\n}\n\nconst handleSelect = (item: MentionOption) => {\n  if (!mentionCtx.value) return\n  const inputEl = getInputEl()\n  if (!inputEl) return\n  const inputValue = inputEl.value\n  const { split } = props\n\n  const newEndPart = inputValue.slice(mentionCtx.value.end)\n  const alreadySeparated = newEndPart.startsWith(split)\n  const newMiddlePart = `${item.value}${alreadySeparated ? '' : split}`\n\n  const newValue =\n    inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart\n\n  emit(UPDATE_MODEL_EVENT, newValue)\n  emit(INPUT_EVENT, newValue)\n  emit('select', getOriginalOption(item)!, mentionCtx.value.prefix)\n\n  const newSelectionEnd =\n    mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0)\n\n  nextTick(() => {\n    // input value is updated\n    inputEl.selectionStart = newSelectionEnd\n    inputEl.selectionEnd = newSelectionEnd\n    inputEl.focus()\n    syncDropdownVisible()\n  })\n}\n\nconst getInputEl = () =>\n  props.type === 'textarea'\n    ? elInputRef.value?.textarea\n    : elInputRef.value?.input\n\nconst syncAfterCursorMove = () => {\n  // can't use nextTick(), get cursor position will be wrong\n  setTimeout(() => {\n    syncCursor()\n    syncDropdownVisible()\n    nextTick(() => tooltipRef.value?.updatePopper())\n  }, 0)\n}\n\nconst syncCursor = () => {\n  const inputEl = getInputEl()\n  if (!inputEl) return\n\n  const caretPosition = getCursorPosition(inputEl)\n  const inputRect = inputEl.getBoundingClientRect()\n  const wrapperRect = wrapperRef.value!.getBoundingClientRect()\n\n  cursorStyle.value = {\n    position: 'absolute',\n    width: 0,\n    height: `${caretPosition.height}px`,\n    left: `${caretPosition.left + inputRect.left - wrapperRect.left}px`,\n    top: `${caretPosition.top + inputRect.top - wrapperRect.top}px`,\n  }\n}\n\nconst syncDropdownVisible = () => {\n  const inputEl = getInputEl()\n  if (document.activeElement !== inputEl) {\n    visible.value = false\n    return\n  }\n  const { prefix, split } = props\n  mentionCtx.value = getMentionCtx(inputEl, prefix, split)\n  if (mentionCtx.value && mentionCtx.value.splitIndex === -1) {\n    visible.value = true\n    emit('search', mentionCtx.value.pattern, mentionCtx.value.prefix)\n    return\n  }\n  visible.value = false\n}\n\ndefineExpose({\n  input: elInputRef,\n  tooltip: tooltipRef,\n  dropdownVisible,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"mention2.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/mention.vue"],"sourcesContent":["<template>\n  <div ref=\"wrapperRef\" :class=\"ns.b()\">\n    <el-input\n      v-bind=\"mergeProps(passInputProps, $attrs)\"\n      ref=\"elInputRef\"\n      :model-value=\"modelValue\"\n      :disabled=\"disabled\"\n      :role=\"dropdownVisible ? 'combobox' : undefined\"\n      :aria-activedescendant=\"dropdownVisible ? hoveringId || '' : undefined\"\n      :aria-controls=\"dropdownVisible ? contentId : undefined\"\n      :aria-expanded=\"dropdownVisible || undefined\"\n      :aria-label=\"ariaLabel\"\n      :aria-autocomplete=\"dropdownVisible ? 'none' : undefined\"\n      :aria-haspopup=\"dropdownVisible ? 'listbox' : undefined\"\n      @input=\"handleInputChange\"\n      @keydown=\"handleInputKeyDown\"\n      @mousedown=\"handleInputMouseDown\"\n    >\n      <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps\" />\n      </template>\n    </el-input>\n    <el-tooltip\n      ref=\"tooltipRef\"\n      :visible=\"dropdownVisible\"\n      :popper-class=\"[ns.e('popper'), popperClass!]\"\n      :popper-style=\"popperStyle\"\n      :popper-options=\"popperOptions\"\n      :placement=\"computedPlacement\"\n      :fallback-placements=\"computedFallbackPlacements\"\n      effect=\"light\"\n      pure\n      :offset=\"offset\"\n      :show-arrow=\"showArrow\"\n    >\n      <template #default>\n        <div :style=\"cursorStyle\" />\n      </template>\n      <template #content>\n        <el-mention-dropdown\n          ref=\"dropdownRef\"\n          :options=\"filteredOptions\"\n          :disabled=\"disabled\"\n          :loading=\"loading\"\n          :content-id=\"contentId\"\n          :aria-label=\"ariaLabel\"\n          @select=\"handleSelect\"\n          @click.stop=\"elInputRef?.focus()\"\n        >\n          <template v-for=\"(_, name) in $slots\" #[name]=\"slotProps\">\n            <slot :name=\"name\" v-bind=\"slotProps\" />\n          </template>\n        </el-mention-dropdown>\n      </template>\n    </el-tooltip>\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends MentionOption = MentionOption\">\nimport { computed, mergeProps, nextTick, ref } from 'vue'\nimport { pick } from 'lodash-unified'\nimport { useFocusController, useId, useNamespace } from '@element-plus/hooks'\nimport ElInput, { inputPropsDefaults } from '@element-plus/components/input'\nimport ElTooltip from '@element-plus/components/tooltip'\nimport {\n  EVENT_CODE,\n  INPUT_EVENT,\n  UPDATE_MODEL_EVENT,\n} from '@element-plus/constants'\nimport { useFormDisabled } from '@element-plus/components/form'\nimport { getEventCode, isArray, isFunction } from '@element-plus/utils'\nimport { mentionDefaultProps, mentionEmits } from './mention'\nimport { filterOption, getCursorPosition, getMentionCtx } from './helper'\nimport ElMentionDropdown from './mention-dropdown.vue'\n\nimport type { MentionProps } from './mention'\nimport type { Placement } from '@popperjs/core'\nimport type { CSSProperties } from 'vue'\nimport type { InputInstance } from '@element-plus/components/input'\nimport type { TooltipInstance } from '@element-plus/components/tooltip'\nimport type { MentionCtx, MentionOption } from './types'\n\ndefineOptions({\n  name: 'ElMention',\n  inheritAttrs: false,\n})\n\nconst props = withDefaults(defineProps<MentionProps<T>>(), {\n  ...inputPropsDefaults,\n  options: () => [],\n  prefix: '@',\n  split: ' ',\n  filterOption: () => filterOption,\n  placement: 'bottom',\n  offset: 0,\n  popperOptions: () => ({}),\n  props: () => mentionDefaultProps,\n})\nconst emit = defineEmits(mentionEmits)\ndefineSlots<\n  InputInstance['$slots'] & {\n    header?: () => any\n    footer?: () => any\n    loading?: () => any\n    label?: (props: { item: T & MentionOption; index: number }) => any\n  }\n>()\n\nconst passInputProps = computed(() => {\n  const inputProps = ElInput.props ?? []\n  const keys = isArray(inputProps) ? inputProps : Object.keys(inputProps)\n  return pick(props, keys)\n})\n\nconst ns = useNamespace('mention')\nconst disabled = useFormDisabled()\nconst contentId = useId()\n\nconst elInputRef = ref<InputInstance>()\nconst tooltipRef = ref<TooltipInstance>()\nconst dropdownRef = ref<InstanceType<typeof ElMentionDropdown>>()\n\nconst visible = ref(false)\nconst cursorStyle = ref<CSSProperties>()\nconst mentionCtx = ref<MentionCtx>()\n\nconst computedPlacement = computed<Placement>(() =>\n  props.showArrow ? props.placement : `${props.placement}-start`\n)\n\nconst computedFallbackPlacements = computed<Placement[]>(() =>\n  props.showArrow ? ['bottom', 'top'] : ['bottom-start', 'top-start']\n)\n\nconst aliasProps = computed(() => ({\n  ...mentionDefaultProps,\n  ...props.props,\n}))\n\nconst mapOption = (option: T) => {\n  const base = {\n    label: option[aliasProps.value.label],\n    value: option[aliasProps.value.value],\n    disabled: option[aliasProps.value.disabled],\n  }\n  return { ...option, ...base }\n}\n\nconst options = computed(() => props.options.map(mapOption))\n\nconst filteredOptions = computed(() => {\n  const { filterOption } = props\n  if (!mentionCtx.value || !filterOption) return options.value\n  return options.value.filter((option) =>\n    filterOption(mentionCtx.value!.pattern, option)\n  )\n})\n\nconst dropdownVisible = computed(() => {\n  return visible.value && (!!filteredOptions.value.length || props.loading)\n})\n\nconst hoveringId = computed(() => {\n  return `${contentId.value}-${dropdownRef.value?.hoveringIndex}`\n})\n\nconst handleInputChange = (value: string) => {\n  emit(UPDATE_MODEL_EVENT, value)\n  emit(INPUT_EVENT, value)\n  syncAfterCursorMove()\n}\n\nconst handleInputKeyDown = (event: KeyboardEvent | Event) => {\n  if (elInputRef.value?.isComposing) return\n  const code = getEventCode(event as KeyboardEvent)\n\n  switch (code) {\n    case EVENT_CODE.left:\n    case EVENT_CODE.right:\n      syncAfterCursorMove()\n      break\n    case EVENT_CODE.up:\n    case EVENT_CODE.down:\n      if (!visible.value) return\n      event.preventDefault()\n      dropdownRef.value?.navigateOptions(\n        code === EVENT_CODE.up ? 'prev' : 'next'\n      )\n      break\n    case EVENT_CODE.enter:\n    case EVENT_CODE.numpadEnter:\n      if (!visible.value) {\n        props.type !== 'textarea' && syncAfterCursorMove()\n        return\n      }\n      event.preventDefault()\n      if (dropdownRef.value?.hoverOption) {\n        dropdownRef.value?.selectHoverOption()\n      } else {\n        visible.value = false\n      }\n      break\n    case EVENT_CODE.esc:\n      if (!visible.value) return\n      event.preventDefault()\n      visible.value = false\n      break\n    case EVENT_CODE.backspace:\n      if (props.whole && mentionCtx.value) {\n        const { splitIndex, selectionEnd, pattern, prefixIndex, prefix } =\n          mentionCtx.value\n        const inputEl = getInputEl()\n        if (!inputEl) return\n        const inputValue = inputEl.value\n        const matchOption = options.value.find((item) => item.value === pattern)\n        const isWhole = isFunction(props.checkIsWhole)\n          ? props.checkIsWhole(pattern, prefix)\n          : matchOption\n        if (isWhole && splitIndex !== -1 && splitIndex + 1 === selectionEnd) {\n          event.preventDefault()\n          const newValue =\n            inputValue.slice(0, prefixIndex) + inputValue.slice(splitIndex + 1)\n          emit(UPDATE_MODEL_EVENT, newValue)\n          emit(INPUT_EVENT, newValue)\n          emit('whole-remove', pattern, prefix)\n\n          const newSelectionEnd = prefixIndex\n          nextTick(() => {\n            // input value is updated\n            inputEl.selectionStart = newSelectionEnd\n            inputEl.selectionEnd = newSelectionEnd\n            syncDropdownVisible()\n          })\n        }\n      }\n  }\n}\n\nconst { wrapperRef } = useFocusController(elInputRef, {\n  disabled,\n  afterFocus() {\n    syncAfterCursorMove()\n  },\n  beforeBlur(event) {\n    return tooltipRef.value?.isFocusInsideContent(event)\n  },\n  afterBlur() {\n    visible.value = false\n  },\n})\n\nconst handleInputMouseDown = () => {\n  syncAfterCursorMove()\n}\n\n// Ensure that the original option passed by users is returned\nconst getOriginalOption = (mentionOption: MentionOption) => {\n  return props.options.find((option: MentionOption) => {\n    return mentionOption.value === option[aliasProps.value.value]\n  })\n}\n\nconst handleSelect = (item: MentionOption) => {\n  if (!mentionCtx.value) return\n  const inputEl = getInputEl()\n  if (!inputEl) return\n  const inputValue = inputEl.value\n  const { split } = props\n\n  const newEndPart = inputValue.slice(mentionCtx.value.end)\n  const alreadySeparated = newEndPart.startsWith(split)\n  const newMiddlePart = `${item.value}${alreadySeparated ? '' : split}`\n\n  const newValue =\n    inputValue.slice(0, mentionCtx.value.start) + newMiddlePart + newEndPart\n\n  emit(UPDATE_MODEL_EVENT, newValue)\n  emit(INPUT_EVENT, newValue)\n  emit('select', getOriginalOption(item)!, mentionCtx.value.prefix)\n\n  const newSelectionEnd =\n    mentionCtx.value.start + newMiddlePart.length + (alreadySeparated ? 1 : 0)\n\n  nextTick(() => {\n    // input value is updated\n    inputEl.selectionStart = newSelectionEnd\n    inputEl.selectionEnd = newSelectionEnd\n    inputEl.focus()\n    syncDropdownVisible()\n  })\n}\n\nconst getInputEl = () =>\n  props.type === 'textarea'\n    ? elInputRef.value?.textarea\n    : elInputRef.value?.input\n\nconst syncAfterCursorMove = () => {\n  // can't use nextTick(), get cursor position will be wrong\n  setTimeout(() => {\n    syncCursor()\n    syncDropdownVisible()\n    nextTick(() => tooltipRef.value?.updatePopper())\n  }, 0)\n}\n\nconst syncCursor = () => {\n  const inputEl = getInputEl()\n  if (!inputEl) return\n\n  const caretPosition = getCursorPosition(inputEl)\n  const inputRect = inputEl.getBoundingClientRect()\n  const wrapperRect = wrapperRef.value!.getBoundingClientRect()\n\n  cursorStyle.value = {\n    position: 'absolute',\n    width: 0,\n    height: `${caretPosition.height}px`,\n    left: `${caretPosition.left + inputRect.left - wrapperRect.left}px`,\n    top: `${caretPosition.top + inputRect.top - wrapperRect.top}px`,\n  }\n}\n\nconst syncDropdownVisible = () => {\n  const inputEl = getInputEl()\n  if (document.activeElement !== inputEl) {\n    visible.value = false\n    return\n  }\n  const { prefix, split } = props\n  mentionCtx.value = getMentionCtx(inputEl, prefix, split)\n  if (mentionCtx.value && mentionCtx.value.splitIndex === -1) {\n    visible.value = true\n    emit('search', mentionCtx.value.pattern, mentionCtx.value.prefix)\n    return\n  }\n  visible.value = false\n}\n\ndefineExpose({\n  input: elInputRef,\n  tooltip: tooltipRef,\n  dropdownVisible,\n})\n</script>\n"],"mappings":""}

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

@@ -9,7 +9,7 @@ import { NavigationFailure } from "vue-router";
 
 //#region ../../packages/components/menu/src/menu.d.ts
 declare const menuProps: {
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
@@ -45,7 +45,7 @@ declare const menuEmits: {
 };
 type MenuEmits = typeof menuEmits;
 declare const _default: vue.DefineComponent<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
@@ -78,7 +78,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   open: (index: string, indexPath: string[]) => boolean;
   select: (index: string, indexPath: string[], item: MenuItemClicked, routerResult?: Promise<void | NavigationFailure>) => boolean;
 }, string, vue.PublicProps, Readonly<ExtractPropTypes<{
-  readonly mode: EpPropFinalized<StringConstructor, "vertical" | "horizontal", unknown, "vertical", boolean>;
+  readonly mode: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
   readonly defaultActive: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly defaultOpeneds: EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | (((new (...args: any[]) => string[]) | (() => string[])) | null)[], unknown, unknown, () => [], boolean>;
   readonly uniqueOpened: BooleanConstructor;
@@ -112,7 +112,7 @@ declare const _default: vue.DefineComponent<ExtractPropTypes<{
   readonly collapse: boolean;
   readonly ellipsis: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly persistent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
-  readonly mode: EpPropMergeType<StringConstructor, "vertical" | "horizontal", unknown>;
+  readonly mode: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly showTimeout: number;
   readonly hideTimeout: number;
   readonly defaultActive: string;

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

@@ -134,7 +134,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "error" | "info" | "primary" | "success" | "warning", 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-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", 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

@@ -18,17 +18,17 @@ declare const __VLS_base: vue.DefineComponent<MessageProps, {
 }, string, vue.PublicProps, Readonly<MessageProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
+  zIndex: number;
+  offset: number;
   type: MessageType;
   onClose: () => void;
-  offset: number;
-  duration: number;
-  zIndex: number;
   id: string;
   icon: IconPropType;
   placement: MessagePlacement;
   plain: boolean;
   message: string | vue.VNode | (() => vue.VNode);
   showClose: boolean;
+  duration: number;
   customClass: string;
   dangerouslyUseHTMLString: boolean;
   grouping: boolean;

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-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "" | "error" | "info" | "primary" | "success" | "warning", unknown, "", boolean>;

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

@@ -17,16 +17,16 @@ declare const __VLS_base: vue.DefineComponent<NotificationProps, {
 }, string, vue.PublicProps, Readonly<NotificationProps> & Readonly<{
   onDestroy?: (() => any) | undefined;
 }>, {
-  title: string;
-  type: NotificationType;
   offset: number;
-  duration: number;
-  onClick: () => void;
   position: NotificationPosition;
+  type: NotificationType;
+  title: string;
   id: string;
+  onClick: () => void;
   message: string | vue.VNode | (() => vue.VNode);
   closeIcon: IconPropType;
   showClose: boolean;
+  duration: number;
   customClass: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -27,8 +27,8 @@ declare const __VLS_base: vue.DefineComponent<PopconfirmProps, {
   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

@@ -33,9 +33,9 @@ declare const __VLS_base: vue.DefineComponent<PopoverProps, {
   "onAfter-enter"?: (() => any) | undefined;
   "onAfter-leave"?: (() => any) | undefined;
 }>, {
-  effect: PopperEffect;
   offset: number;
   teleported: boolean;
+  effect: PopperEffect;
   tabindex: string | number;
   visible: boolean | null;
   content: string;

package/es/components/popper/src/composables/use-focus-trap.d.ts

@@ -4,7 +4,7 @@ import { SetupContext } from "vue";
 
 //#region ../../packages/components/popper/src/composables/use-focus-trap.d.ts
 declare const usePopperContentFocusTrap: (props: PopperContentProps, emit: SetupContext<PopperContentEmits>["emit"]) => {
-  focusStartRef: vue.Ref<HTMLElement | "container" | "first" | undefined, HTMLElement | "container" | "first" | undefined>;
+  focusStartRef: vue.Ref<HTMLElement | "first" | "container" | undefined, HTMLElement | "first" | "container" | undefined>;
   trapped: vue.Ref<boolean, boolean>;
   onFocusAfterReleased: (event: CustomEvent) => void;
   onFocusAfterTrapped: () => void;

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

@@ -40,8 +40,8 @@ declare const __VLS_base: vue.DefineComponent<PopperContentProps, {
   onMouseenter?: ((evt: MouseEvent) => any) | undefined;
   onMouseleave?: ((evt: MouseEvent) => any) | undefined;
 }>, {
-  effect: PopperEffect;
   offset: number;
+  effect: PopperEffect;
   visible: boolean;
   style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
   enterable: boolean;

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

@@ -14,7 +14,6 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ProgressProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ProgressProps> & Readonly<{}>, {
   type: "line" | "circle" | "dashboard";
-  duration: number;
   color: string | ProgressColor[] | ProgressFn;
   strokeLinecap: NonNullable<vue.SVGAttributes["stroke-linecap"]>;
   strokeWidth: number;
@@ -22,6 +21,7 @@ declare const __VLS_base: vue.DefineComponent<ProgressProps, {}, {}, {}, {}, vue
   format: ProgressFn;
   percentage: number;
   status: "" | "success" | "exception" | "warning";
+  duration: number;
   showText: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -13,9 +13,9 @@ declare const __VLS_base: vue.DefineComponent<RadioGroupProps, {}, {}, {}, {}, v
   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";
   id: string;
   disabled: boolean;
   modelValue: string | number | boolean;

package/es/components/roving-focus-group/src/roving-focus-group.d.ts

@@ -23,7 +23,7 @@ declare const rovingFocusGroupProps: {
   loop: BooleanConstructor;
   dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
   orientation: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;

package/es/components/roving-focus-group/src/roving-focus-group.vue.d.ts

@@ -38,7 +38,7 @@ declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.Componen
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;
@@ -63,7 +63,7 @@ declare const __VLS_export: vue.DefineComponent<{}, {}, {}, {}, {}, vue.Componen
     loop: BooleanConstructor;
     dir: EpPropFinalized<StringConstructor, string, unknown, string, boolean>;
     orientation: {
-      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined) | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal" | undefined)) | null)[], unknown, unknown>>;
+      readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined) | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical" | undefined)) | null)[], unknown, unknown>>;
       readonly required: false;
       readonly validator: ((val: unknown) => boolean) | undefined;
       __epPropKey: true;

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

@@ -62,7 +62,7 @@ interface SegmentedProps<T extends Option = Option> {
  */
 declare const segmentedProps: {
   ariaLabel: StringConstructor;
-  direction: EpPropFinalized<(new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal") | (((new (...args: any[]) => "vertical" | "horizontal") | (() => "vertical" | "horizontal")) | null)[], unknown, unknown, string, boolean>;
+  direction: EpPropFinalized<(new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical") | (((new (...args: any[]) => "horizontal" | "vertical") | (() => "horizontal" | "vertical")) | null)[], unknown, unknown, string, boolean>;
   options: EpPropFinalized<(new (...args: any[]) => Option[]) | (() => Option[]) | (((new (...args: any[]) => Option[]) | (() => Option[])) | null)[], unknown, unknown, () => never[], boolean>;
   modelValue: EpPropFinalized<(BooleanConstructor | NumberConstructor | StringConstructor)[], unknown, unknown, undefined, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => Props) | (() => Props) | (((new (...args: any[]) => Props) | (() => Props)) | null)[], unknown, unknown, () => Required<Props>, boolean>;

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

@@ -402,10 +402,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "onRemove-tag"?: ((...args: any[]) => any) | undefined;
   "onPopup-scroll"?: ((...args: any[]) => any) | undefined;
 }>, {
-  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
-  props: Props;
   offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  props: Props;
+  effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   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)) | null)[], unknown, unknown>;
   autocomplete: string;
@@ -747,9 +747,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, vue.PublicProps, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -798,9 +798,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -854,9 +854,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    effect: PopperEffect;
     offset: number;
     teleported: boolean;
+    effect: PopperEffect;
     visible: boolean | null;
     content: string;
     style: string | false | vue.CSSProperties | vue.StyleValue[] | null;

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

@@ -594,10 +594,10 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "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)) | null)[], unknown, unknown>;
-  readonly props: Props;
   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)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: any;
   readonly autocomplete: EpPropMergeType<(new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list") | (((new (...args: any[]) => "none" | "both" | "inline" | "list") | (() => "none" | "both" | "inline" | "list")) | null)[], unknown, unknown>;
@@ -728,9 +728,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, vue.PublicProps, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -779,9 +779,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      effect: PopperEffect;
       offset: number;
       teleported: boolean;
+      effect: PopperEffect;
       visible: boolean | null;
       content: string;
       style: string | false | vue.CSSProperties | vue.StyleValue[] | null;
@@ -835,9 +835,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    effect: PopperEffect;
     offset: number;
     teleported: boolean;
+    effect: PopperEffect;
     visible: boolean | null;
     content: string;
     style: string | false | vue.CSSProperties | vue.StyleValue[] | null;