yc-design-vue 2.1.2 → 2.1.4

package/lib/Affix/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),l=require("../node_modules/@vueuse/core/index.js"),o=require("../_shared/utils/dom.js"),a=e.defineComponent({name:"Affix",inheritAttrs:!1,__name:"index",props:{offsetTop:{default:0},offsetBottom:{default:void 0},target:{default:void 0},targetContainer:{default:void 0}},emits:["change"],setup(a,{expose:u,emit:r}){const i=a,n=r,{target:s,targetContainer:d,offsetTop:f,offsetBottom:v}=e.toRefs(i),c=e.ref(),m=e.ref(),p=e.computed(()=>t.isUndefined(s.value)?o.findFirstScrollableParent(c.value):o.getElement(s.value)),g=e.computed(()=>t.isUndefined(d.value)?o.findFirstScrollableParent(c.value):o.getElement(d.value)),x=e.ref(!1),h=e.ref({}),b=e.ref(0),y=e.ref(0);l.useResizeObserver(c,()=>{const{width:e,height:t}=c.value.getBoundingClientRect();b.value=e,y.value=t,B()},{box:"border-box"}),e.watch(()=>x.value,e=>{n("change",e)});const B=o.throttleByRaf(()=>{if(!p.value||!g.value||!m.value)return;const{top:e,bottom:l}=m.value.getBoundingClientRect(),{top:a,bottom:u}=g.value.getBoundingClientRect();x.value=t.isUndefined(v.value)?e-a<=f.value:u-l<=v.value,x.value?h.value=t.isUndefined(v.value)?{position:"fixed",top:o.valueToPx(a+f.value)}:{position:"fixed",bottom:o.valueToPx(v.value)}:h.value={}});return l.useEventListener(p,"scroll",B),u({updatePosition(){B()}}),(t,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:m},[x.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:e.unref(o.valueToPx)(b.value),height:e.unref(o.valueToPx)(y.value)})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([{"yc-affix":x.value},t.$attrs.class]),style:e.normalizeStyle({...h.value,...t.$attrs.style||{}}),ref_key:"affixRef",ref:c},[e.renderSlot(t.$slots,"default")],6)],512))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),o=require("../node_modules/@vueuse/core/index.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const l=require("../_shared/utils/is.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const r=e.defineComponent({name:"Affix",inheritAttrs:!1,__name:"index",props:{offsetTop:{default:0},offsetBottom:{default:void 0},target:{default:void 0},targetContainer:{default:void 0}},emits:["change"],setup(r,{expose:s,emit:u}){const a=r,i=u,{target:n,targetContainer:d,offsetTop:f,offsetBottom:v}=e.toRefs(a),m=e.ref(),c=e.ref(),p=e.computed(()=>l.isUndefined(n.value)?t.findFirstScrollableParent(m.value):t.getElement(n.value)),g=e.computed(()=>l.isUndefined(d.value)?t.findFirstScrollableParent(m.value):t.getElement(d.value)),j=e.ref(!1),y=e.ref({}),_=e.ref(0),x=e.ref(0);o.useResizeObserver(m,()=>{const{width:e,height:t}=m.value.getBoundingClientRect();_.value=e,x.value=t,h()},{box:"border-box"}),e.watch(()=>j.value,e=>{i("change",e)});const h=t.throttleByRaf(()=>{if(!p.value||!g.value||!c.value)return;const{top:e,bottom:o}=c.value.getBoundingClientRect(),{top:r,bottom:s}=g.value.getBoundingClientRect();j.value=l.isUndefined(v.value)?e-r<=f.value:s-o<=v.value,j.value?y.value=l.isUndefined(v.value)?{position:"fixed",top:t.valueToPx(r+f.value)}:{position:"fixed",bottom:t.valueToPx(v.value)}:y.value={}});return o.useEventListener(p,"scroll",h),s({updatePosition(){h()}}),(o,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"wrapperRef",ref:c},[j.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:e.unref(t.valueToPx)(_.value),height:e.unref(t.valueToPx)(x.value)})},null,4)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass([{"yc-affix":j.value},o.$attrs.class]),style:e.normalizeStyle({...y.value,...o.$attrs.style||{}}),ref_key:"affixRef",ref:m},[e.renderSlot(o.$slots,"default")],6)],512))}});exports.default=r;

