yc-design-vue 2.0.2 → 2.0.4

package/es/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/es/Select/hooks/useContext.js

@@ -1,10 +1,6 @@
 import { toRefs, computed, provide, useSlots, inject, ref } from "vue";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
+import { useControlValue } from "../../_shared/utils/control.js";
 import { isBoolean, isFunction } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
-import useControlValue from "../../_shared/utils/control.js";
 import useSelectOptions from "./useSelectOptions.js";
 import useSelectHotkeys from "./useSelectHotkeys.js";
 const SELECT_CONTEXT_KEY = "select-context";

package/es/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/es/Select/hooks/useSelectOptions.js

@@ -1,10 +1,6 @@
 import { reactive, computed, ref, onMounted } from "vue";
 import { nanoid } from "../../node_modules/nanoid/index.browser.js";
-import "../../node_modules/tinycolor2/esm/tinycolor.js";
-import "../../_shared/utils/dom.js";
 import { isUndefined, isNull, isString, isObject } from "../../_shared/utils/is.js";
-import "../../_shared/utils/time.js";
-import "../../_shared/utils/locale.js";
 const useSelectOptions = (params) => {
   const {
     computedValue,

package/es/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;
         onSearch?: ((value: string) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+        onRemove?: ((index: string | number, ev: Event) => 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,22 +30,22 @@ declare const Select: {
         "update:popupVisible": (value: boolean) => any;
         "popup-visible-change": (value: boolean) => any;
         clear: () => any;
-        select: (value: import('./type').OptionValue) => any;
         search: (value: string) => any;
+        select: (value: import('./type').SelectOptionValue) => any;
+        remove: (index: string | number, ev: Event) => 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, {
         size: import('..').Size;
+        error: boolean;
+        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        popupContainer: import('..').PopupContainer;
-        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
         placeholder: string;
@@ -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;
@@ -182,7 +182,7 @@ declare const Select: {
                 }> & Omit<Readonly<{
                     preventFocus?: boolean;
                     tag?: string;
-                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+                }> & Readonly<{}>, "preventFocus" | "tag"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
                     $slots: {
                         default?(_: {}): any;
                     };
@@ -212,6 +212,8 @@ declare const Select: {
                 show: () => any;
                 hide: () => any;
             }, string, {
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('..').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -226,21 +228,19 @@ 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;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -266,6 +266,8 @@ declare const Select: {
             $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;
@@ -280,21 +282,19 @@ 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;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -304,12 +304,12 @@ declare const Select: {
             "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
             onShow?: (() => any) | undefined;
             onHide?: (() => any) | undefined;
-        }>, "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<{
+        }>, "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<{
             hide(): void;
             show(): void;
             updatePosition(x: number, y: number): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('..').TriggerSlots> & import('..').TriggerSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -327,19 +327,19 @@ 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;
                 readonly allowCreate?: boolean | undefined;
                 readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev: MouseEvent) => any) | undefined;
-                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
                 readonly onInput?: ((value: string) => any) | undefined;
+                readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                 readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 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: {
@@ -357,17 +357,17 @@ declare const Select: {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "input", value: string) => void) & ((event: "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);
+            $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
                 onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
-                onBlur?: ((ev: FocusEvent) => any) | undefined;
                 onInput?: ((value: string) => any) | undefined;
+                onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
             }>, {
                 focus(): void;
@@ -375,17 +375,17 @@ declare const Select: {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 focus: (ev: FocusEvent) => any;
                 clear: (ev: MouseEvent) => any;
-                blur: (ev: FocusEvent) => any;
                 input: (value: string) => any;
+                blur: (ev: FocusEvent) => any;
+                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "update:modelValue": (value: import('..').InputTagValue) => any;
                 "update:inputValue": (value: string) => any;
                 "input-value-change": (value: string, ev: Event) => any;
-                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "press-enter": (ev: KeyboardEvent) => any;
             }, string, {
                 size: import('..').Size;
-                disabled: boolean;
                 error: boolean;
+                disabled: boolean;
                 placeholder: string;
                 modelValue: import('..').InputTagValue;
                 defaultValue: import('..').InputTagValue;
@@ -421,8 +421,8 @@ declare const Select: {
             $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<{
             size: import('..').Size;
-            disabled: boolean;
             error: boolean;
+            disabled: boolean;
             placeholder: string;
             modelValue: import('..').InputTagValue;
             defaultValue: import('..').InputTagValue;
@@ -439,18 +439,18 @@ declare const Select: {
         }> & Omit<Readonly<import('..').InputTagProps> & Readonly<{
             onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev: MouseEvent) => any) | undefined;
-            onBlur?: ((ev: FocusEvent) => any) | undefined;
             onInput?: ((value: string) => any) | undefined;
+            onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
-            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-        }>, "focus" | "blur" | ("size" | "disabled" | "error" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+        }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('..').InputTagSlots> & import('..').InputTagSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
     }, any, import('vue').ComponentProvideOptions, {
         P: {};
@@ -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;
         onSearch?: ((value: string) => any) | undefined;
+        onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+        onRemove?: ((index: string | number, ev: Event) => 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;
     }>, {
@@ -479,11 +479,11 @@ declare const Select: {
         getPopupRef(): import('..').TriggerInstance;
     }, {}, {}, {}, {
         size: import('..').Size;
+        error: boolean;
+        popupContainer: import('..').PopupContainer;
         popupVisible: boolean;
         defaultPopupVisible: boolean;
         disabled: boolean;
-        popupContainer: import('..').PopupContainer;
-        error: boolean;
         scrollbar: boolean;
         multiple: boolean;
         placeholder: string;
@@ -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;
     onSearch?: ((value: string) => any) | undefined;
+    onSelect?: ((value: import('./type').SelectOptionValue) => any) | undefined;
+    onRemove?: ((index: string | number, ev: Event) => 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,22 +537,22 @@ declare const Select: {
     "update:popupVisible": (value: boolean) => any;
     "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: import('./type').OptionValue) => any;
     search: (value: string) => any;
+    select: (value: import('./type').SelectOptionValue) => any;
+    remove: (index: string | number, ev: Event) => 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, {
     size: import('..').Size;
+    error: boolean;
+    popupContainer: import('..').PopupContainer;
     popupVisible: boolean;
     defaultPopupVisible: boolean;
     disabled: boolean;
-    popupContainer: import('..').PopupContainer;
-    error: boolean;
     scrollbar: boolean;
     multiple: boolean;
     placeholder: 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;
@@ -580,13 +580,13 @@ declare const Select: {
     showFooterOnEmpty: boolean;
     tagNowrap: boolean;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-    $slots: Readonly<import('./type').SelectSlots> & import('./type').SelectSlots;
+    $slots: any;
 }) & {
     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;
             label: string;
+            disabled: boolean;
+            value: import('./type').SelectOptionValue;
             isFallbackOption: boolean;
         }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             contentRef: HTMLDivElement;
@@ -598,21 +598,21 @@ declare const Select: {
             M: {};
             Defaults: {};
         }, Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, {
-            disabled: boolean;
-            value: import('./type').OptionValue;
             label: string;
+            disabled: boolean;
+            value: import('./type').SelectOptionValue;
             isFallbackOption: boolean;
         }>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import('vue').ComponentOptionsBase<Readonly<import('./type').OptionProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-        disabled: boolean;
-        value: import('./type').OptionValue;
         label: string;
+        disabled: boolean;
+        value: import('./type').SelectOptionValue;
         isFallbackOption: boolean;
     }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
-        $slots: Readonly<import('./type').OptionSlots> & import('./type').OptionSlots;
+        $slots: any;
     });
     group: {
         new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./type').OptgroupProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {

package/es/Select/type.d.ts

@@ -1,4 +1,4 @@
-import { ObjectData, RenderContent, Size, PopupContainer } from '../_shared/type';
+import { RecordType, RenderContent, Size, PopupContainer, FilterOption, Format, FallBack } from '../_shared/type';
 import { TriggerInstance, TriggerProps } from '../Trigger';
 import { TagProps } from '../Tag';
 import { VNode } from 'vue';
@@ -22,12 +22,12 @@ export interface SelectProps {
     popupVisible?: boolean;
     defaultPopupVisible?: boolean;
     unmountonClose?: boolean;
-    filterOption?: FilterOption;
+    filterOption?: boolean | FilterOption<SelectOptionData>;
     options?: SelectOption[];
     virtualListProps?: VirtualListProps;
     triggerProps?: TriggerProps;
-    formatLabel?: FormatLabel;
-    fallbackOption?: FallbackOption;
+    formatLabel?: Format<SelectOptionData>;
+    fallbackOption?: FallBack<SelectOptionValue, SelectOptionData>;
     showExtraOptions?: boolean;
     valueKey?: string;
     searchDelay?: number;
@@ -49,11 +49,11 @@ export interface SelectEmits {
     (e: 'clear'): void;
     (e: 'remove', index: number | string, ev: Event): void;
     (e: 'search', value: string): void;
-    (e: 'exceedLimit', value: OptionValue, ev?: MouseEvent): void;
+    (e: 'exceedLimit', value: SelectOptionValue, ev?: MouseEvent): void;
     (e: 'popup-visible-change', value: boolean): void;
     (e: 'dropdown-scroll', ev: Event): void;
     (e: 'dropdown-reach-bottom', ev: Event): void;
-    (e: 'select', value: OptionValue): void;
+    (e: 'select', value: SelectOptionValue): void;
 }
 export interface SelectSlots {
     default?: () => VNode[];
@@ -65,10 +65,10 @@ export interface SelectSlots {
     footer?: () => VNode[];
     header?: () => VNode[];
     label?: (scope: {
-        data: ObjectData;
+        data: RecordType;
     }) => VNode[];
     option?: (scope: {
-        data: ObjectData;
+        data: RecordType;
     }) => VNode[];
     empty?: () => VNode[];
 }
@@ -79,7 +79,7 @@ export interface SelectExpose {
 }
 export interface OptionProps {
     label?: string;
-    value?: OptionValue;
+    value?: SelectOptionValue;
     disabled?: boolean;
     tagProps?: TagProps;
     id?: string;
@@ -97,8 +97,8 @@ export interface OptgroupSlots {
     default?: () => VNode[];
     label?: () => VNode[];
 }
-export type OptionValue = string | number | boolean | ObjectData;
-export type SelectValue = OptionValue | OptionValue[];
+export type SelectOptionValue = string | number | boolean | RecordType;
+export type SelectValue = SelectOptionValue | SelectOptionValue[];
 export type SelectOptionData = {
     render?: RenderContent;
 } & OptionProps;
@@ -108,12 +108,9 @@ export type SelectOptionGroup = {
     isGroup?: true;
     options?: SelectOptionData[];
 };
-export type SelectOption = OptionValue | SelectOptionData | SelectOptionGroup | ObjectData;
-export type FilterOption = boolean | ((inputValue: string, option: SelectOptionData) => boolean);
-export type FallbackOption = (value: OptionValue) => SelectOptionData;
-export type FormatLabel = (data: SelectOptionData) => string;
+export type SelectOption = SelectOptionValue | SelectOptionData | SelectOptionGroup | RecordType;
 export type VirtualListProps = {
     itemHeight?: number;
-    buffer?: number;
     threshold?: number;
+    buffer?: number;
 };