yc-design-vue 1.0.9 → 1.1.0

package/lib/List/List.vue2.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js");const t=require("../_shared/utils/fn.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),r=require("../_shared/utils/control.js"),a=require("./hooks/useScrollReach.js"),s=require("../Spin/index.js"),i=require("../Scrollbar/index.js"),n=require("../Pagination/index.js"),u=require("./ListVirtual.vue.js");;/* empty css                  */const c=require("./ListItem.vue.js"),d={class:"yc-list-content-wrapper"},v={key:0,class:"yc-list-header"},m={key:2,role:"list",class:"yc-list-content"},f={key:4,class:"yc-list-footer"},p=e.defineComponent({name:"List",__name:"List",props:{data:{default:()=>[]},size:{default:void 0},bordered:{type:Boolean,default:!0},split:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},paginationProps:{default:void 0},maxHeight:{default:void 0},bottomOffset:{default:0},virtualListProps:{default:void 0},scrollbar:{type:Boolean,default:!0}},emits:["scroll","reach-bottom","page-change","page-size-change"],setup(p,{emit:y}){var g,h;e.useSlots();const k=p,B=y,{data:b,paginationProps:S,virtualListProps:x,bottomOffset:q}=e.toRefs(k),{size:_,renderEmpty:j}=o.getGlobalConfig(k),z=e.ref(!1),C=e.ref(),$=e.ref(),L=e.computed(()=>!(!x.value||S.value)&&(x.value.itemHeight&&(!x.value.threshold||x.value.threshold>b.value.length))),P=e.computed(()=>{var e;return L.value?l.unrefElement($):null==(e=C.value)?void 0:e.getScrollRef()});a({scrollRef:P,offset:{bottom:q.value},onScroll:(e,l)=>{z.value=l.bottom,B("scroll",e)},onReachBottom:e=>{B("reach-bottom",e)}});const R=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.current}),V=r(R,(null==(g=S.value)?void 0:g.current)||1,e=>{B("page-change",e)}),E=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.pageSize}),N=r(E,(null==(h=S.value)?void 0:h.defaultPageSize)||10,e=>{V.value=1,B("page-change",e)}),w=e.computed(()=>S.value?b.value.slice((V.value-1)*N.value,V.value*N.value):b.value);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-list-wrapper",`yc-list-size-${e.unref(_)}`,{"yc-list-bordered":l.bordered,"yc-list-hoverable":l.hoverable,"yc-list-split":l.split}])},[e.createVNode(e.unref(s),{loading:l.loading,class:"yc-list-spin"},{default:e.withCtx(()=>{var r;return[e.createVNode(e.unref(i),{scrollbar:l.scrollbar,style:e.normalizeStyle({maxHeight:L.value?"":e.unref(t.valueToPx)(l.maxHeight)}),class:"yc-list",ref_key:"realListRef",ref:C},{default:e.withCtx(()=>[e.createElementVNode("div",d,[l.$slots.header?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(l.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createBlock(u,{key:1,data:e.unref(b),"virtual-list-props":e.unref(x),style:e.normalizeStyle({maxHeight:e.unref(t.valueToPx)(l.maxHeight)}),ref_key:"virtualListRef",ref:$},e.createSlots({_:2},[l.$slots.item?{name:"item",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"item",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),key:"0"}:void 0]),1032,["data","virtual-list-props","style"])):(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"default",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(t,o)=>e.renderSlot(l.$slots,"item",{key:o,index:o,item:t},void 0,!0)),128))])),l.$slots.default||w.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.$slots.empty||e.unref(j)("List")),{key:3})),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0),l.$slots["scroll-loading"]&&z.value?(e.openBlock(),e.createBlock(c,{key:5,class:"yc-list-scroll-loading"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"scroll-loading",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)])]),_:3},8,["scrollbar","style"]),e.unref(S)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,current:e.unref(V),"onUpdate:current":o[0]||(o[0]=l=>e.isRef(V)?V.value=l:null),"page-size":e.unref(N),"onUpdate:pageSize":o[1]||(o[1]=l=>e.isRef(N)?N.value=l:null),total:(null==(r=e.unref(S))?void 0:r.total)||0},null,8,["current","page-size","total"])):e.createCommentVNode("",!0)]}),_:3},8,["loading"])],2))}});module.exports=p;
+"use strict";const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js");require("../node_modules/tinycolor2/esm/tinycolor.js");const t=require("../_shared/utils/dom.js");require("../_shared/utils/time.js");const o=require("../_shared/utils/global-config.js"),r=require("../_shared/utils/control.js"),a=require("./hooks/useScrollReach.js"),s=require("../Spin/index.js"),i=require("../Scrollbar/index.js"),n=require("../Pagination/index.js"),u=require("./ListVirtual.vue.js");;/* empty css                  */const c=require("./ListItem.vue.js"),d={class:"yc-list-content-wrapper"},v={key:0,class:"yc-list-header"},m={key:2,role:"list",class:"yc-list-content"},f={key:4,class:"yc-list-footer"},p=e.defineComponent({name:"List",__name:"List",props:{data:{default:()=>[]},size:{default:void 0},bordered:{type:Boolean,default:!0},split:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},hoverable:{type:Boolean,default:!1},paginationProps:{default:void 0},maxHeight:{default:void 0},bottomOffset:{default:0},virtualListProps:{default:void 0},scrollbar:{type:Boolean,default:!0}},emits:["scroll","reach-bottom","page-change","page-size-change"],setup(p,{emit:y}){var g,h;e.useSlots();const k=p,B=y,{data:b,paginationProps:S,virtualListProps:x,bottomOffset:q}=e.toRefs(k),{size:_,renderEmpty:j}=o.getGlobalConfig(k),z=e.ref(!1),C=e.ref(),$=e.ref(),L=e.computed(()=>!(!x.value||S.value)&&(x.value.itemHeight&&(!x.value.threshold||x.value.threshold>b.value.length))),P=e.computed(()=>{var e;return L.value?l.unrefElement($):null==(e=C.value)?void 0:e.getScrollRef()});a({scrollRef:P,offset:{bottom:q.value},onScroll:(e,l)=>{z.value=l.bottom,B("scroll",e)},onReachBottom:e=>{B("reach-bottom",e)}});const R=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.current}),V=r(R,(null==(g=S.value)?void 0:g.current)||1,e=>{B("page-change",e)}),E=e.computed(()=>{var e;return null==(e=S.value)?void 0:e.pageSize}),N=r(E,(null==(h=S.value)?void 0:h.defaultPageSize)||10,e=>{V.value=1,B("page-change",e)}),w=e.computed(()=>S.value?b.value.slice((V.value-1)*N.value,V.value*N.value):b.value);return(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-list-wrapper",`yc-list-size-${e.unref(_)}`,{"yc-list-bordered":l.bordered,"yc-list-hoverable":l.hoverable,"yc-list-split":l.split}])},[e.createVNode(e.unref(s),{loading:l.loading,class:"yc-list-spin"},{default:e.withCtx(()=>{var r;return[e.createVNode(e.unref(i),{scrollbar:l.scrollbar,style:e.normalizeStyle({maxHeight:L.value?"":e.unref(t.valueToPx)(l.maxHeight)}),class:"yc-list",ref_key:"realListRef",ref:C},{default:e.withCtx(()=>[e.createElementVNode("div",d,[l.$slots.header?(e.openBlock(),e.createElementBlock("div",v,[e.renderSlot(l.$slots,"header",{},void 0,!0)])):e.createCommentVNode("",!0),L.value?(e.openBlock(),e.createBlock(u,{key:1,data:e.unref(b),"virtual-list-props":e.unref(x),style:e.normalizeStyle({maxHeight:e.unref(t.valueToPx)(l.maxHeight)}),ref_key:"virtualListRef",ref:$},e.createSlots({_:2},[l.$slots.item?{name:"item",fn:e.withCtx(t=>[e.renderSlot(l.$slots,"item",e.normalizeProps(e.guardReactiveProps(t)),void 0,!0)]),key:"0"}:void 0]),1032,["data","virtual-list-props","style"])):(e.openBlock(),e.createElementBlock("div",m,[e.renderSlot(l.$slots,"default",{},void 0,!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(w.value,(t,o)=>e.renderSlot(l.$slots,"item",{key:o,index:o,item:t},void 0,!0)),128))])),l.$slots.default||w.value.length?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.$slots.empty||e.unref(j)("List")),{key:3})),l.$slots.footer?(e.openBlock(),e.createElementBlock("div",f,[e.renderSlot(l.$slots,"footer",{},void 0,!0)])):e.createCommentVNode("",!0),l.$slots["scroll-loading"]&&z.value?(e.openBlock(),e.createBlock(c,{key:5,class:"yc-list-scroll-loading"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"scroll-loading",{},void 0,!0)]),_:3})):e.createCommentVNode("",!0)])]),_:3},8,["scrollbar","style"]),e.unref(S)?(e.openBlock(),e.createBlock(e.unref(n),{key:0,current:e.unref(V),"onUpdate:current":o[0]||(o[0]=l=>e.isRef(V)?V.value=l:null),"page-size":e.unref(N),"onUpdate:pageSize":o[1]||(o[1]=l=>e.isRef(N)?N.value=l:null),total:(null==(r=e.unref(S))?void 0:r.total)||0},null,8,["current","page-size","total"])):e.createCommentVNode("",!0)]}),_:3},8,["loading"])],2))}});module.exports=p;