package/lib/Alert/index.d.ts

@@ -10,9 +10,9 @@ declare const Alert: {
         close: (ev: MouseEvent) => any;
         "after-close": () => any;
     }, import('vue').PublicProps, {
+        center: boolean;
         type: import('..').Type<"normal">;
         title: string;
-        center: boolean;
         closable: boolean;
         showIcon: boolean;
         banner: boolean;
@@ -27,9 +27,9 @@ declare const Alert: {
         onClose?: ((ev: MouseEvent) => any) | undefined;
         "onAfter-close"?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
+        center: boolean;
         type: import('..').Type<"normal">;
         title: string;
-        center: boolean;
         closable: boolean;
         showIcon: boolean;
         banner: boolean;
@@ -44,9 +44,9 @@ declare const Alert: {
     close: (ev: MouseEvent) => any;
     "after-close": () => any;
 }, string, {
+    center: boolean;
     type: import('..').Type<"normal">;
     title: string;
-    center: boolean;
     closable: boolean;
     showIcon: boolean;
     banner: boolean;

package/lib/Alert/index.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {},
     onClose?: ((ev: MouseEvent) => any) | undefined;
     "onAfter-close"?: (() => any) | undefined;
 }>, {
+    center: boolean;
     type: import('..').Type<"normal">;
     title: string;
-    center: boolean;
     closable: boolean;
     showIcon: boolean;
     banner: boolean;

package/lib/Alert/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/constants/index.js"),o=;/* empty css                                           */,/* empty css                                          */require("../_shared/utils/dom.js"),/* empty css                                                 */;/* empty css                                    */const l={key:0,class:"yc-alert-icon"},n={class:"yc-alert-body"},r={key:0,class:"yc-alert-title"},a={class:"yc-alert-content"},c={key:1,class:"yc-alert-action"},s=e.defineComponent({name:"Alert",__name:"index",props:{type:{default:"info"},showIcon:{type:Boolean,default:!0},closable:{type:Boolean,default:!1},title:{default:""},banner:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close","after-close"],setup(s,{emit:i}){const d=e.useSlots(),u=i,m=e.ref(!0),p=e=>{m.value=!1,u("close",e)};return(s,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-dynamic-origin",onAfterLeave:i[0]||(i[0]=e=>s.$emit("after-close"))},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-alert",`yc-alert-${s.type}`,{"yc-alert-has-title":s.title||d.title,"yc-alert-center":s.center||s.banner,"yc-alert-banner":s.banner}])},[s.showIcon?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(s.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.TYPE_ICON_MAP)[s.type])))])])):e.createCommentVNode("",!0),e.createElementVNode("div",n,[d.title||s.title?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(s.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(s.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",a,[e.renderSlot(s.$slots,"default")])]),d.action?(e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(s.$slots,"action")])):e.createCommentVNode("",!0),s.closable?(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-alert-close-btn",role:"button","aria-label":"Close",onClick:p},[e.renderSlot(s.$slots,"close-element",{},()=>[e.createVNode(e.unref(o.default))])])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/constants/index.js"),o=;/* empty css                                          */,/* empty css                                           */require("../_shared/utils/dom.js"),require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js"),/* empty css                                                 */;/* empty css                                    */const l={key:0,class:"yc-alert-icon"},n={class:"yc-alert-body"},r={key:0,class:"yc-alert-title"},s={class:"yc-alert-content"},a={key:1,class:"yc-alert-action"},c=e.defineComponent({name:"Alert",__name:"index",props:{type:{default:"info"},showIcon:{type:Boolean,default:!0},closable:{type:Boolean,default:!1},title:{default:""},banner:{type:Boolean,default:!1},center:{type:Boolean,default:!1}},emits:["close","after-close"],setup(c,{emit:i}){const d=e.useSlots(),u=i,m=e.ref(!0),y=e=>{m.value=!1,u("close",e)};return(c,i)=>(e.openBlock(),e.createBlock(e.Transition,{name:"slide-dynamic-origin",onAfterLeave:i[0]||(i[0]=e=>c.$emit("after-close"))},{default:e.withCtx(()=>[m.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-alert",`yc-alert-${c.type}`,{"yc-alert-has-title":c.title||d.title,"yc-alert-center":c.center||c.banner,"yc-alert-banner":c.banner}])},[c.showIcon?(e.openBlock(),e.createElementBlock("div",l,[e.renderSlot(c.$slots,"icon",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t.TYPE_ICON_MAP)[c.type])))])])):e.createCommentVNode("",!0),e.createElementVNode("div",n,[d.title||c.title?(e.openBlock(),e.createElementBlock("div",r,[e.renderSlot(c.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(c.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",s,[e.renderSlot(c.$slots,"default")])]),d.action?(e.openBlock(),e.createElementBlock("div",a,[e.renderSlot(c.$slots,"action")])):e.createCommentVNode("",!0),c.closable?(e.openBlock(),e.createElementBlock("div",{key:2,class:"yc-alert-close-btn",role:"button","aria-label":"Close",onClick:y},[e.renderSlot(c.$slots,"close-element",{},()=>[e.createVNode(e.unref(o.default))])])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)]),_:3}))}});exports.default=c;

