yc-design-vue 2.0.4 → 2.0.5

package/lib/InputTag/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/nanoid/index.browser.js"),a=require("../node_modules/@vueuse/core/index.js"),u=require("../_shared/utils/is.js"),t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/control.js"),r=require("../_shared/utils/global-config.js"),n=require("../Tag/index.js"),i=;/* empty css                                          */;/* empty css                                           */const s=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const d=["disabled","readonly","placeholder"],c=e.defineComponent({name:"InputTag",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},size:{default:void 0},maxTagCount:{default:0},retainInputValue:{type:[Boolean,Object],default:!1},formatTag:{},uniqueValue:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},fieldNames:{default:()=>({id:"id",label:"label",value:"value",closeable:"closeable",tagProps:"tagProps"})},allowCreate:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","input","input-value-change","focus","blur","press-enter","remove","clear"],setup(c,{expose:v,emit:p}){const f=e.useSlots(),m=c,g=p,{modelValue:b,defaultValue:h,inputValue:y,defaultInputValue:x,allowClear:k,disabled:V,readonly:w,uniqueValue:C,retainInputValue:B,allowCreate:_,maxTagCount:j,fieldNames:q,tagNowrap:N}=e.toRefs(m),{size:T}=r.getGlobalConfig(m),S=e.ref(),E=e.ref(),I=e.computed(()=>Object.fromEntries(["id","label","value","closable","tagProps"].map(e=>[e,q.value[e]??e]))),{width:P}=a.useElementSize(E,void 0,{box:"border-box"}),z=o.useControlValue(b,h.value,e=>g("update:modelValue",e),e=>{const{id:a,label:t,value:o,closable:r,tagProps:n}=I.value;return e.map(e=>{if(u.isObject(e)){const u=e;return u[a]=u[a]??l.nanoid(),u[r]=u[r]??!0,u[n]=u[n]??{bordered:!0,nowrap:N.value},e}const i={};return i[a]=l.nanoid(),i[t]=e,i[o]=e,i[r]=!0,i[n]={bordered:!0,nowrap:N.value},i})}),D=o.useControlValue(y,x.value,e=>{g("update:inputValue",e)}),L=e.computed(()=>({visibleList:j.value>0?z.value.slice(0,j.value):z.value,hideList:z.value.slice(j.value)})),O=e.computed(()=>k.value&&!V.value&&!w.value&&z.value.length),M=()=>{u.isBoolean(B.value)&&B.value||u.isObject(B.value)&&B.value.create||(D.value="")},R=(e,a,u)=>{var t,o;const r=null==(t=D.value)?void 0:t.trim();switch(e){case"input":case"input-value-change":{const{value:l}=a.target;g(e,l,a)}break;case"focus":case"blur":g(e,a),"blur"==e&&M();break;case"pressEnter":{const{label:e,value:u,id:t}=I.value,o=!C.value||C.value&&!z.value.find(e=>((null==e?void 0:e[u])??e)==r);if(!r||!_.value||!o)return;const n={};n[t]=l.nanoid(),n[e]=D.value,n[u]=D.value,z.value=[...z.value,n],g("press-enter",a),M()}break;case"close":{const e=z.value,l=e.find(e=>e.id==u);z.value=e.filter(e=>e.id!=u),g("remove",null==l?void 0:l.value,a)}break;case"remove":{if(r||!(null==(o=z.value)?void 0:o.length))return;const e=z.value[z.value.length-1];z.value=z.value.slice(0,z.value.length-1),g("remove",e.value,a)}break;case"clear":z.value=[],g("clear",a)}};return v({focus(){var e;null==(e=S.value)||e.focus()},blur(){var e;null==(e=S.value)||e.blur()}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-tag",`yc-input-tag-size-${e.unref(T)}`,{"yc-input-tag-no-value":!e.unref(z).length,"yc-input-tag-disabled":e.unref(V),"yc-input-tag-error":l.error,"yc-input-tag-has-suffix":f.suffix||O.value}]),onMousedown:a[8]||(a[8]=e=>e.preventDefault()),onClick:a[9]||(a[9]=e=>{var l;return null==(l=S.value)?void 0:l.focus()})},[f.prefix?(e.openBlock(),e.createBlock(e.unref(s.default),{key:0,class:"yc-input-tag-prefix"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-input-tag-mirror",ref_key:"mirrorRef",ref:E},e.toDisplayString(e.unref(D)||(e.unref(z).length?"":l.placeholder)),513),e.createVNode(e.TransitionGroup,{name:"input-tag-zoom",tag:"div",class:"yc-input-tag-inner"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value.visibleList,a=>e.renderSlot(l.$slots,"tag",{key:null==a?void 0:a[I.value.id],tag:a},()=>[e.createVNode(e.unref(n.default),{closable:a[I.value.closable],bordered:a[I.value.tagProps].bordered,nowrap:a[I.value.tagProps].nowrap,checked:!1,onClose:e=>R("close",e,null==a?void 0:a[I.value.id])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.formatTag?l.formatTag(a):a[I.value.label]),1)]),_:2},1032,["closable","bordered","nowrap","onClose"])])),128)),e.unref(j)>0&&e.unref(z).length>e.unref(j)?(e.openBlock(),e.createBlock(e.unref(n.default),{nowrap:e.unref(N),checked:!1,bordered:"",key:"yc-select-value-tag"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(L.value.hideList.length)+"... ",1)]),_:1},8,["nowrap"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=l=>e.isRef(D)?D.value=l:null),key:"yc-input-tag-input",disabled:e.unref(V),readonly:e.unref(w),placeholder:e.unref(z).length?"":l.placeholder,style:e.normalizeStyle({width:e.unref(t.valueToPx)(e.unref(P))}),class:"yc-input-tag-input",ref_key:"inputRef",ref:S,onInput:a[1]||(a[1]=e=>R("input",e)),onChange:a[2]||(a[2]=e=>R("input-value-change",e)),onFocus:a[3]||(a[3]=e=>R("focus",e)),onBlur:a[4]||(a[4]=e=>R("blur",e)),onKeydown:[a[5]||(a[5]=e.withKeys(e=>R("pressEnter",e),["enter"])),a[6]||(a[6]=e.withKeys(e=>R("remove",e),["delete"]))]},null,44,d),[[e.vModelText,e.unref(D)]])]),_:3}),f.suffix||O.value?(e.openBlock(),e.createBlock(e.unref(s.default),{key:1,class:"yc-input-tag-suffix"},{default:e.withCtx(()=>[O.value?(e.openBlock(),e.createBlock(e.unref(i.default),{key:0,class:"yc-input-tag-clear-button",onClick:a[7]||(a[7]=e=>R("clear",e))})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"suffix")]),_:3})):e.createCommentVNode("",!0)],34))}});exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/nanoid/index.browser.js"),a=require("../_shared/utils/is.js"),u=require("../node_modules/@vueuse/core/index.js"),t=require("../_shared/utils/dom.js"),o=require("../_shared/utils/control.js"),r=require("../_shared/utils/global-config.js"),n=require("../Tag/index.js"),i=;/* empty css                                          */;/* empty css                                           */const s=;/* empty css                                            */,/* empty css                                                */;/* empty css                                    */const d=["disabled","readonly","placeholder"],c=e.defineComponent({name:"InputTag",__name:"index",props:{modelValue:{default:void 0},defaultValue:{default:()=>[]},inputValue:{default:void 0},defaultInputValue:{default:""},placeholder:{default:""},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},size:{default:void 0},maxTagCount:{default:0},retainInputValue:{type:[Boolean,Object],default:!1},formatTag:{},uniqueValue:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},fieldNames:{default:()=>({id:"id",label:"label",value:"value",closeable:"closeable",tagProps:"tagProps"})},allowCreate:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","input","input-value-change","focus","blur","press-enter","remove","clear"],setup(c,{expose:v,emit:p}){const f=e.useSlots(),m=c,g=p,{modelValue:b,defaultValue:h,inputValue:y,defaultInputValue:x,allowClear:k,disabled:V,readonly:w,uniqueValue:C,retainInputValue:B,allowCreate:_,maxTagCount:j,fieldNames:q,tagNowrap:N}=e.toRefs(m),{size:T}=r.getGlobalConfig(m),S=e.ref(),E=e.ref(),I=e.computed(()=>Object.fromEntries(["id","label","value","closable","tagProps"].map(e=>[e,q.value[e]??e]))),{width:P}=u.useElementSize(E,void 0,{box:"border-box"}),z=o.useControlValue(b,h.value,e=>g("update:modelValue",e),e=>{const{id:u,label:t,value:o,closable:r,tagProps:n}=I.value;return e.map(e=>{if(a.isObject(e)){const a=e;return a[u]=a[u]??l.nanoid(),a[r]=a[r]??!0,a[n]=a[n]??{bordered:!0,nowrap:N.value},e}const i={};return i[u]=l.nanoid(),i[t]=e,i[o]=e,i[r]=!0,i[n]={bordered:!0,nowrap:N.value},i})}),D=o.useControlValue(y,x.value,e=>{g("update:inputValue",e)}),L=e.computed(()=>({visibleList:j.value>0?z.value.slice(0,j.value):z.value,hideList:z.value.slice(j.value)})),O=e.computed(()=>k.value&&!V.value&&!w.value&&z.value.length),M=()=>{a.isBoolean(B.value)&&B.value||a.isObject(B.value)&&B.value.create||(D.value="")},R=(e,a,u)=>{var t,o;const r=null==(t=D.value)?void 0:t.trim();switch(e){case"input":case"input-value-change":{const{value:l}=a.target;g(e,l,a)}break;case"focus":case"blur":g(e,a),"blur"==e&&M();break;case"pressEnter":{const{label:e,value:u,id:t}=I.value,o=!C.value||C.value&&!z.value.find(e=>((null==e?void 0:e[u])??e)==r);if(!r||!_.value||!o)return;const n={};n[t]=l.nanoid(),n[e]=D.value,n[u]=D.value,z.value=[...z.value,n],g("press-enter",a),M()}break;case"close":{const e=z.value,l=e.find(e=>e.id==u);z.value=e.filter(e=>e.id!=u),g("remove",null==l?void 0:l.value,a)}break;case"remove":{if(r||!(null==(o=z.value)?void 0:o.length))return;const e=z.value[z.value.length-1];z.value=z.value.slice(0,z.value.length-1),g("remove",e.value,a)}break;case"clear":z.value=[],g("clear",a)}};return v({focus(){var e;null==(e=S.value)||e.focus()},blur(){var e;null==(e=S.value)||e.blur()}}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-input-tag",`yc-input-tag-size-${e.unref(T)}`,{"yc-input-tag-no-value":!e.unref(z).length,"yc-input-tag-disabled":e.unref(V),"yc-input-tag-error":l.error,"yc-input-tag-has-suffix":f.suffix||O.value}]),onMousedown:a[8]||(a[8]=e=>e.preventDefault()),onClick:a[9]||(a[9]=e=>{var l;return null==(l=S.value)?void 0:l.focus()})},[f.prefix?(e.openBlock(),e.createBlock(e.unref(s.default),{key:0,class:"yc-input-tag-prefix"},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"prefix")]),_:3})):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"yc-input-tag-mirror",ref_key:"mirrorRef",ref:E},e.toDisplayString(e.unref(D)||(e.unref(z).length?"":l.placeholder)),513),e.createVNode(e.TransitionGroup,{name:"input-tag-zoom",tag:"div",class:"yc-input-tag-inner"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(L.value.visibleList,a=>e.renderSlot(l.$slots,"tag",{key:null==a?void 0:a[I.value.id],tag:a},()=>[e.createVNode(e.unref(n.default),{closable:a[I.value.closable],bordered:a[I.value.tagProps].bordered,nowrap:a[I.value.tagProps].nowrap,checked:!1,onClose:e=>R("close",e,null==a?void 0:a[I.value.id])},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.formatTag?l.formatTag(a):a[I.value.label]),1)]),_:2},1032,["closable","bordered","nowrap","onClose"])])),128)),e.unref(j)>0&&e.unref(z).length>e.unref(j)?(e.openBlock(),e.createBlock(e.unref(n.default),{nowrap:e.unref(N),checked:!1,bordered:"",key:"yc-select-value-tag"},{default:e.withCtx(()=>[e.createTextVNode(" +"+e.toDisplayString(L.value.hideList.length)+"... ",1)]),_:1},8,["nowrap"])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":a[0]||(a[0]=l=>e.isRef(D)?D.value=l:null),key:"yc-input-tag-input",disabled:e.unref(V),readonly:e.unref(w),placeholder:e.unref(z).length?"":l.placeholder,style:e.normalizeStyle({width:e.unref(t.valueToPx)(e.unref(P))}),class:"yc-input-tag-input",ref_key:"inputRef",ref:S,onInput:a[1]||(a[1]=e=>R("input",e)),onChange:a[2]||(a[2]=e=>R("input-value-change",e)),onFocus:a[3]||(a[3]=e=>R("focus",e)),onBlur:a[4]||(a[4]=e=>R("blur",e)),onKeydown:[a[5]||(a[5]=e.withKeys(e=>R("pressEnter",e),["enter"])),a[6]||(a[6]=e.withKeys(e=>R("remove",e),["delete"]))]},null,44,d),[[e.vModelText,e.unref(D)]])]),_:3}),f.suffix||O.value?(e.openBlock(),e.createBlock(e.unref(s.default),{key:1,class:"yc-input-tag-suffix"},{default:e.withCtx(()=>[O.value?(e.openBlock(),e.createBlock(e.unref(i.default),{key:0,class:"yc-input-tag-clear-button",onClick:a[7]||(a[7]=e=>R("clear",e))})):e.createCommentVNode("",!0),e.renderSlot(l.$slots,"suffix")]),_:3})):e.createCommentVNode("",!0)],34))}});exports.default=c;

package/lib/Layout/hooks/useSiderContext.d.ts

@@ -6,11 +6,10 @@ export type LayoutContext = {
     theme: Ref<Theme | undefined>;
     collapsed: Ref<boolean>;
 };
-declare const _default: () => {
+export default function useLayoutContext(): {
     provide: (props: RecordType, emits: LayoutSiderEmits) => {
         theme: import('vue').ComputedRef<Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
     };
     inject: () => LayoutContext;
 };
-export default _default;

package/lib/Layout/hooks/useSiderContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),l="LAYOUT-CONTEXT";exports.LAYOUT_CONTEXT_KEY=l,exports.default=()=>({provide:(o,r)=>{const{collapsed:s,defaultCollapsed:u,theme:d}=e.toRefs(o),a=t.useControlValue(s,u.value,e=>{r("update:collapsed",e)}),p=e.computed(()=>d.value||"light");return e.provide(l,{theme:d,collapsed:a}),{theme:p,computedCollapsed:a}},inject:()=>e.inject(l,{theme:e.ref(void 0),collapsed:e.ref(!1)})});
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../_shared/utils/control.js"),o="LAYOUT-CONTEXT";exports.LAYOUT_CONTEXT_KEY=o,exports.default=function(){return{provide:(l,r)=>{const{collapsed:u,defaultCollapsed:s,theme:d}=e.toRefs(l),a=t.useControlValue(u,s.value,e=>{r("update:collapsed",e)}),p=e.computed(()=>d.value||"light");return e.provide(o,{theme:d,collapsed:a}),{theme:p,computedCollapsed:a}},inject:()=>e.inject(o,{theme:e.ref(void 0),collapsed:e.ref(!1)})}};

package/lib/List/hooks/useScrollReach.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../node_modules/@vueuse/core/index.js"),o=require("../../_shared/utils/dom.js");exports.default=l=>{const{scrollRef:t,offset:r,onReachBottom:u,onReachLeft:n,onReachRight:s,onReachTop:c,onScroll:a}=l,{arrivedState:d}=e.useScroll(t,{onScroll:o.debounce(e=>{null==a||a(e,d),d.bottom&&(null==u||u(e)),d.left&&(null==n||n(e)),d.right&&(null==s||s(e)),d.top&&(null==c||c(e))},50),offset:r})};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),require("vue");const e=require("../../node_modules/@vueuse/core/index.js"),o=require("../../_shared/utils/dom.js");exports.default=l=>{const{scrollRef:t,offset:r,onReachBottom:u,onReachLeft:n,onReachRight:s,onReachTop:c,onScroll:i}=l,{arrivedState:a}=e.useScroll(t,{onScroll:o.debounce(e=>{null==i||i(e,a),a.bottom&&(null==u||u(e)),a.left&&(null==n||n(e)),a.right&&(null==s||s(e)),a.top&&(null==c||c(e))},50),offset:r})};

package/lib/Mention/index.d.ts

@@ -5,24 +5,24 @@ export * from './type';
 declare const Mention: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').MentionProps> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
         focus(): void;
         blur(): void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         change: (value: string) => any;
-        focus: (ev: FocusEvent) => any;
         clear: (ev: MouseEvent) => any;
         input: (value: string, ev: Event) => any;
         search: (value: string) => any;
         select: (value: import('..').SelectOptionValue) => any;
         blur: (ev: FocusEvent) => any;
+        focus: (ev: FocusEvent) => any;
         "update:modelValue": (value: string) => any;
     }, import('vue').PublicProps, {
         type: import('./type').MentionType;
@@ -52,12 +52,12 @@ declare const Mention: {
                 readonly isSearch?: boolean | undefined;
                 readonly type?: "textarea" | "input" | undefined;
                 readonly onChange?: ((value: string) => any) | undefined;
-                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev?: Event | undefined) => any) | undefined;
                 readonly onInput?: ((value: string, ev: Event) => any) | undefined;
                 readonly onSearch?: ((value: string) => any) | undefined;
                 readonly onSelect?: ((value: string) => any) | undefined;
                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -110,12 +110,12 @@ declare const Mention: {
                         readonly hotkeys?: boolean | undefined;
                         readonly showEmpty?: boolean | undefined;
                         readonly onChange?: ((value: import('..').SelectValue) => any) | undefined;
-                        readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                        readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         readonly onClear?: (() => any) | undefined;
                         readonly onSearch?: ((value: string) => any) | undefined;
                         readonly onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                         readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+                        readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                        readonly "onPopup-visible-change"?: ((value: boolean) => 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;
@@ -388,10 +388,10 @@ declare const Mention: {
                                 readonly tagNowrap?: boolean | undefined;
                                 readonly fieldNames?: Record<string, string> | undefined;
                                 readonly allowCreate?: boolean | undefined;
-                                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
                                 readonly onInput?: ((value: string) => any) | undefined;
                                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                                readonly onFocus?: ((ev: FocusEvent) => 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;
@@ -413,13 +413,13 @@ 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: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => 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: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => 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);
                             $el: HTMLDivElement;
                             $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
-                                onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 onClear?: ((ev: MouseEvent) => any) | undefined;
                                 onInput?: ((value: string) => any) | undefined;
                                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                                onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -429,10 +429,10 @@ declare const Mention: {
                                 focus(): void;
                                 blur(): void;
                             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                                focus: (ev: FocusEvent) => any;
                                 clear: (ev: MouseEvent) => any;
                                 input: (value: string) => any;
                                 blur: (ev: FocusEvent) => any;
+                                focus: (ev: FocusEvent) => any;
                                 remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                                 "update:modelValue": (value: import('..').InputTagValue) => any;
                                 "update:inputValue": (value: string) => any;
@@ -493,16 +493,16 @@ declare const Mention: {
                             retainInputValue: import('..').InputRetainValue;
                             uniqueValue: boolean;
                         }> & Omit<Readonly<import('..').InputTagProps> & Readonly<{
-                            onFocus?: ((ev: FocusEvent) => any) | undefined;
                             onClear?: ((ev: MouseEvent) => any) | undefined;
                             onInput?: ((value: string) => any) | undefined;
                             onBlur?: ((ev: FocusEvent) => any) | undefined;
+                            onFocus?: ((ev: FocusEvent) => 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;
                             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-                        }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+                        }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
                             focus(): void;
                             blur(): void;
                         }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
@@ -515,16 +515,16 @@ 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: "search", value: string) => void) & ((event: "select", value: import('..').SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: import('..').SelectOptionValue, 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: "clear") => void) & ((event: "search", value: string) => void) & ((event: "select", value: import('..').SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "update:modelValue", value: import('..').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => 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;
                         onSearch?: ((value: string) => any) | undefined;
                         onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                         onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+                        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                         "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         "onInput-value-change"?: ((value: string) => any) | undefined;
@@ -537,12 +537,12 @@ declare const Mention: {
                         getPopupRef(): import('..').TriggerInstance;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                         change: (value: import('..').SelectValue) => any;
-                        "update:popupVisible": (value: boolean) => any;
-                        "popup-visible-change": (value: boolean) => any;
                         clear: () => any;
                         search: (value: string) => any;
                         select: (value: import('..').SelectOptionValue) => any;
                         remove: (index: string | number, ev: Event) => any;
+                        "update:popupVisible": (value: boolean) => any;
+                        "popup-visible-change": (value: boolean) => any;
                         "update:modelValue": (value: import('..').SelectValue) => any;
                         "update:inputValue": (value: string) => any;
                         "input-value-change": (value: string) => any;
@@ -637,19 +637,19 @@ declare const Mention: {
                     tagNowrap: boolean;
                 }> & Omit<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;
                     onSearch?: ((value: string) => any) | undefined;
                     onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
                     onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+                    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: import('..').SelectValue) => any) | undefined;
                     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                     "onInput-value-change"?: ((value: string) => 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" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "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<{
+                }>, "blur" | "focus" | ("size" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "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<{
                     focus(): void;
                     blur(): void;
                     getPopupRef(): import('..').TriggerInstance;
@@ -658,10 +658,10 @@ declare const Mention: {
                 }) | null;
                 inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').TextareaProps> & Readonly<{
                     onChange?: ((value: string, ev: Event) => any) | undefined;
-                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onClear?: ((ev: MouseEvent) => any) | undefined;
                     onInput?: ((value: string, ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }>, {
@@ -671,10 +671,10 @@ declare const Mention: {
                     getMirrorRef(): HTMLDivElement;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                     change: (value: string, ev: Event) => any;
-                    focus: (ev: FocusEvent) => any;
                     clear: (ev: MouseEvent) => any;
                     input: (value: string, ev: Event) => any;
                     blur: (ev: FocusEvent) => any;
+                    focus: (ev: FocusEvent) => any;
                     keydown: (ev: KeyboardEvent) => any;
                     "update:modelValue": (value: string) => any;
                 }, import('vue').PublicProps, {
@@ -704,10 +704,10 @@ declare const Mention: {
                     Defaults: {};
                 }, Readonly<import('..').TextareaProps> & Readonly<{
                     onChange?: ((value: string, ev: Event) => any) | undefined;
-                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onClear?: ((ev: MouseEvent) => any) | undefined;
                     onInput?: ((value: string, ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }>, {
@@ -738,16 +738,16 @@ declare const Mention: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "change", value: string) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
+            $emit: ((event: "change", value: string) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').AutoCompleteProps> & Readonly<{
                 onChange?: ((value: string) => any) | undefined;
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev?: Event | undefined) => any) | undefined;
                 onInput?: ((value: string, ev: Event) => any) | undefined;
                 onSearch?: ((value: string) => any) | undefined;
                 onSelect?: ((value: string) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -760,12 +760,12 @@ declare const Mention: {
                 updatePosition(x: number, y: number): void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (value: string) => any;
-                focus: (ev: FocusEvent) => any;
                 clear: (ev?: Event | undefined) => any;
                 input: (value: string, ev: Event) => any;
                 search: (value: string) => any;
                 select: (value: string) => any;
                 blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
                 keydown: (ev: KeyboardEvent) => any;
                 "update:modelValue": (value: string) => any;
                 "dropdown-scroll": (ev?: Event | undefined) => any;
@@ -818,17 +818,17 @@ declare const Mention: {
             isSearch: boolean;
         }> & Omit<Readonly<import('..').AutoCompleteProps> & Readonly<{
             onChange?: ((value: string) => any) | undefined;
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev?: Event | undefined) => any) | undefined;
             onInput?: ((value: string, ev: Event) => any) | undefined;
             onSearch?: ((value: string) => any) | undefined;
             onSelect?: ((value: string) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "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" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement | HTMLTextAreaElement | undefined;
@@ -846,12 +846,12 @@ declare const Mention: {
         Defaults: {};
     }, Readonly<import('./type').MentionProps> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev: MouseEvent) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, {
         focus(): void;
@@ -871,24 +871,24 @@ declare const Mention: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').MentionProps> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     onSelect?: ((value: import('..').SelectOptionValue) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     focus(): void;
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
     input: (value: string, ev: Event) => any;
     search: (value: string) => any;
     select: (value: import('..').SelectOptionValue) => any;
     blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, {
     type: import('./type').MentionType;