package/lib/List/hooks/useScrollReach.js

@@ -1 +1 @@
-"use strict";const e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../_shared/utils/dom.js");const o=require("../../_shared/utils/fn.js");require("../../_shared/utils/time.js"),require("vue"),require("../../Empty/index.js");/* empty css                                  */module.exports=r=>{const{scrollRef:s,offset:l,onReachBottom:t,onReachLeft:u,onReachRight:n,onReachTop:i,onScroll:c}=r,{arrivedState:d}=e.useScroll(s,{onScroll:o.debounce(e=>{null==c||c(e,d),d.bottom&&(null==t||t(e)),d.left&&(null==u||u(e)),d.right&&(null==n||n(e)),d.top&&(null==i||i(e))},50),offset:l})};
+"use strict";const e=require("../../node_modules/@vueuse/core/index.js");require("../../node_modules/tinycolor2/esm/tinycolor.js");const o=require("../../_shared/utils/dom.js");require("../../_shared/utils/time.js"),require("vue"),require("../../Empty/index.js");/* empty css                                  */module.exports=r=>{const{scrollRef:l,offset:s,onReachBottom:t,onReachLeft:n,onReachRight:u,onReachTop:c,onScroll:i}=r,{arrivedState:d}=e.useScroll(l,{onScroll:o.debounce(e=>{null==i||i(e,d),d.bottom&&(null==t||t(e)),d.left&&(null==n||n(e)),d.right&&(null==u||u(e)),d.top&&(null==c||c(e))},50),offset:s})};