package/lib/Anchor/Anchor.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),t={class:"yc-anchor"},r={key:0,class:"yc-anchor-line-track"},a=e.defineComponent({name:"Anchor",__name:"Anchor",props:{boundary:{default:"start"},lineLess:{type:Boolean,default:!1},scrollContainer:{default:void 0},changeHash:{type:Boolean,default:!0},smooth:{type:Boolean,default:!0}},setup(a){const n=a,s=e.ref(),u=e.ref([]),{curHref:c,hrefs:d}=o.default().provide(n,s),i=e.computed(()=>{const e=d.value.findIndex(e=>e==c.value);return u.value.slice(0,e+1).map(e=>e.offsetHeight).reduce((l,o,t)=>t==e?l+(o-12)/2:l+o,0)+2*e});return e.onMounted(()=>{d.value.length&&(c.value=d.value[0],u.value=[...s.value.querySelectorAll(".yc-anchor-link")])}),(o,a)=>(e.openBlock(),e.createElementBlock("div",t,[o.lineLess?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",{class:"yc-anchor-line-slider",style:e.normalizeStyle({top:e.unref(l.valueToPx)(i.value)})},null,4)])),e.createElementVNode("div",{class:"yc-anchor-list",ref_key:"listRef",ref:s},[e.renderSlot(o.$slots,"default")],512)]))}});exports.default=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js"),require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const l=require("./hooks/useContext.js"),r={class:"yc-anchor"},s={key:0,class:"yc-anchor-line-track"},t=e.defineComponent({name:"Anchor",__name:"Anchor",props:{boundary:{default:"start"},lineLess:{type:Boolean,default:!1},scrollContainer:{default:void 0},changeHash:{type:Boolean,default:!0},smooth:{type:Boolean,default:!0}},setup(t){const n=t,u=e.ref(),a=e.ref([]),{curHref:d,hrefs:i}=l.default().provide(n,u),c=e.computed(()=>{const e=i.value.findIndex(e=>e==d.value);return a.value.slice(0,e+1).map(e=>e.offsetHeight).reduce((o,l,r)=>r==e?o+(l-12)/2:o+l,0)+2*e});return e.onMounted(()=>{i.value.length&&(d.value=i.value[0],a.value=[...u.value.querySelectorAll(".yc-anchor-link")])}),(l,t)=>(e.openBlock(),e.createElementBlock("div",r,[l.lineLess?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",{class:"yc-anchor-line-slider",style:e.normalizeStyle({top:e.unref(o.valueToPx)(c.value)})},null,4)])),e.createElementVNode("div",{class:"yc-anchor-list",ref_key:"listRef",ref:u},[e.renderSlot(l.$slots,"default")],512)]))}});exports.default=t;

package/lib/Anchor/AnchorLink.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/dom.js"),l=require("../_shared/utils/is.js"),o=require("./hooks/useContext.js"),r=["href"],n={key:0,class:"yc-anchor-sublist"},s=e.defineComponent({name:"AnchorLink",__name:"AnchorLink",props:{title:{default:""},href:{default:""}},setup(s){const a=e.useSlots(),u=s,{href:i}=e.toRefs(u),{smooth:c,boundary:f,changeHash:v,curHref:d,lineLess:h,scrollContainer:m}=o.default().inject(),k=e=>{if(d.value=i.value,v.value)return;e.preventDefault();const o=t.getElement(i.value);if(o)if(l.isNumber(f.value)&&m.value){const{top:e}=o.getBoundingClientRect(),{top:t}=m.value.getBoundingClientRect(),{scrollTop:l}=m.value;m.value.scrollTo({top:e-t+l-f.value,behavior:c.value?"smooth":"auto"})}else o.scrollIntoView({block:f.value,behavior:c.value?"smooth":"auto"})};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-anchor-link-item",{"yc-anchor-link-active":e.unref(d)==e.unref(i)&&!e.unref(h),"yc-anchor-link-lineless-active":e.unref(d)==e.unref(i)&&e.unref(h)}])},[e.createElementVNode("a",{href:e.unref(i),class:"yc-anchor-link",onClick:k,ref:"linkRef"},[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],8,r),a.sublist?(e.openBlock(),e.createElementBlock("div",n,[e.renderSlot(t.$slots,"sublist")])):e.createCommentVNode("",!0)],2))}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("../_shared/utils/dom.js");require("../node_modules/b-tween/dist/b-tween.es.js"),require("../node_modules/dayjs/dayjs.min.js"),require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../node_modules/dayjs/plugin/duration.js"),require("../node_modules/dayjs/plugin/toObject.js"),require("../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../_shared/utils/is.js");require("../_shared/utils/locale.js"),require("../_shared/utils/time.js");const r=require("./hooks/useContext.js"),l=["href"],t={key:0,class:"yc-anchor-sublist"},n=e.defineComponent({name:"AnchorLink",__name:"AnchorLink",props:{title:{default:""},href:{default:""}},setup(n){const u=e.useSlots(),i=n,{href:a}=e.toRefs(i),{smooth:c,boundary:d,changeHash:m,curHref:f,lineLess:h,scrollContainer:v}=r.default().inject(),j=e=>{if(f.value=a.value,m.value)return;e.preventDefault();const r=o.getElement(a.value);if(r)if(s.isNumber(d.value)&&v.value){const{top:e}=r.getBoundingClientRect(),{top:o}=v.value.getBoundingClientRect(),{scrollTop:s}=v.value;v.value.scrollTo({top:e-o+s-d.value,behavior:c.value?"smooth":"auto"})}else r.scrollIntoView({block:d.value,behavior:c.value?"smooth":"auto"})};return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-anchor-link-item",{"yc-anchor-link-active":e.unref(f)==e.unref(a)&&!e.unref(h),"yc-anchor-link-lineless-active":e.unref(f)==e.unref(a)&&e.unref(h)}])},[e.createElementVNode("a",{href:e.unref(a),class:"yc-anchor-link",onClick:j,ref:"linkRef"},[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(o.title),1)])],8,l),u.sublist?(e.openBlock(),e.createElementBlock("div",t,[e.renderSlot(o.$slots,"sublist")])):e.createCommentVNode("",!0)],2))}});exports.default=n;

