@element-plus/nightly 0.0.20260328 → 0.0.20260330

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

@@ -18,8 +18,8 @@ declare const __VLS_base: vue.DefineComponent<InputNumberProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   blur: (e: FocusEvent) => void;
   focus: (e: FocusEvent) => void;
-  "update:modelValue": (val: number | undefined) => void;
   change: (cur: number | undefined, prev: number | undefined) => void;
+  "update:modelValue": (val: number | undefined) => void;
   input: (val: number | null | undefined) => void;
 }, string, vue.PublicProps, Readonly<InputNumberProps> & Readonly<{
   onBlur?: ((e: FocusEvent) => any) | undefined;
@@ -29,18 +29,18 @@ declare const __VLS_base: vue.DefineComponent<InputNumberProps, {
   "onUpdate:modelValue"?: ((val: number | undefined) => any) | undefined;
 }>, {
   disabled: boolean;
-  id: string;
   validateEvent: boolean;
+  id: string;
+  readonly: boolean;
+  inputmode: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal";
+  align: "left" | "right" | "center";
   min: number;
   max: number;
-  readonly: boolean;
-  inputmode: "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal";
   step: number;
+  valueOnClear: "min" | "max" | number | null;
   stepStrictly: boolean;
   controls: boolean;
   controlsPosition: "" | "right";
-  valueOnClear: "min" | "max" | number | null;
-  align: "left" | "right" | "center";
 }, {}, {}, {}, 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/input-tag/src/input-tag.d.ts

@@ -130,7 +130,7 @@ declare const inputTagProps: {
   readonly max: NumberConstructor;
   readonly tagType: {
     readonly default: "info";
-    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "info" | "primary" | "success" | "warning" | "danger", unknown>>;
+    readonly type: vue.PropType<EpPropMergeType<StringConstructor, "primary" | "success" | "info" | "warning" | "danger", unknown>>;
     readonly required: false;
     readonly validator: ((val: unknown) => boolean) | undefined;
     readonly __epPropKey: true;

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

@@ -28,8 +28,8 @@ declare const __VLS_base: vue.DefineComponent<InputTagProps, {
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   blur: (evt: FocusEvent) => void;
   focus: (evt: FocusEvent) => void;
-  "update:modelValue": (value?: string[] | undefined) => void;
   change: (value?: string[] | undefined) => void;
+  "update:modelValue": (value?: string[] | undefined) => void;
   clear: () => void;
   input: (value: string) => void;
   "add-tag": (value: string | string[]) => void;
@@ -47,18 +47,18 @@ declare const __VLS_base: vue.DefineComponent<InputTagProps, {
   "onDrag-tag"?: ((oldIndex: number, newIndex: number, value: string) => any) | undefined;
 }>, {
   disabled: boolean;
-  id: string;
-  tabindex: string | number;
   validateEvent: boolean;
+  id: string;
   autocomplete: string;
   clearIcon: IconPropType;
-  tagType: "info" | "primary" | "success" | "warning" | "danger";
-  tagEffect: "dark" | "light" | "plain";
+  tabindex: string | number;
   effect: PopperEffect;
   trigger: "Enter" | "Space";
-  delimiter: string | RegExp;
-  saveOnBlur: boolean;
   maxCollapseTags: number;
+  tagType: "primary" | "success" | "info" | "warning" | "danger";
+  tagEffect: "dark" | "light" | "plain";
+  saveOnBlur: boolean;
+  delimiter: string | RegExp;
 }, {}, {}, {}, 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/link/src/link.d.ts

@@ -36,7 +36,7 @@ interface LinkProps {
  * @deprecated Removed after 3.0.0, Use `LinkProps` instead.
  */
 declare const linkProps: {
-  readonly type: EpPropFinalized<StringConstructor, "default" | "info" | "primary" | "success" | "warning" | "danger", unknown, undefined, boolean>;
+  readonly type: EpPropFinalized<StringConstructor, "default" | "primary" | "success" | "info" | "warning" | "danger", unknown, undefined, boolean>;
   readonly underline: EpPropFinalized<readonly [BooleanConstructor, StringConstructor], boolean | "always" | "never" | "hover", unknown, undefined, boolean>;
   readonly disabled: BooleanConstructor;
   readonly href: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

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

@@ -15,8 +15,8 @@ declare const __VLS_base: vue.DefineComponent<LinkProps, {}, {}, {}, {}, vue.Com
 }>, {
   type: "primary" | "success" | "warning" | "info" | "danger" | "default";
   underline: boolean | "always" | "never" | "hover";
-  href: string;
   target: "_blank" | "_parent" | "_self" | "_top" | (string & NonNullable<unknown>);
+  href: string;
 }, {}, {}, {}, 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/helper.d.ts

@@ -1,6 +1,6 @@
 import { MentionOption } from "./types.js";
 
 //#region ../../packages/components/mention/src/helper.d.ts
-declare const filterOption: (pattern: string, option: MentionOption) => boolean;
+declare const filterOption: <T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean;
 //#endregion
 export { filterOption };

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 (\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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"}
+{"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 = <T extends MentionOption = MentionOption>(\n  pattern: string,\n  option: T & 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.d.ts

@@ -10,14 +10,15 @@ import { filterOption } from "./helper.js";
 import { _default } from "./mention.vue.js";
 import { Options } from "../../popper/index.js";
 import * as vue from "vue";
-import { ExtractPublicPropTypes } from "vue";
+import { ComponentInstance, ExtractPublicPropTypes } from "vue";
+import { ComponentExposed } from "vue-component-type-helpers";
 
 //#region ../../packages/components/mention/src/mention.d.ts
-interface MentionProps extends InputProps {
+interface MentionProps<T extends MentionOption = MentionOption> extends InputProps {
   /**
    * @description mention options list
    */
-  options?: MentionOption[];
+  options?: T[];
   /**
    * @description prefix character to trigger mentions. The string length must be exactly 1.
    */
@@ -29,7 +30,7 @@ interface MentionProps extends InputProps {
   /**
    * @description customize filter option logic.
    */
-  filterOption?: false | typeof filterOption;
+  filterOption?: false | typeof filterOption<T>;
   /**
    * @description set popup placement
    */
@@ -82,7 +83,7 @@ declare const mentionProps: {
   options: EpPropFinalized<(new (...args: any[]) => MentionOption[]) | (() => MentionOption[]) | (((new (...args: any[]) => MentionOption[]) | (() => MentionOption[])) | null)[], unknown, unknown, () => never[], boolean>;
   prefix: EpPropFinalized<(new (...args: any[]) => string | string[]) | (() => string | string[]) | (((new (...args: any[]) => string | string[]) | (() => string | string[])) | null)[], unknown, unknown, string, boolean>;
   split: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
-  filterOption: EpPropFinalized<(new (...args: any[]) => false | ((pattern: string, option: MentionOption) => boolean)) | (() => false | ((pattern: string, option: MentionOption) => boolean)) | (((new (...args: any[]) => false | ((pattern: string, option: MentionOption) => boolean)) | (() => false | ((pattern: string, option: MentionOption) => boolean))) | null)[], unknown, unknown, () => (pattern: string, option: MentionOption) => boolean, boolean>;
+  filterOption: EpPropFinalized<(new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (((new (...args: any[]) => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean)) | (() => false | (<T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean))) | null)[], unknown, unknown, () => <T extends MentionOption = MentionOption>(pattern: string, option: T & MentionOption) => boolean, boolean>;
   placement: EpPropFinalized<(new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top") | (((new (...args: any[]) => "bottom" | "top") | (() => "bottom" | "top")) | null)[], unknown, unknown, string, boolean>;
   showArrow: BooleanConstructor;
   offset: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
@@ -205,7 +206,7 @@ declare const mentionProps: {
   };
   popperOptions: EpPropFinalized<(new (...args: any[]) => Partial<Options>) | (() => Partial<Options>) | (((new (...args: any[]) => Partial<Options>) | (() => Partial<Options>)) | null)[], unknown, unknown, () => Partial<Options>, boolean>;
   props: EpPropFinalized<(new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps) | (((new (...args: any[]) => MentionOptionProps) | (() => MentionOptionProps)) | null)[], unknown, unknown, () => Required<MentionOptionProps>, boolean>;
-  inputmode: EpPropFinalized<(new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal") | (() => "none" | "text" | "email" | "search" | "tel" | "url" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
+  inputmode: EpPropFinalized<(new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined) | (((new (...args: any[]) => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal") | (() => "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined)) | null)[], unknown, unknown, undefined, boolean>;
   name: StringConstructor;
   ariaLabel: StringConstructor;
   id: EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
@@ -313,7 +314,7 @@ type MentionEmits = typeof mentionEmits;
  * @deprecated Removed after 3.0.0, Use `MentionProps` instead.
  */
 type MentionPropsPublic = ExtractPublicPropTypes<typeof mentionProps>;
-type MentionInstance = InstanceType<typeof _default> & unknown;
+type MentionInstance = ComponentInstance<typeof _default> & ComponentExposed<typeof _default>;
 type MentionOptionProps = {
   value?: string;
   label?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"mention.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/mention.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isFunction,\n  isObject,\n  isString,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { inputProps } from '@element-plus/components/input'\nimport { filterOption } from './helper'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Mention from './mention.vue'\nimport type { MentionOption } from './types'\nimport type { Options } from '@element-plus/components/popper'\nimport type { InputProps } from '@element-plus/components/input'\nimport type { ElTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport interface MentionProps extends InputProps {\n  /**\n   * @description mention options list\n   */\n  options?: MentionOption[]\n  /**\n   * @description prefix character to trigger mentions. The string length must be exactly 1.\n   */\n  prefix?: string | string[]\n  /**\n   * @description character to split mentions. The string length must be exactly 1.\n   */\n  split?: string\n  /**\n   * @description customize filter option logic.\n   */\n  filterOption?: false | typeof filterOption\n  /**\n   * @description set popup placement\n   */\n  placement?: 'bottom' | 'top'\n  /**\n   * @description whether the dropdown panel has an arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description offset of the dropdown panel\n   */\n  offset?: number\n  /**\n   * @description when backspace is pressed to delete, whether the mention content is deleted as a whole\n   */\n  whole?: boolean\n  /**\n   * @description when backspace is pressed to delete, check if the mention is a whole\n   */\n  checkIsWhole?: (pattern: string, prefix: string) => boolean\n  /**\n   * @description input value\n   */\n  modelValue?: string\n  /**\n   * @description whether the dropdown panel of mentions is in a loading state.\n   */\n  loading?: boolean\n  /**\n   * @description custom class name for dropdown panel\n   */\n  popperClass?: ElTooltipContentProps['popperClass']\n  /**\n   * @description custom style for dropdown panel\n   */\n  popperStyle?: ElTooltipContentProps['popperStyle']\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions?: Partial<Options>\n  /**\n   * @description configuration options\n   */\n  props?: MentionOptionProps\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `MentionProps` instead.\n */\nexport const mentionProps = buildProps({\n  ...inputProps,\n  /**\n   * @description mention options list\n   */\n  options: {\n    type: definePropType<MentionOption[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description prefix character to trigger mentions. The string length must be exactly 1.\n   */\n  prefix: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: '@',\n    validator: (val: string | string[]) => {\n      if (isString(val)) return val.length === 1\n      return val.every((v) => isString(v) && v.length === 1)\n    },\n  },\n  /**\n   * @description character to split mentions. The string length must be exactly 1.\n   */\n  split: {\n    type: String,\n    default: ' ',\n    validator: (val: string) => val.length === 1,\n  },\n  /**\n   * @description customize filter option logic.\n   */\n  filterOption: {\n    type: definePropType<false | typeof filterOption>([Boolean, Function]),\n    default: () => filterOption,\n    validator: (val) => {\n      if (val === false) return true\n      return isFunction(val)\n    },\n  },\n  /**\n   * @description set popup placement\n   */\n  placement: {\n    type: definePropType<'bottom' | 'top'>(String),\n    default: 'bottom',\n  },\n  /**\n   * @description whether the dropdown panel has an arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description offset of the dropdown panel\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description when backspace is pressed to delete, whether the mention content is deleted as a whole\n   */\n  whole: Boolean,\n  /**\n   * @description when backspace is pressed to delete, check if the mention is a whole\n   */\n  checkIsWhole: {\n    type: definePropType<(pattern: string, prefix: string) => boolean>(\n      Function\n    ),\n  },\n  /**\n   * @description input value\n   */\n  modelValue: String,\n  /**\n   * @description whether the dropdown panel of mentions is in a loading state.\n   */\n  loading: Boolean,\n  /**\n   * @description custom class name for dropdown panel\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for dropdown panel\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}) as Partial<Options>,\n  },\n  /**\n   * @description configuration options\n   */\n  props: {\n    type: definePropType<MentionOptionProps>(Object),\n    default: () => mentionDefaultProps,\n  },\n})\n\nexport const mentionEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  'whole-remove': (pattern: string, prefix: string) =>\n    isString(pattern) && isString(prefix),\n  input: (value: string) => isString(value),\n  search: (pattern: string, prefix: string) =>\n    isString(pattern) && isString(prefix),\n  select: (option: MentionOption, prefix: string) =>\n    isObject(option) && isString(prefix),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n}\n\nexport type MentionEmits = typeof mentionEmits\n\n/**\n * @deprecated Removed after 3.0.0, Use `MentionProps` instead.\n */\nexport type MentionPropsPublic = ExtractPublicPropTypes<typeof mentionProps>\nexport type MentionInstance = InstanceType<typeof Mention> & unknown\n\nexport type { MentionOption } from './types'\n\nexport type MentionOptionProps = {\n  value?: string\n  label?: string\n  disabled?: string\n  [key: string]: string | undefined\n}\n\nexport const mentionDefaultProps: Required<MentionOptionProps> = {\n  value: 'value',\n  label: 'label',\n  disabled: 'disabled',\n}\n"],"mappings":";;;;;;;;;;;AAqFA,MAAa,eAAe,WAAW;CACrC,GAAG;CAIH,SAAS;EACP,MAAM,eAAgC,MAAM;EAC5C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACT,YAAY,QAA2B;AACrC,OAAI,SAAS,IAAI,CAAE,QAAO,IAAI,WAAW;AACzC,UAAO,IAAI,OAAO,MAAM,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE;;EAEzD;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACT,YAAY,QAAgB,IAAI,WAAW;EAC5C;CAID,cAAc;EACZ,MAAM,eAA4C,CAAC,SAAS,SAAS,CAAC;EACtE,eAAe;EACf,YAAY,QAAQ;AAClB,OAAI,QAAQ,MAAO,QAAO;AAC1B,UAAO,WAAW,IAAI;;EAEzB;CAID,WAAW;EACT,MAAM,eAAiC,OAAO;EAC9C,SAAS;EACV;CAID,WAAW;CAIX,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,cAAc,EACZ,MAAM,eACJ,SACD,EACF;CAID,YAAY;CAIZ,SAAS;CAIT,aAAa,uBAAuB;CAIpC,aAAa,uBAAuB;CAIpC,eAAe;EACb,MAAM,eAAiC,OAAO;EAC9C,gBAAgB,EAAE;EACnB;CAID,OAAO;EACL,MAAM,eAAmC,OAAO;EAChD,eAAe;EAChB;CACF,CAAC;AAEF,MAAa,eAAe;EACzB,sBAAsB,UAAkB,SAAS,MAAM;CACxD,iBAAiB,SAAiB,WAChC,SAAS,QAAQ,IAAI,SAAS,OAAO;CACvC,QAAQ,UAAkB,SAAS,MAAM;CACzC,SAAS,SAAiB,WACxB,SAAS,QAAQ,IAAI,SAAS,OAAO;CACvC,SAAS,QAAuB,WAC9B,SAAS,OAAO,IAAI,SAAS,OAAO;CACtC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC3C;AAmBD,MAAa,sBAAoD;CAC/D,OAAO;CACP,OAAO;CACP,UAAU;CACX"}
+{"version":3,"file":"mention.mjs","names":[],"sources":["../../../../../../packages/components/mention/src/mention.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isFunction,\n  isObject,\n  isString,\n} from '@element-plus/utils'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport { inputProps } from '@element-plus/components/input'\nimport { filterOption } from './helper'\nimport { useTooltipContentProps } from '@element-plus/components/tooltip'\n\nimport type { ComponentInstance, ExtractPublicPropTypes } from 'vue'\nimport type { ComponentExposed } from 'vue-component-type-helpers'\nimport type Mention from './mention.vue'\nimport type { MentionOption } from './types'\nimport type { Options } from '@element-plus/components/popper'\nimport type { InputProps } from '@element-plus/components/input'\nimport type { ElTooltipContentProps } from '@element-plus/components/tooltip'\n\nexport interface MentionProps<\n  T extends MentionOption = MentionOption,\n> extends InputProps {\n  /**\n   * @description mention options list\n   */\n  options?: T[]\n  /**\n   * @description prefix character to trigger mentions. The string length must be exactly 1.\n   */\n  prefix?: string | string[]\n  /**\n   * @description character to split mentions. The string length must be exactly 1.\n   */\n  split?: string\n  /**\n   * @description customize filter option logic.\n   */\n  filterOption?: false | typeof filterOption<T>\n  /**\n   * @description set popup placement\n   */\n  placement?: 'bottom' | 'top'\n  /**\n   * @description whether the dropdown panel has an arrow\n   */\n  showArrow?: boolean\n  /**\n   * @description offset of the dropdown panel\n   */\n  offset?: number\n  /**\n   * @description when backspace is pressed to delete, whether the mention content is deleted as a whole\n   */\n  whole?: boolean\n  /**\n   * @description when backspace is pressed to delete, check if the mention is a whole\n   */\n  checkIsWhole?: (pattern: string, prefix: string) => boolean\n  /**\n   * @description input value\n   */\n  modelValue?: string\n  /**\n   * @description whether the dropdown panel of mentions is in a loading state.\n   */\n  loading?: boolean\n  /**\n   * @description custom class name for dropdown panel\n   */\n  popperClass?: ElTooltipContentProps['popperClass']\n  /**\n   * @description custom style for dropdown panel\n   */\n  popperStyle?: ElTooltipContentProps['popperStyle']\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions?: Partial<Options>\n  /**\n   * @description configuration options\n   */\n  props?: MentionOptionProps\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `MentionProps` instead.\n */\nexport const mentionProps = buildProps({\n  ...inputProps,\n  /**\n   * @description mention options list\n   */\n  options: {\n    type: definePropType<MentionOption[]>(Array),\n    default: () => [],\n  },\n  /**\n   * @description prefix character to trigger mentions. The string length must be exactly 1.\n   */\n  prefix: {\n    type: definePropType<string | string[]>([String, Array]),\n    default: '@',\n    validator: (val: string | string[]) => {\n      if (isString(val)) return val.length === 1\n      return val.every((v) => isString(v) && v.length === 1)\n    },\n  },\n  /**\n   * @description character to split mentions. The string length must be exactly 1.\n   */\n  split: {\n    type: String,\n    default: ' ',\n    validator: (val: string) => val.length === 1,\n  },\n  /**\n   * @description customize filter option logic.\n   */\n  filterOption: {\n    type: definePropType<false | typeof filterOption>([Boolean, Function]),\n    default: () => filterOption,\n    validator: (val) => {\n      if (val === false) return true\n      return isFunction(val)\n    },\n  },\n  /**\n   * @description set popup placement\n   */\n  placement: {\n    type: definePropType<'bottom' | 'top'>(String),\n    default: 'bottom',\n  },\n  /**\n   * @description whether the dropdown panel has an arrow\n   */\n  showArrow: Boolean,\n  /**\n   * @description offset of the dropdown panel\n   */\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  /**\n   * @description when backspace is pressed to delete, whether the mention content is deleted as a whole\n   */\n  whole: Boolean,\n  /**\n   * @description when backspace is pressed to delete, check if the mention is a whole\n   */\n  checkIsWhole: {\n    type: definePropType<(pattern: string, prefix: string) => boolean>(\n      Function\n    ),\n  },\n  /**\n   * @description input value\n   */\n  modelValue: String,\n  /**\n   * @description whether the dropdown panel of mentions is in a loading state.\n   */\n  loading: Boolean,\n  /**\n   * @description custom class name for dropdown panel\n   */\n  popperClass: useTooltipContentProps.popperClass,\n  /**\n   * @description custom style for dropdown panel\n   */\n  popperStyle: useTooltipContentProps.popperStyle,\n  /**\n   * @description [popper.js](https://popper.js.org/docs/v2/) parameters\n   */\n  popperOptions: {\n    type: definePropType<Partial<Options>>(Object),\n    default: () => ({}) as Partial<Options>,\n  },\n  /**\n   * @description configuration options\n   */\n  props: {\n    type: definePropType<MentionOptionProps>(Object),\n    default: () => mentionDefaultProps,\n  },\n})\n\nexport const mentionEmits = {\n  [UPDATE_MODEL_EVENT]: (value: string) => isString(value),\n  'whole-remove': (pattern: string, prefix: string) =>\n    isString(pattern) && isString(prefix),\n  input: (value: string) => isString(value),\n  search: (pattern: string, prefix: string) =>\n    isString(pattern) && isString(prefix),\n  select: (option: MentionOption, prefix: string) =>\n    isObject(option) && isString(prefix),\n  focus: (evt: FocusEvent) => evt instanceof FocusEvent,\n  blur: (evt: FocusEvent) => evt instanceof FocusEvent,\n}\n\nexport type MentionEmits = typeof mentionEmits\n\n/**\n * @deprecated Removed after 3.0.0, Use `MentionProps` instead.\n */\nexport type MentionPropsPublic = ExtractPublicPropTypes<typeof mentionProps>\nexport type MentionInstance = ComponentInstance<typeof Mention> &\n  ComponentExposed<typeof Mention>\n\nexport type { MentionOption } from './types'\n\nexport type MentionOptionProps = {\n  value?: string\n  label?: string\n  disabled?: string\n  [key: string]: string | undefined\n}\n\nexport const mentionDefaultProps: Required<MentionOptionProps> = {\n  value: 'value',\n  label: 'label',\n  disabled: 'disabled',\n}\n"],"mappings":";;;;;;;;;;;AAwFA,MAAa,eAAe,WAAW;CACrC,GAAG;CAIH,SAAS;EACP,MAAM,eAAgC,MAAM;EAC5C,eAAe,EAAE;EAClB;CAID,QAAQ;EACN,MAAM,eAAkC,CAAC,QAAQ,MAAM,CAAC;EACxD,SAAS;EACT,YAAY,QAA2B;AACrC,OAAI,SAAS,IAAI,CAAE,QAAO,IAAI,WAAW;AACzC,UAAO,IAAI,OAAO,MAAM,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE;;EAEzD;CAID,OAAO;EACL,MAAM;EACN,SAAS;EACT,YAAY,QAAgB,IAAI,WAAW;EAC5C;CAID,cAAc;EACZ,MAAM,eAA4C,CAAC,SAAS,SAAS,CAAC;EACtE,eAAe;EACf,YAAY,QAAQ;AAClB,OAAI,QAAQ,MAAO,QAAO;AAC1B,UAAO,WAAW,IAAI;;EAEzB;CAID,WAAW;EACT,MAAM,eAAiC,OAAO;EAC9C,SAAS;EACV;CAID,WAAW;CAIX,QAAQ;EACN,MAAM;EACN,SAAS;EACV;CAID,OAAO;CAIP,cAAc,EACZ,MAAM,eACJ,SACD,EACF;CAID,YAAY;CAIZ,SAAS;CAIT,aAAa,uBAAuB;CAIpC,aAAa,uBAAuB;CAIpC,eAAe;EACb,MAAM,eAAiC,OAAO;EAC9C,gBAAgB,EAAE;EACnB;CAID,OAAO;EACL,MAAM,eAAmC,OAAO;EAChD,eAAe;EAChB;CACF,CAAC;AAEF,MAAa,eAAe;EACzB,sBAAsB,UAAkB,SAAS,MAAM;CACxD,iBAAiB,SAAiB,WAChC,SAAS,QAAQ,IAAI,SAAS,OAAO;CACvC,QAAQ,UAAkB,SAAS,MAAM;CACzC,SAAS,SAAiB,WACxB,SAAS,QAAQ,IAAI,SAAS,OAAO;CACvC,SAAS,QAAuB,WAC9B,SAAS,OAAO,IAAI,SAAS,OAAO;CACtC,QAAQ,QAAoB,eAAe;CAC3C,OAAO,QAAoB,eAAe;CAC3C;AAoBD,MAAa,sBAAoD;CAC/D,OAAO;CACP,OAAO;CACP,UAAU;CACX"}

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

@@ -1,67 +1,60 @@
-import { IconPropType } from "../../../utils/vue/icon.js";
-import "../../../utils/index.js";
-import { InputModelModifiers, InputType } from "../../input/src/input.js";
 import { InputInstance } from "../../input/src/instance.js";
 import "../../input/index.js";
 import { TooltipInstance } from "../../tooltip/src/tooltip.js";
 import "../../tooltip/index.js";
 import { MentionOption } from "./types.js";
-import { filterOption } from "./helper.js";
-import { MentionOptionProps, MentionProps } from "./mention.js";
+import { MentionProps } from "./mention.js";
 import * as vue from "vue";
-import { CSSProperties } from "vue";
-import * as _popperjs_core0 from "@popperjs/core";
 
 //#region ../../packages/components/mention/src/mention.vue.d.ts
-declare var __VLS_15: string, __VLS_16: any, __VLS_41: string, __VLS_42: any;
-type __VLS_Slots = {} & { [K in NonNullable<typeof __VLS_15>]?: (props: typeof __VLS_16) => any } & { [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any };
-declare const __VLS_base: vue.DefineComponent<MentionProps, {
-  input: vue.Ref<InputInstance | undefined, InputInstance | undefined>;
-  tooltip: vue.Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
-  dropdownVisible: vue.ComputedRef<boolean>;
-}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  blur: (evt: FocusEvent) => void;
-  focus: (evt: FocusEvent) => void;
-  input: (value: string) => void;
-  select: (option: MentionOption, prefix: string) => void;
-  "update:modelValue": (value: string) => void;
-  search: (pattern: string, prefix: string) => void;
-  "whole-remove": (pattern: string, prefix: string) => void;
-}, string, vue.PublicProps, Readonly<MentionProps> & Readonly<{
-  onBlur?: ((evt: FocusEvent) => any) | undefined;
-  onFocus?: ((evt: FocusEvent) => any) | undefined;
-  onInput?: ((value: string) => any) | undefined;
-  onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
-  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  onSearch?: ((pattern: string, prefix: string) => any) | undefined;
-  "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
-}>, {
-  props: MentionOptionProps;
-  type: InputType;
-  modelValue: string;
-  disabled: boolean;
-  tabindex: string | number;
-  validateEvent: boolean;
-  options: MentionOption[];
-  modelModifiers: InputModelModifiers;
-  autocomplete: string;
-  clearIcon: IconPropType;
-  wordLimitPosition: "inside" | "outside";
-  inputStyle: string | false | CSSProperties | vue.StyleValue[] | null;
-  rows: number;
-  split: string;
-  offset: number;
-  placement: "bottom" | "top";
-  popperOptions: Partial<_popperjs_core0.Options>;
-  prefix: string | string[];
-  filterOption: false | typeof filterOption;
-}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
+declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: vue.PublicProps & __VLS_PrettifyLocal<MentionProps<T> & {
+    onBlur?: ((evt: FocusEvent) => any) | undefined;
+    onFocus?: ((evt: FocusEvent) => any) | undefined;
+    onInput?: ((value: string) => any) | undefined;
+    onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onSearch?: ((pattern: string, prefix: string) => any) | undefined;
+    "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: vue.ShallowUnwrapRef<{
+    input: vue.Ref<InputInstance | undefined, InputInstance | undefined>;
+    tooltip: vue.Ref<TooltipInstance | undefined, TooltipInstance | undefined>;
+    dropdownVisible: vue.ComputedRef<boolean>;
+  }>) => void;
+  attrs: any;
+  slots: Readonly<{
+    [name: string]: vue.Slot<any> | undefined;
+  }> & {
+    prepend?: (props: {}) => any;
+  } & {
+    prefix?: (props: {}) => any;
+  } & {
+    suffix?: (props: {}) => any;
+  } & {
+    'password-icon'?: (props: {
+      visible: boolean;
+    }) => any;
+  } & {
+    append?: (props: {}) => any;
+  } & {
+    header?: () => any;
+    footer?: () => any;
+    loading?: () => any;
+    label?: (props: {
+      item: T & MentionOption;
+      index: number;
+    }) => any;
   };
+  emit: ((event: "blur", evt: FocusEvent) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+}>) => vue.VNode<vue.RendererNode, vue.RendererElement, {
+  [key: string]: any;
+}> & {
+  __ctx?: Awaited<typeof __VLS_setup>;
 };
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
 //#endregion
 export { _default };

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

@@ -7,20 +7,227 @@ 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 { inputProps, inputPropsDefaults } from "../../input/src/input.mjs";
 import { ElInput } from "../../input/index.mjs";
-import { getCursorPosition, getMentionCtx } from "./helper.mjs";
-import { mentionDefaultProps, mentionEmits, mentionProps } from "./mention.mjs";
+import { filterOption, getCursorPosition, getMentionCtx } from "./helper.mjs";
+import { mentionDefaultProps, mentionEmits } from "./mention.mjs";
 import mention_dropdown_default from "./mention-dropdown2.mjs";
 import { pick } from "lodash-unified";
-import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withCtx, withModifiers } from "vue";
+import { computed, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeDefaults, mergeProps, nextTick, normalizeClass, normalizeProps, normalizeStyle, openBlock, ref, renderList, renderSlot, unref, withCtx, withModifiers } from "vue";
 
 //#region ../../packages/components/mention/src/mention.vue?vue&type=script&setup=true&lang.ts
 var mention_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	name: "ElMention",
 	inheritAttrs: false,
 	__name: "mention",
-	props: mentionProps,
+	props: /* @__PURE__ */ mergeDefaults({
+		options: {
+			type: Array,
+			required: false
+		},
+		prefix: {
+			type: [String, Array],
+			required: false
+		},
+		split: {
+			type: String,
+			required: false
+		},
+		filterOption: {
+			type: Boolean,
+			required: false,
+			skipCheck: true
+		},
+		placement: {
+			type: String,
+			required: false
+		},
+		showArrow: {
+			type: Boolean,
+			required: false
+		},
+		offset: {
+			type: Number,
+			required: false
+		},
+		whole: {
+			type: Boolean,
+			required: false
+		},
+		checkIsWhole: {
+			type: Function,
+			required: false
+		},
+		modelValue: {
+			type: String,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		popperClass: {
+			type: null,
+			required: false
+		},
+		popperStyle: {
+			type: null,
+			required: false
+		},
+		popperOptions: {
+			type: Object,
+			required: false
+		},
+		props: {
+			type: Object,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		modelModifiers: {
+			type: Object,
+			required: false
+		},
+		maxlength: {
+			type: [String, Number],
+			required: false
+		},
+		minlength: {
+			type: [String, Number],
+			required: false
+		},
+		type: {
+			type: String,
+			required: false
+		},
+		resize: {
+			type: String,
+			required: false
+		},
+		autosize: {
+			type: [Object, Boolean],
+			required: false
+		},
+		autocomplete: {
+			type: String,
+			required: false
+		},
+		formatter: {
+			type: Function,
+			required: false
+		},
+		parser: {
+			type: Function,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false
+		},
+		form: {
+			type: String,
+			required: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false
+		},
+		clearable: {
+			type: Boolean,
+			required: false
+		},
+		clearIcon: {
+			type: null,
+			required: false
+		},
+		showPassword: {
+			type: Boolean,
+			required: false
+		},
+		showWordLimit: {
+			type: Boolean,
+			required: false
+		},
+		wordLimitPosition: {
+			type: String,
+			required: false
+		},
+		suffixIcon: {
+			type: null,
+			required: false
+		},
+		prefixIcon: {
+			type: null,
+			required: false
+		},
+		containerRole: {
+			type: String,
+			required: false
+		},
+		tabindex: {
+			type: [String, Number],
+			required: false
+		},
+		validateEvent: {
+			type: Boolean,
+			required: false
+		},
+		inputStyle: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			required: false,
+			skipCheck: true
+		},
+		autofocus: {
+			type: Boolean,
+			required: false
+		},
+		rows: {
+			type: Number,
+			required: false
+		},
+		ariaLabel: {
+			type: String,
+			required: false
+		},
+		inputmode: {
+			type: null,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		countGraphemes: {
+			type: Function,
+			required: false
+		}
+	}, {
+		...inputPropsDefaults,
+		options: () => [],
+		prefix: "@",
+		split: " ",
+		filterOption: () => filterOption,
+		placement: "bottom",
+		offset: 0,
+		popperOptions: () => ({}),
+		props: () => mentionDefaultProps
+	}),
 	emits: mentionEmits,
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;