yc-design-vue 2.0.2 → 2.0.3

package/lib/Layout/type.d.ts

@@ -1,6 +1,6 @@
-import { BreakpointName } from '../Grid';
-import { Theme } from '../_shared/type';
 import { VNode } from 'vue';
+import { Theme, BreakpointName, collapseType } from '../_shared/type';
+import { ResizeBoxDirection } from '../ResizeBox';
 export interface LayoutProps {
     hasSider?: boolean;
 }
@@ -26,11 +26,11 @@ export interface LayoutSiderProps {
     reverseArrow?: boolean;
     breakpoint?: BreakpointName;
     hideTrigger?: boolean;
-    resizeDirections?: ResizeDirections;
+    resizeDirections?: ResizeBoxDirection[];
 }
 export interface LayoutSiderEmits {
     (e: 'update:collapsed', collapsed: boolean): void;
-    (e: 'collapse', collapsed: boolean, type: 'clickTrigger' | 'responsive'): void;
+    (e: 'collapse', collapsed: boolean, type: collapseType): void;
     (e: 'breakpoint', collapsed: boolean): void;
 }
 export interface LayoutSiderSlots {
@@ -39,4 +39,3 @@ export interface LayoutSiderSlots {
         collapsed: boolean;
     }) => VNode[];
 }
-export type ResizeDirections = Array<'left' | 'right' | 'top' | 'bottom'>;

package/lib/Link/index.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconLink.vue.js"),o=require("../Spin/index.js"),l=["href"],t={key:0,class:"yc-link-icon"},r=e.defineComponent({name:"Link",__name:"index",props:{href:{default:""},icon:{type:Boolean,default:!1},status:{default:"normal"},hoverable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click","dblclick","contextmenu"],setup(r,{emit:i}){const s=r,a=i,{disabled:c,loading:u,href:d}=e.toRefs(s),k=e.computed(()=>u.value||c.value?"javascript:void(0)":d.value||"javascript:void(0)"),m=(e,n)=>{c.value||u.value||a(e,n)};return(r,i)=>(e.openBlock(),e.createElementBlock("a",{href:k.value,class:e.normalizeClass(["yc-link",`yc-link-status-${r.status}`,{"yc-link-hoverable":r.hoverable&&!e.unref(c)&&!e.unref(u),"yc-link-loading":e.unref(u),"yc-link-disabled":e.unref(c)}]),onClick:i[0]||(i[0]=e=>m("click",e)),onDblclick:i[1]||(i[1]=e=>m("dblclick",e)),onContextmenu:i[2]||(i[2]=e=>m("contextmenu",e))},[r.$slots.icon||r.icon||e.unref(u)?(e.openBlock(),e.createElementBlock("span",t,[e.unref(u)?(e.openBlock(),e.createBlock(e.unref(o),{key:1,"is-size-inherit":""})):e.renderSlot(r.$slots,"icon",{key:0},()=>[r.icon?(e.openBlock(),e.createBlock(e.unref(n),{key:0})):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],42,l))}});module.exports=r;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                           */,/* empty css                                                */;/* empty css                                    */const n=require("../_shared/icons/IconLink.vue.js"),o=require("../Spin/index.js"),l=["href"],t={key:0,class:"yc-link-icon"},r=e.defineComponent({name:"Link",__name:"index",props:{href:{default:""},icon:{type:Boolean,default:!1},status:{default:"normal"},hoverable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click","dblclick","contextmenu"],setup(r,{emit:i}){const s=r,a=i,{disabled:c,loading:u,href:d}=e.toRefs(s),k=e.computed(()=>u.value||c.value?"javascript:void(0)":d.value||"javascript:void(0)"),m=(e,n)=>{c.value||u.value||a(e,n)};return(r,i)=>(e.openBlock(),e.createElementBlock("a",{href:k.value,class:e.normalizeClass(["yc-link",`yc-link-status-${r.status}`,{"yc-link-hoverable":r.hoverable&&!e.unref(c)&&!e.unref(u),"yc-link-loading":e.unref(u),"yc-link-disabled":e.unref(c)}]),onClick:i[0]||(i[0]=e=>m("click",e)),onDblclick:i[1]||(i[1]=e=>m("dblclick",e)),onContextmenu:i[2]||(i[2]=e=>m("contextmenu",e))},[r.$slots.icon||r.icon||e.unref(u)?(e.openBlock(),e.createElementBlock("span",t,[e.unref(u)?(e.openBlock(),e.createBlock(e.unref(o),{key:1,"is-size-inherit":""})):e.renderSlot(r.$slots,"icon",{key:0},()=>[r.icon?(e.openBlock(),e.createBlock(e.unref(n),{key:0})):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default")],42,l))}});module.exports=r;