package/lib/Anchor/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../_shared/utils/dom.js"),s=require("../../_shared/utils/vue-utils.js"),n=require("../../_shared/utils/is.js"),o=require("../AnchorLink.vue.js");;/* empty css                  */const t="anchor-context";exports.default=function(){return{provide:(u,l)=>{const{changeHash:a,smooth:i,boundary:c,lineLess:d,scrollContainer:f}=e.toRefs(u),h=e.useSlots(),v=e.ref(""),m=e.computed(()=>{var e;return s.findComponentsFromVnodes((null==(e=h.default)?void 0:e.call(h))||[],o.default.name).map(e=>{var r;return null==(r=e.props)?void 0:r.href})}),p=e.computed(()=>n.isUndefined(f.value)?r.findFirstScrollableParent(l.value):r.getElement(f.value));return e.provide(t,{changeHash:a,smooth:i,boundary:c,lineLess:d,curHref:v,scrollContainer:p}),{hrefs:m,curHref:v,changeHash:a,smooth:i,boundary:c,lineLess:d,scrollContainer:p}},inject:()=>e.inject(t,{changeHash:e.ref(!0),smooth:e.ref(!0),boundary:e.ref("start"),curHref:e.ref(""),lineLess:e.ref(!1),scrollContainer:e.ref()})}};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("../../_shared/utils/dom.js");require("../../node_modules/b-tween/dist/b-tween.es.js"),require("../../node_modules/dayjs/dayjs.min.js"),require("../../node_modules/tinycolor2/esm/tinycolor.js"),require("../../node_modules/dayjs/plugin/duration.js"),require("../../node_modules/dayjs/plugin/toObject.js"),require("../../node_modules/dayjs/plugin/isSameOrAfter.js"),require("../../node_modules/dayjs/plugin/isSameOrBefore.js");const s=require("../../_shared/utils/is.js");require("../../_shared/utils/locale.js"),require("../../_shared/utils/time.js");const o=require("../../_shared/utils/vue-utils.js"),n=require("../AnchorLink.vue.js");;/* empty css                  */const u="anchor-context";exports.default=function(){return{provide:(i,t)=>{const{changeHash:l,smooth:a,boundary:d,lineLess:c,scrollContainer:m}=e.toRefs(i),j=e.useSlots(),f=e.ref(""),h=e.computed(()=>{var e;return o.findComponentsFromVnodes((null==(e=j.default)?void 0:e.call(j))||[],n.default.name).map(e=>{var r;return null==(r=e.props)?void 0:r.href})}),p=e.computed(()=>s.isUndefined(m.value)?r.findFirstScrollableParent(t.value):r.getElement(m.value));return e.provide(u,{changeHash:l,smooth:a,boundary:d,lineLess:c,curHref:f,scrollContainer:p}),{hrefs:h,curHref:f,changeHash:l,smooth:a,boundary:d,lineLess:c,scrollContainer:p}},inject:()=>e.inject(u,{changeHash:e.ref(!0),smooth:e.ref(!0),boundary:e.ref("start"),curHref:e.ref(""),lineLess:e.ref(!1),scrollContainer:e.ref()})}};

