yc-design-vue 2.0.2 → 2.0.3

package/lib/Select/Select.vue.d.ts

@@ -1,5 +1,5 @@
-import { SelectProps, SelectSlots, OptionValue } from './type';
-import { InputTagValue } from '../InputTag';
+import { SelectProps, SelectSlots, SelectOptionValue } from './type';
+import { InputTagValue, TagData } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -12,7 +12,7 @@ declare function __VLS_template(): {
                 readonly popupVisible?: boolean | undefined;
                 readonly defaultPopupVisible?: boolean | undefined;
                 readonly trigger?: import('../Trigger').TriggerType | undefined;
-                readonly position?: import('../Trigger').TriggerPostion | undefined;
+                readonly position?: import('..').PopupPosition | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly popupOffset?: number | undefined;
                 readonly popupTranslate?: number[] | undefined;
@@ -22,9 +22,9 @@ declare function __VLS_template(): {
                 readonly clickToClose?: boolean | undefined;
                 readonly clickOutsideToClose?: boolean | undefined;
                 readonly unmountOnClose?: boolean | undefined;
-                readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                readonly contentClass?: import('..').ClassName | undefined;
                 readonly contentStyle?: import('vue').CSSProperties | undefined;
-                readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                readonly arrowClass?: import('..').ClassName | undefined;
                 readonly arrowStyle?: import('vue').CSSProperties | undefined;
                 readonly animationName?: string | undefined;
                 readonly duration?: number | undefined;
@@ -158,14 +158,14 @@ declare function __VLS_template(): {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('../Trigger').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
@@ -212,14 +212,14 @@ declare function __VLS_template(): {
             scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
-            position: import('../Trigger').TriggerPostion;
+            position: import('..').PopupPosition;
             popupOffset: number;
             popupTranslate: number[];
             showArrow: boolean;
             unmountOnClose: boolean;
-            contentClass: import('../_shared/type').ClassName;
+            contentClass: import('..').ClassName;
             contentStyle: import('vue').CSSProperties;
-            arrowClass: import('../_shared/type').ClassName;
+            arrowClass: import('..').ClassName;
             arrowStyle: import('vue').CSSProperties;
             animationName: string;
             duration: number;
@@ -259,7 +259,7 @@ declare function __VLS_template(): {
                 readonly size?: import('..').Size | undefined;
                 readonly maxTagCount?: number | undefined;
                 readonly retainInputValue?: import('../InputTag').InputRetainValue | undefined;
-                readonly formatTag?: import('../InputTag').FormatTag | undefined;
+                readonly formatTag?: import('..').Format<TagData> | undefined;
                 readonly uniqueValue?: boolean | undefined;
                 readonly tagNowrap?: boolean | undefined;
                 readonly fieldNames?: Record<string, string> | undefined;
@@ -397,13 +397,13 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: OptionValue) => any;
+    select: (value: SelectOptionValue) => any;
     search: (value: string) => any;
     "update:modelValue": (value: import('./type').SelectValue) => any;
     "update:inputValue": (value: string) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: OptionValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: SelectOptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
@@ -411,13 +411,13 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: OptionValue) => any) | undefined;
+    onSelect?: ((value: SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').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: OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
@@ -446,7 +446,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     showEmpty: boolean;
     allowCreate: boolean;
     maxTagCount: number;
-    filterOption: import('./type').FilterOption;
+    filterOption: boolean | import('..').FilterOption<import('./type').SelectOptionData>;
     virtualListProps: import('./type').VirtualListProps;
     triggerProps: import('../Trigger').TriggerProps;
     searchDelay: number;
@@ -461,7 +461,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             readonly popupVisible?: boolean | undefined;
             readonly defaultPopupVisible?: boolean | undefined;
             readonly trigger?: import('../Trigger').TriggerType | undefined;
-            readonly position?: import('../Trigger').TriggerPostion | undefined;
+            readonly position?: import('..').PopupPosition | undefined;
             readonly disabled?: boolean | undefined;
             readonly popupOffset?: number | undefined;
             readonly popupTranslate?: number[] | undefined;
@@ -471,9 +471,9 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             readonly clickToClose?: boolean | undefined;
             readonly clickOutsideToClose?: boolean | undefined;
             readonly unmountOnClose?: boolean | undefined;
-            readonly contentClass?: import('../_shared/type').ClassName | undefined;
+            readonly contentClass?: import('..').ClassName | undefined;
             readonly contentStyle?: import('vue').CSSProperties | undefined;
-            readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+            readonly arrowClass?: import('..').ClassName | undefined;
             readonly arrowStyle?: import('vue').CSSProperties | undefined;
             readonly animationName?: string | undefined;
             readonly duration?: number | undefined;
@@ -607,14 +607,14 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
-            position: import('../Trigger').TriggerPostion;
+            position: import('..').PopupPosition;
             popupOffset: number;
             popupTranslate: number[];
             showArrow: boolean;
             unmountOnClose: boolean;
-            contentClass: import('../_shared/type').ClassName;
+            contentClass: import('..').ClassName;
             contentStyle: import('vue').CSSProperties;
-            arrowClass: import('../_shared/type').ClassName;
+            arrowClass: import('..').ClassName;
             arrowStyle: import('vue').CSSProperties;
             animationName: string;
             duration: number;
@@ -661,14 +661,14 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         scrollToClose: boolean;
         autoSetPosition: boolean;
         alignPoint: boolean;
-        position: import('../Trigger').TriggerPostion;
+        position: import('..').PopupPosition;
         popupOffset: number;
         popupTranslate: number[];
         showArrow: boolean;
         unmountOnClose: boolean;
-        contentClass: import('../_shared/type').ClassName;
+        contentClass: import('..').ClassName;
         contentStyle: import('vue').CSSProperties;
-        arrowClass: import('../_shared/type').ClassName;
+        arrowClass: import('..').ClassName;
         arrowStyle: import('vue').CSSProperties;
         animationName: string;
         duration: number;
@@ -708,7 +708,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             readonly size?: import('..').Size | undefined;
             readonly maxTagCount?: number | undefined;
             readonly retainInputValue?: import('../InputTag').InputRetainValue | undefined;
-            readonly formatTag?: import('../InputTag').FormatTag | undefined;
+            readonly formatTag?: import('..').Format<TagData> | undefined;
             readonly uniqueValue?: boolean | undefined;
             readonly tagNowrap?: boolean | undefined;
             readonly fieldNames?: Record<string, string> | undefined;

package/lib/Select/Select.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),t=require("./SelectIcon.vue.js");;/* empty css                 */const r=require("./SelectView.vue.js");;/* empty css                 */const u=require("../Input/index.js"),n=require("../InputTag/index.js"),s=require("../Trigger/index.js"),i=e.defineComponent({name:"Select",__name:"Select",props:{multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Object,Array],default:void 0},defaultValue:{type:[String,Number,Boolean,Object,Array],default:e=>e.multiple?[]:""},inputValue:{default:void 0},defaultInputValue:{default:""},size:{default:void 0},placeholder:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},allowSearch:{type:Boolean,default:e=>e.multiple},allowCreate:{type:Boolean,default:!1},maxTagCount:{default:0},popupContainer:{default:void 0},bordered:{type:Boolean,default:!0},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},unmountonClose:{type:Boolean},filterOption:{type:[Boolean,Function],default:void 0},options:{default:()=>[]},virtualListProps:{default:void 0},triggerProps:{default:()=>({contentStyle:{}})},formatLabel:{},fallbackOption:{},showExtraOptions:{type:Boolean,default:!0},valueKey:{default:""},searchDelay:{default:500},limit:{default:0},fieldNames:{default:()=>({})},scrollbar:{type:Boolean,default:!0},showHeaderOnEmpty:{type:Boolean,default:!1},showFooterOnEmpty:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},hotkeys:{type:Boolean},showEmpty:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","update:popupVisible","change","input-value-change","clear","remove","search","exceedLimit","popup-visible-change","dropdown-scroll","dropdown-reach-bottom","select"],setup(i,{expose:p,emit:d}){const c=i,f=d,{allowClear:v,disabled:m,loading:h,searchDelay:y,showFooterOnEmpty:b,showHeaderOnEmpty:w,multiple:g,allowSearch:B,allowCreate:V,virtualListProps:C}=e.toRefs(c),k=e.ref(),x=e.ref(),{computedVisible:S,computedValue:j,computedInputValue:q,selectOptions:_,createOptions:O}=o().provide(c,f,k),N=e.computed(()=>{const e=g.value?j.value.length:String(j.value).length;return v.value&&!m.value&&!h.value&&!!e}),z=e.computed(()=>(!B.value||h.value)&&!V.value&&a.isUndefined(c.filterOption)),E=async(e,a="")=>{var o,t,r;switch(e){case"create":if(!V.value)return;if(O.value.find(e=>e==q.value))return;O.value.push({label:q.value,value:q.value}),B.value&&(null==(o=k.value)||o.blur());break;case"clear":j.value=g.value?[]:"",f("clear");break;case"search":await l.sleep(y.value),f("search",a);break;case"focus":if(m.value)return;if(S.value)return null==(t=k.value)?void 0:t.blur();S.value=!0,await l.sleep(0),null==(r=k.value)||r.focus();break;case"blur":S.value=!1;break;case"updateValue":j.value=a.map(e=>e.value)}};return p({focus(){var e;null==(e=k.value)||e.focus()},blur(){var e;null==(e=k.value)||e.blur()},getPopupRef:()=>x.value}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({"popup-visible":e.unref(S),"onUpdate:popupVisible":a[14]||(a[14]=l=>e.isRef(S)?S.value=l:null),"unmount-on-close":l.unmountonClose,"popup-container":l.popupContainer,disabled:e.unref(m),"popup-offset":4,trigger:"focus",position:"bl","animation-name":"slide-dynamic-origin","need-transform-origin":"","auto-fit-popup-width":"","prevent-focus":"",ref_key:"popupRef",ref:x},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(r,{loading:e.unref(h),scrollbar:l.scrollbar,"virtual-list-props":e.unref(C),"show-footer-on-empty":e.unref(b),"show-header-on-empty":e.unref(w)},null,8,["loading","scrollbar","virtual-list-props","show-footer-on-empty","show-header-on-empty"])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-select",{"yc-select-allow-search":e.unref(B),"yc-select-allow-clear":N.value,"yc-select-no-border":!l.bordered},l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style)},[e.renderSlot(l.$slots,"trigger",{},()=>{var o;return[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(n),{key:1,"input-value":e.unref(q),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(q)?q.value=l:null),"model-value":e.unref(_),placeholder:l.placeholder,readonly:z.value,disabled:e.unref(m),size:l.size,error:l.error,"max-tag-count":l.maxTagCount,"tag-nowrap":l.tagNowrap,ref_key:"inputRef",ref:k,onFocus:a[8]||(a[8]=e=>E("focus")),onBlur:a[9]||(a[9]=e=>E("blur")),onInput:a[10]||(a[10]=e=>E("search",e)),onRemove:a[11]||(a[11]=(e,a)=>l.$emit("remove",e,a)),onPressEnter:a[12]||(a[12]=e=>E("create")),"onUpdate:modelValue":a[13]||(a[13]=e=>E("updateValue",e))},{tag:e.withCtx(({tag:a})=>[l.$slots.label?e.renderSlot(l.$slots,"label",{key:0,data:a}):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":N.value,onClear:a[6]||(a[6]=e=>E("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["input-value","model-value","placeholder","readonly","disabled","size","error","max-tag-count","tag-nowrap"])):(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(q),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(q)?q.value=l:null),"show-input":e.unref(S),readonly:z.value,disabled:e.unref(m),size:l.size,error:l.error,placeholder:(null==(o=e.unref(_)[0])?void 0:o.label)||"",ref_key:"inputRef",ref:k,onClick:a[2]||(a[2]=e=>E("focus")),onBlur:a[3]||(a[3]=e=>E("blur")),onInput:a[4]||(a[4]=e=>E("search",e)),onPressEnter:a[5]||(a[5]=e=>E("create"))},{label:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{data:e.unref(_)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(_).length}])},e.toDisplayString((null==(a=e.unref(_)[0])?void 0:a.label)||l.placeholder),3)]})]),suffix:e.withCtx(()=>[e.createVNode(t,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":N.value,onClear:a[0]||(a[0]=e=>E("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["modelValue","show-input","readonly","disabled","size","error","placeholder"]))]})],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js");const l=require("../_shared/utils/dom.js"),a=require("../_shared/utils/is.js");require("../_shared/utils/time.js"),require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),r=require("./SelectIcon.vue.js");;/* empty css                 */const t=require("./SelectView.vue.js");;/* empty css                 */const u=require("../Input/index.js"),n=require("../InputTag/index.js"),s=require("../Trigger/index.js"),i=e.defineComponent({name:"Select",__name:"Select",props:{multiple:{type:Boolean,default:!1},modelValue:{type:[String,Number,Boolean,Array],default:void 0},defaultValue:{type:[String,Number,Boolean,Array],default:e=>e.multiple?[]:""},inputValue:{default:void 0},defaultInputValue:{default:""},size:{default:void 0},placeholder:{default:""},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},error:{type:Boolean,default:!1},allowClear:{type:Boolean,default:!1},allowSearch:{type:Boolean,default:e=>e.multiple},allowCreate:{type:Boolean,default:!1},maxTagCount:{default:0},popupContainer:{default:void 0},bordered:{type:Boolean,default:!0},popupVisible:{type:Boolean,default:void 0},defaultPopupVisible:{type:Boolean,default:!1},unmountonClose:{type:Boolean},filterOption:{type:[Boolean,Function],default:void 0},options:{default:()=>[]},virtualListProps:{default:void 0},triggerProps:{default:()=>({contentStyle:{}})},formatLabel:{},fallbackOption:{},showExtraOptions:{type:Boolean,default:!0},valueKey:{default:""},searchDelay:{default:500},limit:{default:0},fieldNames:{default:()=>({})},scrollbar:{type:Boolean,default:!0},showHeaderOnEmpty:{type:Boolean,default:!1},showFooterOnEmpty:{type:Boolean,default:!1},tagNowrap:{type:Boolean,default:!1},hotkeys:{type:Boolean},showEmpty:{type:Boolean,default:!0}},emits:["update:modelValue","update:inputValue","update:popupVisible","change","input-value-change","clear","remove","search","exceedLimit","popup-visible-change","dropdown-scroll","dropdown-reach-bottom","select"],setup(i,{expose:p,emit:d}){const c=i,f=d,{allowClear:v,disabled:m,loading:h,searchDelay:y,showFooterOnEmpty:b,showHeaderOnEmpty:w,multiple:g,allowSearch:B,allowCreate:V,virtualListProps:C}=e.toRefs(c),k=e.ref(),x=e.ref(),{computedVisible:S,computedValue:q,computedInputValue:j,selectOptions:_,createOptions:N}=o().provide(c,f,k),z=e.computed(()=>{const e=g.value?q.value.length:String(q.value).length;return v.value&&!m.value&&!h.value&&!!e}),E=e.computed(()=>(!B.value||h.value)&&!V.value&&a.isUndefined(c.filterOption)),O=async(e,a="")=>{var o,r,t;switch(e){case"create":if(!V.value)return;if(N.value.find(e=>e==j.value))return;N.value.push({label:j.value,value:j.value}),B.value&&(null==(o=k.value)||o.blur());break;case"clear":q.value=g.value?[]:"",f("clear");break;case"search":await l.sleep(y.value),f("search",a);break;case"focus":if(m.value)return;if(S.value)return null==(r=k.value)?void 0:r.blur();S.value=!0,await l.sleep(0),null==(t=k.value)||t.focus();break;case"blur":S.value=!1;break;case"updateValue":q.value=a.map(e=>e.value)}};return p({focus(){var e;null==(e=k.value)||e.focus()},blur(){var e;null==(e=k.value)||e.blur()},getPopupRef:()=>x.value}),(l,a)=>(e.openBlock(),e.createBlock(e.unref(s),e.mergeProps({"popup-visible":e.unref(S),"onUpdate:popupVisible":a[14]||(a[14]=l=>e.isRef(S)?S.value=l:null),"unmount-on-close":l.unmountonClose,"popup-container":l.popupContainer,disabled:e.unref(m),"popup-offset":4,trigger:"focus",position:"bl","animation-name":"slide-dynamic-origin","need-transform-origin":"","auto-fit-popup-width":"","prevent-focus":"",ref_key:"popupRef",ref:x},l.triggerProps),{content:e.withCtx(()=>[e.createVNode(t,{loading:e.unref(h),scrollbar:l.scrollbar,"virtual-list-props":e.unref(C),"show-footer-on-empty":e.unref(b),"show-header-on-empty":e.unref(w)},null,8,["loading","scrollbar","virtual-list-props","show-footer-on-empty","show-header-on-empty"])]),default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-select",{"yc-select-allow-search":e.unref(B),"yc-select-allow-clear":z.value,"yc-select-no-border":!l.bordered},l.$attrs.class]),style:e.normalizeStyle(l.$attrs.style)},[e.renderSlot(l.$slots,"trigger",{},()=>{var o;return[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(n),{key:1,"input-value":e.unref(j),"onUpdate:inputValue":a[7]||(a[7]=l=>e.isRef(j)?j.value=l:null),"model-value":e.unref(_),placeholder:l.placeholder,readonly:E.value,disabled:e.unref(m),size:l.size,error:l.error,"max-tag-count":l.maxTagCount,"tag-nowrap":l.tagNowrap,ref_key:"inputRef",ref:k,onFocus:a[8]||(a[8]=e=>O("focus")),onBlur:a[9]||(a[9]=e=>O("blur")),onInput:a[10]||(a[10]=e=>O("search",e)),onRemove:a[11]||(a[11]=(e,a)=>l.$emit("remove",e,a)),onPressEnter:a[12]||(a[12]=e=>O("create")),"onUpdate:modelValue":a[13]||(a[13]=e=>O("updateValue",e))},{tag:e.withCtx(({tag:a})=>[l.$slots.label?e.renderSlot(l.$slots,"label",{key:0,data:a}):e.createCommentVNode("",!0)]),suffix:e.withCtx(()=>[e.createVNode(r,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":z.value,onClear:a[6]||(a[6]=e=>O("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["input-value","model-value","placeholder","readonly","disabled","size","error","max-tag-count","tag-nowrap"])):(e.openBlock(),e.createBlock(e.unref(u),{key:0,modelValue:e.unref(j),"onUpdate:modelValue":a[1]||(a[1]=l=>e.isRef(j)?j.value=l:null),"show-input":e.unref(S),readonly:E.value,disabled:e.unref(m),size:l.size,error:l.error,placeholder:(null==(o=e.unref(_)[0])?void 0:o.label)||"",ref_key:"inputRef",ref:k,onClick:a[2]||(a[2]=e=>O("focus")),onBlur:a[3]||(a[3]=e=>O("blur")),onInput:a[4]||(a[4]=e=>O("search",e)),onPressEnter:a[5]||(a[5]=e=>O("create"))},{label:e.withCtx(()=>[e.renderSlot(l.$slots,"label",{data:e.unref(_)[0]},()=>{var a;return[e.createElementVNode("span",{class:e.normalizeClass([{"yc-input-placeholder":!e.unref(_).length}])},e.toDisplayString((null==(a=e.unref(_)[0])?void 0:a.label)||l.placeholder),3)]})]),suffix:e.withCtx(()=>[e.createVNode(r,{"popup-visible":e.unref(S),"allow-search":e.unref(B),loading:e.unref(h),"show-clear-btn":z.value,onClear:a[0]||(a[0]=e=>O("clear"))},null,8,["popup-visible","allow-search","loading","show-clear-btn"])]),_:3},8,["modelValue","show-input","readonly","disabled","size","error","placeholder"]))]})],6)]),_:3},16,["popup-visible","unmount-on-close","popup-container","disabled"]))}});module.exports=i;