package/lib/Link/type.d.ts

@@ -16,4 +16,4 @@ export interface LinkSlots {
     default?: () => VNode[];
     icon?: () => VNode[];
 }
-export type LinkStatus = 'normal' | 'warning' | 'success' | 'danger';
+export type LinkStatus = 'success' | 'warning' | 'danger' | 'normal';

package/lib/List/List.vue.d.ts

@@ -8,7 +8,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly type?: import('../Scrollbar').TackType | undefined;
-                readonly outerClass?: import('../_shared/type').ClassName | undefined;
+                readonly outerClass?: import('..').ClassName | undefined;
                 readonly outerStyle?: import('vue').CSSProperties | undefined;
                 readonly scrollbar?: boolean | undefined;
                 readonly onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -42,7 +42,7 @@ declare function __VLS_template(): {
             }, string, {
                 scrollbar: boolean;
                 type: import('../Scrollbar').TackType;
-                outerClass: import('../_shared/type').ClassName;
+                outerClass: import('..').ClassName;
                 outerStyle: import('vue').CSSProperties;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -67,7 +67,7 @@ declare function __VLS_template(): {
         } & Readonly<{
             scrollbar: boolean;
             type: import('../Scrollbar').TackType;
-            outerClass: import('../_shared/type').ClassName;
+            outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }> & Omit<Readonly<import('../Scrollbar').ScrollbarProps> & Readonly<{
             onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -83,7 +83,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly data: import('../_shared/type').ObjectData[];
+                readonly data: import('..').RecordType[];
                 readonly virtualListProps: import('..').VirtualListProps;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -101,7 +101,7 @@ declare function __VLS_template(): {
             $emit: (event: string, ...args: any[]) => void;
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                data: import('../_shared/type').ObjectData[];
+                data: import('..').RecordType[];
                 virtualListProps: import('..').VirtualListProps;
             }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -124,13 +124,13 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            data: import('../_shared/type').ObjectData[];
+            data: import('..').RecordType[];
             virtualListProps: import('..').VirtualListProps;
         }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 item?(_: {
                     index: number;
-                    item: import('../_shared/type').ObjectData;
+                    item: import('..').RecordType;
                 }): any;
             };
         }) | null;
@@ -151,7 +151,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
 }>, {
     size: import('./type').ListSize;
     scrollbar: boolean;
-    data: import('../_shared/type').ObjectData[];
+    data: import('..').RecordType[];
     hoverable: boolean;
     split: boolean;
     loading: boolean;
@@ -166,7 +166,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         $data: {};
         $props: {
             readonly type?: import('../Scrollbar').TackType | undefined;
-            readonly outerClass?: import('../_shared/type').ClassName | undefined;
+            readonly outerClass?: import('..').ClassName | undefined;
             readonly outerStyle?: import('vue').CSSProperties | undefined;
             readonly scrollbar?: boolean | undefined;
             readonly onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -200,7 +200,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         }, string, {
             scrollbar: boolean;
             type: import('../Scrollbar').TackType;
-            outerClass: import('../_shared/type').ClassName;
+            outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -225,7 +225,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
     } & Readonly<{
         scrollbar: boolean;
         type: import('../Scrollbar').TackType;
-        outerClass: import('../_shared/type').ClassName;
+        outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }> & Omit<Readonly<import('../Scrollbar').ScrollbarProps> & Readonly<{
         onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -241,7 +241,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly data: import('../_shared/type').ObjectData[];
+            readonly data: import('..').RecordType[];
             readonly virtualListProps: import('..').VirtualListProps;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -259,7 +259,7 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         $emit: (event: string, ...args: any[]) => void;
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
-            data: import('../_shared/type').ObjectData[];
+            data: import('..').RecordType[];
             virtualListProps: import('..').VirtualListProps;
         }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -282,13 +282,13 @@ declare const __VLS_component: import('vue').DefineComponent<ListProps, {}, {},
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{
-        data: import('../_shared/type').ObjectData[];
+        data: import('..').RecordType[];
         virtualListProps: import('..').VirtualListProps;
     }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             item?(_: {
                 index: number;
-                item: import('../_shared/type').ObjectData;
+                item: import('..').RecordType;
             }): any;
         };
     }) | null;

package/lib/List/ListVirtual.vue.d.ts

@@ -1,7 +1,7 @@
 import { VirtualListProps } from '../Select';
-import { ObjectData } from '../_shared/type';
+import { RecordType } from '../_shared/type';
 type __VLS_Props = {
-    data: ObjectData[];
+    data: RecordType[];
     virtualListProps: VirtualListProps;
 };
 declare function __VLS_template(): {
@@ -9,7 +9,7 @@ declare function __VLS_template(): {
     slots: {
         item?(_: {
             index: number;
-            item: ObjectData;
+            item: RecordType;
         }): any;
     };
     refs: {};

package/lib/List/index.d.ts

@@ -20,7 +20,7 @@ declare const List: {
     }, import('vue').PublicProps, {
         size: import('./type').ListSize;
         scrollbar: boolean;
-        data: import('../_shared/type').ObjectData[];
+        data: import('..').RecordType[];
         hoverable: boolean;
         split: boolean;
         loading: boolean;
@@ -35,7 +35,7 @@ declare const List: {
             $data: {};
             $props: {
                 readonly type?: import('..').TackType | undefined;
-                readonly outerClass?: import('../_shared/type').ClassName | undefined;
+                readonly outerClass?: import('..').ClassName | undefined;
                 readonly outerStyle?: import('vue').CSSProperties | undefined;
                 readonly scrollbar?: boolean | undefined;
                 readonly onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -69,7 +69,7 @@ declare const List: {
             }, string, {
                 scrollbar: boolean;
                 type: import('..').TackType;
-                outerClass: import('../_shared/type').ClassName;
+                outerClass: import('..').ClassName;
                 outerStyle: import('vue').CSSProperties;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -94,7 +94,7 @@ declare const List: {
         } & Readonly<{
             scrollbar: boolean;
             type: import('..').TackType;
-            outerClass: import('../_shared/type').ClassName;
+            outerClass: import('..').ClassName;
             outerStyle: import('vue').CSSProperties;
         }> & Omit<Readonly<import('..').ScrollbarProps> & Readonly<{
             onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
@@ -110,7 +110,7 @@ declare const List: {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly data: import('../_shared/type').ObjectData[];
+                readonly data: import('..').RecordType[];
                 readonly virtualListProps: import('..').VirtualListProps;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -128,7 +128,7 @@ declare const List: {
             $emit: (event: string, ...args: any[]) => void;
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<{
-                data: import('../_shared/type').ObjectData[];
+                data: import('..').RecordType[];
                 virtualListProps: import('..').VirtualListProps;
             }> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -151,13 +151,13 @@ declare const List: {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{
-            data: import('../_shared/type').ObjectData[];
+            data: import('..').RecordType[];
             virtualListProps: import('..').VirtualListProps;
         }> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 item?(_: {
                     index: number;
-                    item: import('../_shared/type').ObjectData;
+                    item: import('..').RecordType;
                 }): any;
             };
         }) | null;
@@ -176,7 +176,7 @@ declare const List: {
     }>, {}, {}, {}, {}, {
         size: import('./type').ListSize;
         scrollbar: boolean;
-        data: import('../_shared/type').ObjectData[];
+        data: import('..').RecordType[];
         hoverable: boolean;
         split: boolean;
         loading: boolean;
@@ -202,7 +202,7 @@ declare const List: {
 }, string, {
     size: import('./type').ListSize;
     scrollbar: boolean;
-    data: import('../_shared/type').ObjectData[];
+    data: import('..').RecordType[];
     hoverable: boolean;
     split: boolean;
     loading: boolean;

package/lib/List/type.d.ts

@@ -1,9 +1,9 @@
-import { Direction, ObjectData } from '../_shared/type';
+import { Direction, RecordType } from '../_shared/type';
 import { PaginationProps } from '../Pagination';
 import { VirtualListProps } from '../Select';
 import { VNode } from 'vue';
 export interface ListProps {
-    data?: ObjectData[];
+    data?: RecordType[];
     size?: ListSize;
     bordered?: boolean;
     split?: boolean;
@@ -29,7 +29,7 @@ export interface ListSlots {
     'scroll-loading'?: () => VNode[];
     item?: (scope: {
         index: number;
-        item: ObjectData;
+        item: RecordType;
     }) => VNode[];
 }
 export interface ListItemProps {

package/lib/Mention/index.d.ts

@@ -9,7 +9,7 @@ declare const Mention: {
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
-        onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+        onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
@@ -21,12 +21,12 @@ declare const Mention: {
         clear: (ev: MouseEvent) => any;
         blur: (ev: FocusEvent) => any;
         input: (value: string, ev: Event) => any;
-        select: (value: import('..').OptionValue) => any;
+        select: (value: import('..').SelectOptionValue) => any;
         search: (value: string) => any;
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
         disabled: boolean;
-        type: "input" | "textarea";
+        type: import('./type').MentionType;
         data: import('..').SelectOption[];
         split: string;
         modelValue: string;
@@ -44,7 +44,7 @@ declare const Mention: {
                 readonly data?: import('..').SelectOption[] | undefined;
                 readonly popupContainer?: import('..').PopupContainer | undefined;
                 readonly strict?: boolean | undefined;
-                readonly filterOption?: ((inputValue: string, option: import('..').SelectOptionData) => boolean) | undefined;
+                readonly filterOption?: import('..').FilterOption<import('..').SelectOptionData> | undefined;
                 readonly triggerProps?: import('..').TriggerProps | undefined;
                 readonly allowClear?: boolean | undefined;
                 readonly vistualListProps?: import('..').VirtualListProps | undefined;
@@ -92,12 +92,12 @@ declare const Mention: {
                         readonly popupVisible?: boolean | undefined;
                         readonly defaultPopupVisible?: boolean | undefined;
                         readonly unmountonClose?: boolean | undefined;
-                        readonly filterOption?: import('..').FilterOption | undefined;
+                        readonly filterOption?: (boolean | import('..').FilterOption<import('..').SelectOptionData>) | undefined;
                         readonly options?: import('..').SelectOption[] | undefined;
                         readonly virtualListProps?: import('..').VirtualListProps | undefined;
                         readonly triggerProps?: import('..').TriggerProps | undefined;
-                        readonly formatLabel?: import('..').FormatLabel | undefined;
-                        readonly fallbackOption?: import('..').FallbackOption | undefined;
+                        readonly formatLabel?: import('..').Format<import('..').SelectOptionData> | undefined;
+                        readonly fallbackOption?: import('..').FallBack<import('..').SelectOptionValue, import('..').SelectOptionData> | undefined;
                         readonly showExtraOptions?: boolean | undefined;
                         readonly valueKey?: string | undefined;
                         readonly searchDelay?: number | undefined;
@@ -113,13 +113,13 @@ declare const Mention: {
                         readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                         readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         readonly onClear?: (() => any) | undefined;
-                        readonly onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+                        readonly onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                         readonly onSearch?: ((value: string) => any) | undefined;
                         readonly "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         readonly "onInput-value-change"?: ((value: string) => any) | undefined;
                         readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-                        readonly onExceedLimit?: ((value: import('..').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+                        readonly onExceedLimit?: ((value: import('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                         readonly "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                         readonly "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
                     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
@@ -136,7 +136,7 @@ declare const Mention: {
                                 readonly popupVisible?: boolean | undefined;
                                 readonly defaultPopupVisible?: boolean | undefined;
                                 readonly trigger?: import('..').TriggerType | undefined;
-                                readonly position?: import('..').TriggerPostion | undefined;
+                                readonly position?: import('..').PopupPosition | undefined;
                                 readonly disabled?: boolean | undefined;
                                 readonly popupOffset?: number | undefined;
                                 readonly popupTranslate?: number[] | undefined;
@@ -146,9 +146,9 @@ declare const Mention: {
                                 readonly clickToClose?: boolean | undefined;
                                 readonly clickOutsideToClose?: boolean | undefined;
                                 readonly unmountOnClose?: boolean | undefined;
-                                readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                                readonly contentClass?: import('..').ClassName | undefined;
                                 readonly contentStyle?: import('vue').CSSProperties | undefined;
-                                readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                                readonly arrowClass?: import('..').ClassName | undefined;
                                 readonly arrowStyle?: import('vue').CSSProperties | undefined;
                                 readonly animationName?: string | undefined;
                                 readonly duration?: number | undefined;
@@ -282,14 +282,14 @@ declare const Mention: {
                                 scrollToClose: boolean;
                                 autoSetPosition: boolean;
                                 alignPoint: boolean;
-                                position: import('..').TriggerPostion;
+                                position: import('..').PopupPosition;
                                 popupOffset: number;
                                 popupTranslate: number[];
                                 showArrow: boolean;
                                 unmountOnClose: boolean;
-                                contentClass: import('../_shared/type').ClassName;
+                                contentClass: import('..').ClassName;
                                 contentStyle: import('vue').CSSProperties;
-                                arrowClass: import('../_shared/type').ClassName;
+                                arrowClass: import('..').ClassName;
                                 arrowStyle: import('vue').CSSProperties;
                                 animationName: string;
                                 duration: number;
@@ -336,14 +336,14 @@ declare const Mention: {
                             scrollToClose: boolean;
                             autoSetPosition: boolean;
                             alignPoint: boolean;
-                            position: import('..').TriggerPostion;
+                            position: import('..').PopupPosition;
                             popupOffset: number;
                             popupTranslate: number[];
                             showArrow: boolean;
                             unmountOnClose: boolean;
-                            contentClass: import('../_shared/type').ClassName;
+                            contentClass: import('..').ClassName;
                             contentStyle: import('vue').CSSProperties;
-                            arrowClass: import('../_shared/type').ClassName;
+                            arrowClass: import('..').ClassName;
                             arrowStyle: import('vue').CSSProperties;
                             animationName: string;
                             duration: number;
@@ -383,7 +383,7 @@ declare const Mention: {
                                 readonly size?: import('..').Size | undefined;
                                 readonly maxTagCount?: number | undefined;
                                 readonly retainInputValue?: import('..').InputRetainValue | undefined;
-                                readonly formatTag?: import('..').FormatTag | undefined;
+                                readonly formatTag?: import('..').Format<import('..').TagData> | undefined;
                                 readonly uniqueValue?: boolean | undefined;
                                 readonly tagNowrap?: boolean | undefined;
                                 readonly fieldNames?: Record<string, string> | undefined;
@@ -515,20 +515,20 @@ declare const Mention: {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "change", value: import('..').SelectValue) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "select", value: import('..').OptionValue) => void) & ((event: "search", value: string) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "exceedLimit", value: import('..').OptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
+                    $emit: ((event: "change", value: import('..').SelectValue) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "select", value: import('..').SelectOptionValue) => void) & ((event: "search", value: string) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "exceedLimit", value: import('..').SelectOptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('..').SelectProps> & Readonly<{
                         onChange?: ((value: import('..').SelectValue) => any) | undefined;
                         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         onClear?: (() => any) | undefined;
-                        onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+                        onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                         onSearch?: ((value: string) => any) | undefined;
                         "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         "onInput-value-change"?: ((value: string) => any) | undefined;
                         onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-                        onExceedLimit?: ((value: import('..').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+                        onExceedLimit?: ((value: import('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
                     }>, {
@@ -540,13 +540,13 @@ declare const Mention: {
                         "update:popupVisible": (value: boolean) => any;
                         "popup-visible-change": (value: boolean) => any;
                         clear: () => any;
-                        select: (value: import('..').OptionValue) => any;
+                        select: (value: import('..').SelectOptionValue) => any;
                         search: (value: string) => any;
                         "update:modelValue": (value: import('..').SelectValue) => any;
                         "update:inputValue": (value: string) => any;
                         "input-value-change": (value: string) => any;
                         remove: (index: string | number, ev: Event) => any;
-                        exceedLimit: (value: import('..').OptionValue, ev?: MouseEvent | undefined) => any;
+                        exceedLimit: (value: import('..').SelectOptionValue, ev?: MouseEvent | undefined) => any;
                         "dropdown-scroll": (ev: Event) => any;
                         "dropdown-reach-bottom": (ev: Event) => any;
                     }, string, {
@@ -575,7 +575,7 @@ declare const Mention: {
                         showEmpty: boolean;
                         allowCreate: boolean;
                         maxTagCount: number;
-                        filterOption: import('..').FilterOption;
+                        filterOption: boolean | import('..').FilterOption<import('..').SelectOptionData>;
                         virtualListProps: import('..').VirtualListProps;
                         triggerProps: import('..').TriggerProps;
                         searchDelay: number;
@@ -628,7 +628,7 @@ declare const Mention: {
                     showEmpty: boolean;
                     allowCreate: boolean;
                     maxTagCount: number;
-                    filterOption: import('..').FilterOption;
+                    filterOption: boolean | import('..').FilterOption<import('..').SelectOptionData>;
                     virtualListProps: import('..').VirtualListProps;
                     triggerProps: import('..').TriggerProps;
                     searchDelay: number;
@@ -640,13 +640,13 @@ declare const Mention: {
                     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
                     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     onClear?: (() => any) | undefined;
-                    onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+                    onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                     onSearch?: ((value: string) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                     "onInput-value-change"?: ((value: string) => any) | undefined;
                     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
-                    onExceedLimit?: ((value: import('..').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+                    onExceedLimit?: ((value: import('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
                 }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "error" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
@@ -779,7 +779,7 @@ declare const Mention: {
                 modelValue: string;
                 defaultValue: string;
                 allowClear: boolean;
-                filterOption: (inputValue: string, option: import('..').SelectOptionData) => boolean;
+                filterOption: import('..').FilterOption<import('..').SelectOptionData>;
                 triggerProps: import('..').TriggerProps;
                 isSelectSetValue: boolean;
                 isSearch: boolean;
@@ -812,7 +812,7 @@ declare const Mention: {
             modelValue: string;
             defaultValue: string;
             allowClear: boolean;
-            filterOption: (inputValue: string, option: import('..').SelectOptionData) => boolean;
+            filterOption: import('..').FilterOption<import('..').SelectOptionData>;
             triggerProps: import('..').TriggerProps;
             isSelectSetValue: boolean;
             isSearch: boolean;
@@ -850,7 +850,7 @@ declare const Mention: {
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
-        onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+        onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
@@ -858,7 +858,7 @@ declare const Mention: {
         blur(): void;
     }, {}, {}, {}, {
         disabled: boolean;
-        type: "input" | "textarea";
+        type: import('./type').MentionType;
         data: import('..').SelectOption[];
         split: string;
         modelValue: string;
@@ -875,7 +875,7 @@ declare const Mention: {
     onClear?: ((ev: MouseEvent) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
-    onSelect?: ((value: import('..').OptionValue) => any) | undefined;
+    onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
@@ -887,12 +887,12 @@ declare const Mention: {
     clear: (ev: MouseEvent) => any;
     blur: (ev: FocusEvent) => any;
     input: (value: string, ev: Event) => any;
-    select: (value: import('..').OptionValue) => any;
+    select: (value: import('..').SelectOptionValue) => any;
     search: (value: string) => any;
     "update:modelValue": (value: string) => any;
 }, string, {
     disabled: boolean;
-    type: "input" | "textarea";
+    type: import('./type').MentionType;
     data: import('..').SelectOption[];
     split: string;
     modelValue: string;