package/lib/List/index.d.ts

@@ -23,9 +23,9 @@ declare const List: {
         scrollbar: boolean;
         split: boolean;
         data: import('../_shared/type').ObjectData[];
-        maxHeight: number | string;
         bordered: boolean;
         virtualListProps: import('..').VirtualListProps;
+        maxHeight: number | string;
         hoverable: boolean;
         paginationProps: import('..').PaginationProps;
         bottomOffset: number;
@@ -179,9 +179,9 @@ declare const List: {
         scrollbar: boolean;
         split: boolean;
         data: import('../_shared/type').ObjectData[];
-        maxHeight: number | string;
         bordered: boolean;
         virtualListProps: import('..').VirtualListProps;
+        maxHeight: number | string;
         hoverable: boolean;
         paginationProps: import('..').PaginationProps;
         bottomOffset: number;
@@ -205,9 +205,9 @@ declare const List: {
     scrollbar: boolean;
     split: boolean;
     data: import('../_shared/type').ObjectData[];
-    maxHeight: number | string;
     bordered: boolean;
     virtualListProps: import('..').VirtualListProps;
+    maxHeight: number | string;
     hoverable: boolean;
     paginationProps: import('..').PaginationProps;
     bottomOffset: number;

package/lib/Mention/index.d.ts

@@ -89,7 +89,6 @@ declare const Mention: {
                         readonly maxTagCount?: number | undefined;
                         readonly popupContainer?: import('..').PopupContainer | undefined;
                         readonly bordered?: boolean | undefined;
-                        readonly defaultActivefirstOption?: boolean | undefined;
                         readonly popupVisible?: boolean | undefined;
                         readonly defaultPopupVisible?: boolean | undefined;
                         readonly unmountonClose?: boolean | undefined;
@@ -116,10 +115,10 @@ declare const Mention: {
                         readonly onClear?: (() => any) | undefined;
                         readonly onSelect?: ((value: import('..').SelectValue) => any) | undefined;
                         readonly onSearch?: ((value: string) => any) | undefined;
-                        readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                         readonly "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         readonly "onUpdate:inputValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         readonly "onInput-value-change"?: ((value: string) => any) | undefined;
+                        readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                         readonly onExceedLimit?: ((value: import('..').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
                         readonly "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                         readonly "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -393,10 +392,10 @@ declare const Mention: {
                                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
                                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
                                 readonly onInput?: ((value: string) => any) | undefined;
-                                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 readonly "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                                 readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                                 readonly "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
+                                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 readonly "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
                             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
                             $attrs: {
@@ -414,17 +413,17 @@ declare const Mention: {
                             $root: import('vue').ComponentPublicInstance | null;
                             $parent: import('vue').ComponentPublicInstance | null;
                             $host: Element | null;
-                            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+                            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
                             $el: HTMLDivElement;
                             $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
                                 onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 onClear?: ((ev: MouseEvent) => any) | undefined;
                                 onBlur?: ((ev: FocusEvent) => any) | undefined;
                                 onInput?: ((value: string) => any) | undefined;
-                                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                                 "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
+                                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
                             }>, {
                                 focus(): void;
@@ -434,10 +433,10 @@ declare const Mention: {
                                 clear: (ev: MouseEvent) => any;
                                 blur: (ev: FocusEvent) => any;
                                 input: (value: string) => any;
-                                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                                 "update:modelValue": (value: import('..').InputTagValue) => any;
                                 "update:inputValue": (value: string) => any;
                                 "input-value-change": (value: string, ev: Event) => any;
+                                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                                 "press-enter": (ev: KeyboardEvent) => any;
                             }, string, {
                                 size: import('..').Size;
@@ -498,10 +497,10 @@ declare const Mention: {
                             onClear?: ((ev: MouseEvent) => any) | undefined;
                             onBlur?: ((ev: FocusEvent) => any) | undefined;
                             onInput?: ((value: string) => any) | undefined;
-                            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                             "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
+                            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
                         }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
                             focus(): void;
@@ -516,7 +515,7 @@ 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('..').SelectValue) => void) & ((event: "search", value: string) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: import('..').SelectValue) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: import('..').SelectValue, 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('..').SelectValue) => void) & ((event: "search", value: string) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: import('..').SelectValue) => void) & ((event: "input-value-change", value: string) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "exceedLimit", value: import('..').SelectValue, 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;
@@ -525,10 +524,10 @@ declare const Mention: {
                         onClear?: (() => any) | undefined;
                         onSelect?: ((value: import('..').SelectValue) => any) | undefined;
                         onSearch?: ((value: string) => any) | undefined;
-                        onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                         "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         "onUpdate:inputValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         "onInput-value-change"?: ((value: string) => any) | undefined;
+                        onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                         onExceedLimit?: ((value: import('..').SelectValue, ev?: MouseEvent | undefined) => any) | undefined;
                         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -543,10 +542,10 @@ declare const Mention: {
                         clear: () => any;
                         select: (value: import('..').SelectValue) => any;
                         search: (value: string) => any;
-                        remove: (index: string | number, ev: Event) => any;
                         "update:modelValue": (value: import('..').SelectValue) => any;
                         "update:inputValue": (value: import('..').SelectValue) => any;
                         "input-value-change": (value: string) => any;
+                        remove: (index: string | number, ev: Event) => any;
                         exceedLimit: (value: import('..').SelectValue, ev?: MouseEvent | undefined) => any;
                         "dropdown-scroll": (ev: Event) => any;
                         "dropdown-reach-bottom": (ev: Event) => any;
@@ -561,7 +560,6 @@ declare const Mention: {
                         scrollbar: boolean;
                         multiple: boolean;
                         placeholder: string;
-                        triggerProps: import('..').TriggerProps;
                         bordered: boolean;
                         modelValue: import('..').SelectValue;
                         defaultValue: import('..').SelectValue;
@@ -577,9 +575,9 @@ declare const Mention: {
                         showEmpty: boolean;
                         allowCreate: boolean;
                         maxTagCount: number;
-                        defaultActivefirstOption: boolean;
                         filterOption: import('..').FilterOption;
                         virtualListProps: import('..').VirtualListProps;
+                        triggerProps: import('..').TriggerProps;
                         searchDelay: number;
                         showHeaderOnEmpty: boolean;
                         showFooterOnEmpty: boolean;
@@ -615,7 +613,6 @@ declare const Mention: {
                     scrollbar: boolean;
                     multiple: boolean;
                     placeholder: string;
-                    triggerProps: import('..').TriggerProps;
                     bordered: boolean;
                     modelValue: import('..').SelectValue;
                     defaultValue: import('..').SelectValue;
@@ -631,9 +628,9 @@ declare const Mention: {
                     showEmpty: boolean;
                     allowCreate: boolean;
                     maxTagCount: number;
-                    defaultActivefirstOption: boolean;
                     filterOption: import('..').FilterOption;
                     virtualListProps: import('..').VirtualListProps;
+                    triggerProps: import('..').TriggerProps;
                     searchDelay: number;
                     showHeaderOnEmpty: boolean;
                     showFooterOnEmpty: boolean;
@@ -645,14 +642,14 @@ declare const Mention: {
                     onClear?: (() => any) | undefined;
                     onSelect?: ((value: import('..').SelectValue) => any) | undefined;
                     onSearch?: ((value: string) => any) | undefined;
-                    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                     "onUpdate:inputValue"?: ((value: import('..').SelectValue) => any) | undefined;
                     "onInput-value-change"?: ((value: string) => any) | undefined;
+                    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
                     onExceedLimit?: ((value: import('..').SelectValue, 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" | "loading" | "error" | "scrollbar" | "multiple" | "placeholder" | "triggerProps" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "defaultActivefirstOption" | "filterOption" | "virtualListProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
+                }>, "focus" | "blur" | ("size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "loading" | "error" | "scrollbar" | "multiple" | "placeholder" | "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<{
                     focus(): void;
                     blur(): void;
                     getPopupRef(): import('..').TriggerInstance;
@@ -779,11 +776,11 @@ declare const Mention: {
                 strict: boolean;
                 type: "textarea" | "input";
                 data: import('..').SelectOptions;
-                triggerProps: import('..').TriggerProps;
                 modelValue: string;
                 defaultValue: string;
                 allowClear: boolean;
                 filterOption: (inputValue: string, option: import('..').SelectOptionData) => boolean;
+                triggerProps: import('..').TriggerProps;
                 isSelectSetValue: boolean;
                 isSearch: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -812,11 +809,11 @@ declare const Mention: {
             strict: boolean;
             type: "textarea" | "input";
             data: import('..').SelectOptions;
-            triggerProps: import('..').TriggerProps;
             modelValue: string;
             defaultValue: string;
             allowClear: boolean;
             filterOption: (inputValue: string, option: import('..').SelectOptionData) => boolean;
+            triggerProps: import('..').TriggerProps;
             isSelectSetValue: boolean;
             isSearch: boolean;
         }> & Omit<Readonly<import('..').AutoCompleteProps> & Readonly<{
@@ -831,7 +828,7 @@ declare const Mention: {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
             "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
-        }>, "focus" | "blur" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("disabled" | "popupContainer" | "strict" | "type" | "data" | "triggerProps" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("disabled" | "popupContainer" | "strict" | "type" | "data" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement | HTMLTextAreaElement | undefined;