package/lib/Select/SelectIcon.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),n=require("../_shared/icons/IconArrowDown.vue.js"),c=;/* empty css                                          */,/* empty css                                           */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                                 */;/* empty css                                    */const r=require("../Spin/index.js"),t={class:"yc-select-suffix-icon"},s={key:0,class:"yc-select-search-icon"},l=e.defineComponent({__name:"SelectIcon",props:{loading:{type:Boolean},popupVisible:{type:Boolean},showClearBtn:{type:Boolean},allowSearch:{type:Boolean}},emits:["clear"],setup(l){const{slots:i}=o().inject(),a=e=>i[e];return(o,l)=>{const u=e.resolveComponent("icon-search");return o.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,size:12,class:"yc-select-loading-icon"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("loading-icon"))))]),key:"0"}:void 0]),1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",t,[e.unref(i)["arrow-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("arrow-icon")),{key:0})):(e.openBlock(),e.createBlock(e.unref(n),{key:1,rotate:o.popupVisible?180:0},null,8,["rotate"]))]),o.allowSearch?(e.openBlock(),e.createElementBlock("div",s,[e.unref(i)["search-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("search-icon")),{key:0})):(e.openBlock(),e.createBlock(u,{key:1}))])):e.createCommentVNode("",!0),o.showClearBtn?(e.openBlock(),e.createBlock(e.unref(c),{key:1,class:"yc-select-clear-icon",onClick:l[0]||(l[0]=e.withModifiers(e=>o.$emit("clear"),["stop"]))})):e.createCommentVNode("",!0)],64))}}});module.exports=l;
+"use strict";const e=require("vue"),o=require("./hooks/useContext.js"),n=require("../_shared/icons/IconArrowDown.vue.js"),c=;/* empty css                                           */,/* empty css                                          */require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js"),require("../_shared/utils/locale.js"),/* empty css                                                 */;/* empty css                                    */const r=require("../Spin/index.js"),t={class:"yc-select-suffix-icon"},s={key:0,class:"yc-select-search-icon"},l=e.defineComponent({__name:"SelectIcon",props:{loading:{type:Boolean},popupVisible:{type:Boolean},showClearBtn:{type:Boolean},allowSearch:{type:Boolean}},emits:["clear"],setup(l){const{slots:i}=o().inject(),a=e=>i[e];return(o,l)=>{const u=e.resolveComponent("icon-search");return o.loading?(e.openBlock(),e.createBlock(e.unref(r),{key:0,size:12,class:"yc-select-loading-icon"},e.createSlots({_:2},[o.$slots["loading-icon"]?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("loading-icon"))))]),key:"0"}:void 0]),1024)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",t,[e.unref(i)["arrow-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("arrow-icon")),{key:0})):(e.openBlock(),e.createBlock(e.unref(n),{key:1,rotate:o.popupVisible?180:0},null,8,["rotate"]))]),o.allowSearch?(e.openBlock(),e.createElementBlock("div",s,[e.unref(i)["search-icon"]?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(a("search-icon")),{key:0})):(e.openBlock(),e.createBlock(u,{key:1}))])):e.createCommentVNode("",!0),o.showClearBtn?(e.openBlock(),e.createBlock(e.unref(c),{key:1,class:"yc-select-clear-icon",onClick:l[0]||(l[0]=e.withModifiers(e=>o.$emit("clear"),["stop"]))})):e.createCommentVNode("",!0)],64))}}});module.exports=l;

package/lib/Select/SelectRealList.vue.js

@@ -1 +1 @@
-"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),r=require("./Option.vue.js");;/* empty css             */const t=require("./Optgroup.vue.js");;/* empty css               */const n=require("../Scrollbar/index.js"),a={class:"yc-select-dropdown-list"},s=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(s,{expose:i}){const{fieldKey:c,renderOptions:u,slots:p,emits:d}=o().inject(),k=e.ref(),f=e=>{if(p.option)return()=>{var l;return(null==(l=p.option)?void 0:l.call(p,{data:e}))||[]};const{render:o,label:r}=c.value;return l.getSlotFunction(e[o]?e[o]:e[r])};return i({getScrollRef(){var e;return null==(e=k.value)?void 0:e.getScrollRef()}}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),{scrollbar:l.scrollbar,class:"yc-select-dropdown-list-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p).default))),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.id},[l.isGroup?(e.openBlock(),e.createBlock(t,{key:0,label:l.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,l=>(e.openBlock(),e.createBlock(r,{key:l[e.unref(c).value],value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))),128))]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(r,{key:1,value:l[e.unref(c).value],disabled:l[e.unref(c).disabled],"tag-props":l[e.unref(c).tagProps],"is-fallback-option":l[e.unref(c).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(f(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))],64))),128))])]),_:1},8,["scrollbar"]))}});module.exports=s;
+"use strict";const e=require("vue");require("../node_modules/tinycolor2/esm/tinycolor.js"),require("../_shared/utils/dom.js"),require("../_shared/utils/time.js");const l=require("../_shared/utils/vue-utils.js");require("../_shared/utils/locale.js");const o=require("./hooks/useContext.js"),r=require("./Option.vue.js");;/* empty css             */const t=require("./Optgroup.vue.js");;/* empty css               */const n=require("../Scrollbar/index.js"),a={class:"yc-select-dropdown-list"},s=e.defineComponent({__name:"SelectRealList",props:{scrollbar:{type:Boolean}},setup(s,{expose:c}){const{fieldKey:i,renderOptions:u,slots:p}=o().inject(),d=e.ref(),k=e=>{if(p.option)return()=>{var l;return(null==(l=p.option)?void 0:l.call(p,{data:e}))||[]};const{render:o,label:r}=i.value;return l.getSlotFunction(e[o]?e[o]:e[r])};return c({getScrollRef(){var e;return null==(e=d.value)?void 0:e.getScrollRef()}}),(l,o)=>(e.openBlock(),e.createBlock(e.unref(n),{scrollbar:l.scrollbar,class:"yc-select-dropdown-list-wrapper"},{default:e.withCtx(()=>[e.createElementVNode("div",a,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p).default))),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(u),l=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:l.id},[l.isGroup?(e.openBlock(),e.createBlock(t,{key:0,label:l.label},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.options,l=>(e.openBlock(),e.createBlock(r,{key:l[e.unref(i).value],value:l[e.unref(i).value],disabled:l[e.unref(i).disabled],"tag-props":l[e.unref(i).tagProps],"is-fallback-option":l[e.unref(i).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))),128))]),_:2},1032,["label"])):(e.openBlock(),e.createBlock(r,{key:1,value:l[e.unref(i).value],disabled:l[e.unref(i).disabled],"tag-props":l[e.unref(i).tagProps],"is-fallback-option":l[e.unref(i).isFallbackOption]},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(k(l))))]),_:2},1032,["value","disabled","tag-props","is-fallback-option"]))],64))),128))])]),_:1},8,["scrollbar"]))}});module.exports=s;