package/lib/AutoComplete/index.d.ts

@@ -5,13 +5,13 @@ export * from './type';
 declare const AutoComplete: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').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;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+        onSelect?: ((value: string) => any) | undefined;
+        onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
@@ -23,22 +23,22 @@ declare const AutoComplete: {
         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;
+        input: (value: string, ev: Event) => any;
         keydown: (ev: KeyboardEvent) => any;
+        select: (value: string) => any;
+        search: (value: string) => any;
         "update:modelValue": (value: string) => any;
         "dropdown-scroll": (ev?: Event | undefined) => any;
         "dropdown-reach-bottom": (ev?: Event | undefined) => any;
     }, import('vue').PublicProps, {
-        type: "textarea" | "input";
-        data: import('..').SelectOption[];
-        popupContainer: import('..').PopupContainer;
         disabled: boolean;
+        popupContainer: import('..').PopupContainer;
         strict: boolean;
+        type: "textarea" | "input";
+        data: import('..').SelectOption[];
         modelValue: string;
         defaultValue: string;
         allowClear: boolean;
@@ -88,15 +88,15 @@ declare const AutoComplete: {
                 readonly hotkeys?: boolean | undefined;
                 readonly showEmpty?: boolean | undefined;
                 readonly onChange?: ((value: import('..').SelectValue) => 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 onClear?: (() => 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('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                 readonly "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                 readonly "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -246,8 +246,6 @@ declare const AutoComplete: {
                         show: () => any;
                         hide: () => any;
                     }, string, {
-                        popupContainer: import('..').PopupContainer;
-                        renderToBody: boolean;
                         trigger: import('..').TriggerType;
                         mouseEnterDelay: number;
                         popupVisible: boolean;
@@ -275,6 +273,8 @@ declare const AutoComplete: {
                         duration: number;
                         autoFitPopupWidth: boolean;
                         autoFitPopupMinWidth: boolean;
+                        popupContainer: import('..').PopupContainer;
+                        renderToBody: boolean;
                         autoFitPosition: boolean;
                         updateAtScroll: boolean;
                         preventFocus: boolean;
@@ -300,8 +300,6 @@ declare const AutoComplete: {
                     $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<{
-                    popupContainer: import('..').PopupContainer;
-                    renderToBody: boolean;
                     trigger: import('..').TriggerType;
                     mouseEnterDelay: number;
                     popupVisible: boolean;
@@ -329,6 +327,8 @@ declare const AutoComplete: {
                     duration: number;
                     autoFitPopupWidth: boolean;
                     autoFitPopupMinWidth: boolean;
+                    popupContainer: import('..').PopupContainer;
+                    renderToBody: boolean;
                     autoFitPosition: boolean;
                     updateAtScroll: boolean;
                     preventFocus: boolean;
@@ -338,7 +338,7 @@ declare const AutoComplete: {
                     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     onShow?: (() => any) | undefined;
                     onHide?: (() => any) | undefined;
-                }>, "show" | "hide" | ("popupContainer" | "renderToBody" | "trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
+                }>, "show" | "hide" | ("trigger" | "mouseEnterDelay" | "popupVisible" | "defaultPopupVisible" | "clickToClose" | "blurToClose" | "clickOutsideToClose" | "mouseLeaveDelay" | "focusDelay" | "disabled" | "scrollToCloseDistance" | "scrollToClose" | "autoSetPosition" | "alignPoint" | "position" | "popupOffset" | "popupTranslate" | "showArrow" | "unmountOnClose" | "contentClass" | "contentStyle" | "arrowClass" | "arrowStyle" | "animationName" | "duration" | "autoFitPopupWidth" | "autoFitPopupMinWidth" | "popupContainer" | "renderToBody" | "autoFitPosition" | "updateAtScroll" | "preventFocus" | "needTransformOrigin") | "updatePosition"> & import('vue').ShallowUnwrapRef<{
                     hide(): void;
                     show(): void;
                     updatePosition(x: number, y: number): void;
@@ -369,14 +369,14 @@ declare const AutoComplete: {
                         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 onInput?: ((value: string) => 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: {
@@ -394,30 +394,30 @@ declare const AutoComplete: {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $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);
+                    $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;
-                        onInput?: ((value: string) => any) | undefined;
                         onBlur?: ((ev: FocusEvent) => any) | undefined;
-                        onFocus?: ((ev: FocusEvent) => any) | undefined;
-                        onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
+                        onInput?: ((value: string) => 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;
                         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;
+                        input: (value: string) => 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, {
                         error: boolean;
@@ -480,16 +480,16 @@ declare const AutoComplete: {
                     };
                     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;
+                    onInput?: ((value: string) => 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;
-                }>, "blur" | "focus" | ("error" | "size" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+                }>, "focus" | "blur" | ("error" | "size" | "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 & {} & {
@@ -502,19 +502,19 @@ declare const AutoComplete: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $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);
+            $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;
-                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;
+                onClear?: (() => 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('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                 "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                 "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
@@ -524,25 +524,25 @@ declare const AutoComplete: {
                 getPopupRef(): import('..').TriggerInstance;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (value: import('..').SelectValue) => 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;
+                clear: () => 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('..').SelectOptionValue, ev?: MouseEvent | undefined) => any;
                 "dropdown-scroll": (ev: Event) => any;
                 "dropdown-reach-bottom": (ev: Event) => any;
             }, string, {
                 error: boolean;
                 size: import('..').Size;
-                popupContainer: import('..').PopupContainer;
                 popupVisible: boolean;
                 defaultPopupVisible: boolean;
                 disabled: boolean;
+                popupContainer: import('..').PopupContainer;
                 scrollbar: boolean;
                 multiple: boolean;
                 placeholder: string;
@@ -592,10 +592,10 @@ declare const AutoComplete: {
         } & Readonly<{
             error: boolean;
             size: import('..').Size;
-            popupContainer: import('..').PopupContainer;
             popupVisible: boolean;
             defaultPopupVisible: boolean;
             disabled: boolean;
+            popupContainer: import('..').PopupContainer;
             scrollbar: boolean;
             multiple: boolean;
             placeholder: string;
@@ -624,19 +624,19 @@ declare const AutoComplete: {
             tagNowrap: boolean;
         }> & Omit<Readonly<import('..').SelectProps> & Readonly<{
             onChange?: ((value: import('..').SelectValue) => 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;
+            onClear?: (() => 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('..').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
             "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
             "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
-        }>, "blur" | "focus" | ("error" | "size" | "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" | "blur" | ("error" | "size" | "popupVisible" | "defaultPopupVisible" | "disabled" | "popupContainer" | "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;
@@ -645,10 +645,10 @@ declare const AutoComplete: {
         }) | 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;
+            onInput?: ((value: string, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
@@ -658,10 +658,10 @@ declare const AutoComplete: {
             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;
+            input: (value: string, ev: Event) => any;
             keydown: (ev: KeyboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, import('vue').PublicProps, {
@@ -691,10 +691,10 @@ declare const AutoComplete: {
             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;
+            onInput?: ((value: string, ev: Event) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
@@ -727,13 +727,13 @@ declare const AutoComplete: {
         Defaults: {};
     }, Readonly<import('./type').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;
+        onInput?: ((value: string, ev: Event) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+        onSelect?: ((value: string) => any) | undefined;
+        onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
@@ -744,11 +744,11 @@ declare const AutoComplete: {
         getMirrorRef(): HTMLDivElement | undefined;
         updatePosition(x: number, y: number): void;
     }, {}, {}, {}, {
-        type: "textarea" | "input";
-        data: import('..').SelectOption[];
-        popupContainer: import('..').PopupContainer;
         disabled: boolean;
+        popupContainer: import('..').PopupContainer;
         strict: boolean;
+        type: "textarea" | "input";
+        data: import('..').SelectOption[];
         modelValue: string;
         defaultValue: string;
         allowClear: boolean;
@@ -762,13 +762,13 @@ declare const AutoComplete: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('./type').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;
+    onInput?: ((value: string, ev: Event) => any) | undefined;
     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
+    onSelect?: ((value: string) => any) | undefined;
+    onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
@@ -780,22 +780,22 @@ declare const AutoComplete: {
     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;
+    input: (value: string, ev: Event) => any;
     keydown: (ev: KeyboardEvent) => any;
+    select: (value: string) => any;
+    search: (value: string) => any;
     "update:modelValue": (value: string) => any;
     "dropdown-scroll": (ev?: Event | undefined) => any;
     "dropdown-reach-bottom": (ev?: Event | undefined) => any;
 }, string, {
-    type: "textarea" | "input";
-    data: import('..').SelectOption[];
-    popupContainer: import('..').PopupContainer;
     disabled: boolean;
+    popupContainer: import('..').PopupContainer;
     strict: boolean;
+    type: "textarea" | "input";
+    data: import('..').SelectOption[];
     modelValue: string;
     defaultValue: string;
     allowClear: boolean;