package/lib/Select/hooks/useContext.d.ts

@@ -1,7 +1,7 @@
 import { Ref, Slots } from 'vue';
-import { SelectValue, SelectOptionData, SelectEmits, OptionValue } from '../type';
+import { SelectValue, SelectOptionData, SelectEmits, SelectOptionValue } from '../type';
 import { InputInstance } from '../../Input';
-import { ObjectData, Props } from '../../_shared/type';
+import { RecordType } from '../../_shared/type';
 type SelectContext = {
     computedValue: Ref<SelectValue | undefined>;
     computedInputValue: Ref<string>;
@@ -9,34 +9,34 @@ type SelectContext = {
     limit: Ref<number>;
     curIndex: Ref<number>;
     options: Ref<SelectOptionData[]>;
-    renderOptions: Ref<ObjectData[]>;
+    renderOptions: Ref<RecordType[]>;
     fieldKey: Ref<Record<string, string>>;
     isEmpty: Ref<boolean>;
     slots: Slots;
     blur: () => void;
     filterOption: (option: SelectOptionData) => boolean;
-    getValue: (value: OptionValue | ObjectData) => OptionValue;
-    collectOption: (props: Props, optionLabel: Ref<string>) => void;
+    getValue: (value: SelectOptionValue | RecordType) => SelectOptionValue;
+    collectOption: (props: RecordType, optionLabel: Ref<string>) => void;
     emits: SelectEmits;
 };
 declare const _default: () => {
-    provide: (props: Props, emits: SelectEmits, inputRef: Ref<InputInstance | undefined>) => {
+    provide: (props: RecordType, emits: SelectEmits, inputRef: Ref<InputInstance | undefined>) => {
         computedVisible: import('vue').WritableComputedRef<boolean, boolean>;
         computedValue: import('vue').WritableComputedRef<SelectValue, SelectValue>;
         computedInputValue: import('vue').WritableComputedRef<string, string>;
         selectOptions: import('vue').ComputedRef<{
             id: string;
-            label: OptionValue | undefined;
+            label: SelectOptionValue | undefined;
             render?: import('../../_shared/type').RenderContent;
-            value?: OptionValue;
+            value?: SelectOptionValue;
             disabled?: boolean;
             tagProps?: import('../..').TagProps;
             isFallbackOption?: boolean;
         }[]>;
         createOptions: Ref<{
-            render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+            render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
             label?: string | undefined;
-            value?: OptionValue | undefined;
+            value?: SelectOptionValue | undefined;
             disabled?: boolean | undefined;
             tagProps?: {
                 color?: string | undefined;
@@ -54,9 +54,9 @@ declare const _default: () => {
             id?: string | undefined;
             isFallbackOption?: boolean | undefined;
         }[], SelectOptionData[] | {
-            render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+            render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
             label?: string | undefined;
-            value?: OptionValue | undefined;
+            value?: SelectOptionValue | undefined;
             disabled?: boolean | undefined;
             tagProps?: {
                 color?: string | undefined;
@@ -74,7 +74,7 @@ declare const _default: () => {
             id?: string | undefined;
             isFallbackOption?: boolean | undefined;
         }[]>;
-        options: import('vue').ComputedRef<ObjectData[]>;
+        options: import('vue').ComputedRef<RecordType[]>;
     };
     inject: () => SelectContext;
 };

package/lib/Select/hooks/useSelectOptions.d.ts

@@ -1,20 +1,20 @@
 import { Ref } from 'vue';
-import { ObjectData, Props } from '../../_shared/type';
-import { SelectValue, SelectOption, FallbackOption, FormatLabel, SelectOptionData, OptionValue } from '../index';
+import { RecordType } from '../../_shared/type';
+import { SelectProps, SelectValue, SelectOption, SelectOptionData, SelectOptionValue } from '../index';
 declare const _default: (params: {
     multiple: Ref<boolean>;
     computedValue: Ref<SelectValue>;
     provideOptions: Ref<SelectOption[]>;
     showExtraOptions: Ref<boolean>;
-    getValue: (value: OptionValue) => OptionValue;
-    fallbackOption?: FallbackOption;
-    formatLabel?: FormatLabel;
+    getValue: (value: SelectOptionValue) => SelectOptionValue;
+    fallbackOption?: SelectProps["fallbackOption"];
+    formatLabel?: SelectProps["formatLabel"];
 }) => {
-    options: import('vue').ComputedRef<ObjectData[]>;
+    options: import('vue').ComputedRef<RecordType[]>;
     createOptions: Ref<{
-        render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+        render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
         label?: string | undefined;
-        value?: OptionValue | undefined;
+        value?: SelectOptionValue | undefined;
         disabled?: boolean | undefined;
         tagProps?: {
             color?: string | undefined;
@@ -32,9 +32,9 @@ declare const _default: (params: {
         id?: string | undefined;
         isFallbackOption?: boolean | undefined;
     }[], SelectOptionData[] | {
-        render?: string | import('vue').RenderFunction | ObjectData[] | undefined;
+        render?: string | import('vue').RenderFunction | RecordType<any>[] | undefined;
         label?: string | undefined;
-        value?: OptionValue | undefined;
+        value?: SelectOptionValue | undefined;
         disabled?: boolean | undefined;
         tagProps?: {
             color?: string | undefined;
@@ -55,13 +55,13 @@ declare const _default: (params: {
     renderOptions: import('vue').ComputedRef<SelectOption[]>;
     selectOptions: import('vue').ComputedRef<{
         id: string;
-        label: OptionValue | undefined;
+        label: SelectOptionValue | undefined;
         render?: import('../../_shared/type').RenderContent;
-        value?: OptionValue;
+        value?: SelectOptionValue;
         disabled?: boolean;
         tagProps?: import('../..').TagProps;
         isFallbackOption?: boolean;
     }[]>;
-    collectOption: (props: Props, optionLabel: Ref<string>) => void;
+    collectOption: (props: RecordType, optionLabel: Ref<string>) => void;
 };
 export default _default;

package/lib/Select/index.d.ts

@@ -12,13 +12,13 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').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('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+        onExceedLimit?: ((value: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
     }>, {
@@ -30,13 +30,13 @@ declare const Select: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
         clear: () => any;
-        select: (value: import('./type').OptionValue) => any;
+        select: (value: import('./type').SelectOptionValue) => any;
         search: (value: string) => any;
         "update:modelValue": (value: import('./type').SelectValue) => any;
         "update:inputValue": (value: string) => any;
         "input-value-change": (value: string) => any;
         remove: (index: string | number, ev: Event) => any;
-        exceedLimit: (value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any;
+        exceedLimit: (value: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any;
         "dropdown-scroll": (ev: Event) => any;
         "dropdown-reach-bottom": (ev: Event) => any;
     }, import('vue').PublicProps, {
@@ -65,7 +65,7 @@ declare const Select: {
         showEmpty: boolean;
         allowCreate: boolean;
         maxTagCount: number;
-        filterOption: import('./type').FilterOption;
+        filterOption: boolean | import('..').FilterOption<import('./type').SelectOptionData>;
         virtualListProps: import('./type').VirtualListProps;
         triggerProps: import('..').TriggerProps;
         searchDelay: number;
@@ -80,7 +80,7 @@ declare const Select: {
                 readonly popupVisible?: boolean | undefined;
                 readonly defaultPopupVisible?: boolean | undefined;
                 readonly trigger?: import('..').TriggerType | undefined;
-                readonly position?: import('..').TriggerPostion | undefined;
+                readonly position?: import('..').PopupPosition | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly popupOffset?: number | undefined;
                 readonly popupTranslate?: number[] | undefined;
@@ -90,9 +90,9 @@ declare const Select: {
                 readonly clickToClose?: boolean | undefined;
                 readonly clickOutsideToClose?: boolean | undefined;
                 readonly unmountOnClose?: boolean | undefined;
-                readonly contentClass?: import('../_shared/type').ClassName | undefined;
+                readonly contentClass?: import('..').ClassName | undefined;
                 readonly contentStyle?: import('vue').CSSProperties | undefined;
-                readonly arrowClass?: import('../_shared/type').ClassName | undefined;
+                readonly arrowClass?: import('..').ClassName | undefined;
                 readonly arrowStyle?: import('vue').CSSProperties | undefined;
                 readonly animationName?: string | undefined;
                 readonly duration?: number | undefined;
@@ -226,14 +226,14 @@ declare const Select: {
                 scrollToClose: boolean;
                 autoSetPosition: boolean;
                 alignPoint: boolean;
-                position: import('..').TriggerPostion;
+                position: import('..').PopupPosition;
                 popupOffset: number;
                 popupTranslate: number[];
                 showArrow: boolean;
                 unmountOnClose: boolean;
-                contentClass: import('../_shared/type').ClassName;
+                contentClass: import('..').ClassName;
                 contentStyle: import('vue').CSSProperties;
-                arrowClass: import('../_shared/type').ClassName;
+                arrowClass: import('..').ClassName;
                 arrowStyle: import('vue').CSSProperties;
                 animationName: string;
                 duration: number;
@@ -280,14 +280,14 @@ declare const Select: {
             scrollToClose: boolean;
             autoSetPosition: boolean;
             alignPoint: boolean;
-            position: import('..').TriggerPostion;
+            position: import('..').PopupPosition;
             popupOffset: number;
             popupTranslate: number[];
             showArrow: boolean;
             unmountOnClose: boolean;
-            contentClass: import('../_shared/type').ClassName;
+            contentClass: import('..').ClassName;
             contentStyle: import('vue').CSSProperties;
-            arrowClass: import('../_shared/type').ClassName;
+            arrowClass: import('..').ClassName;
             arrowStyle: import('vue').CSSProperties;
             animationName: string;
             duration: number;
@@ -327,7 +327,7 @@ declare const Select: {
                 readonly size?: import('..').Size | undefined;
                 readonly maxTagCount?: number | undefined;
                 readonly retainInputValue?: import('..').InputRetainValue | undefined;
-                readonly formatTag?: import('..').FormatTag | undefined;
+                readonly formatTag?: import('..').Format<import('..').TagData> | undefined;
                 readonly uniqueValue?: boolean | undefined;
                 readonly tagNowrap?: boolean | undefined;
                 readonly fieldNames?: Record<string, string> | undefined;
@@ -464,13 +464,13 @@ declare const Select: {
         "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
         "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
         onClear?: (() => any) | undefined;
-        onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         "onUpdate:modelValue"?: ((value: import('./type').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('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+        onExceedLimit?: ((value: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
         "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
     }>, {
@@ -503,7 +503,7 @@ declare const Select: {
         showEmpty: boolean;
         allowCreate: boolean;
         maxTagCount: number;
-        filterOption: import('./type').FilterOption;
+        filterOption: boolean | import('..').FilterOption<import('./type').SelectOptionData>;
         virtualListProps: import('./type').VirtualListProps;
         triggerProps: import('..').TriggerProps;
         searchDelay: number;
@@ -519,13 +519,13 @@ declare const Select: {
     "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
     "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: import('./type').OptionValue) => any) | undefined;
+    onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./type').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('./type').OptionValue, ev?: MouseEvent | undefined) => any) | undefined;
+    onExceedLimit?: ((value: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
@@ -537,13 +537,13 @@ declare const Select: {
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').OptionValue) => any;
+    select: (value: import('./type').SelectOptionValue) => any;
     search: (value: string) => any;
     "update:modelValue": (value: import('./type').SelectValue) => any;
     "update:inputValue": (value: string) => any;
     "input-value-change": (value: string) => any;
     remove: (index: string | number, ev: Event) => any;
-    exceedLimit: (value: import('./type').OptionValue, ev?: MouseEvent | undefined) => any;
+    exceedLimit: (value: import('./type').SelectOptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, {
@@ -572,7 +572,7 @@ declare const Select: {
     showEmpty: boolean;
     allowCreate: boolean;
     maxTagCount: number;
-    filterOption: import('./type').FilterOption;
+    filterOption: boolean | import('..').FilterOption<import('./type').SelectOptionData>;
     virtualListProps: import('./type').VirtualListProps;
     triggerProps: import('..').TriggerProps;
     searchDelay: number;
@@ -585,7 +585,7 @@ declare const Select: {
     option: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
             disabled: boolean;
-            value: import('./type').OptionValue;
+            value: import('./type').SelectOptionValue;
             label: string;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -599,7 +599,7 @@ declare const Select: {
             Defaults: {};
         }, Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
             disabled: boolean;
-            value: import('./type').OptionValue;
+            value: import('./type').SelectOptionValue;
             label: string;
             isFallbackOption: boolean;
         }>;
@@ -608,7 +608,7 @@ declare const Select: {
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
         disabled: boolean;
-        value: import('./type').OptionValue;
+        value: import('./type').SelectOptionValue;
         label: string;
         isFallbackOption: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {