yc-design-vue 2.0.3 → 2.0.5

package/es/Result/index.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, createElementBlock, openBlock, createCommentVNode, unref, normalizeClass, createElementVNode, renderSlot, Fragment, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, useSlots, toRefs, createElementBlock, openBlock, createCommentVNode, unref, normalizeClass, createElementVNode, renderSlot, Fragment, createBlock, resolveDynamicComponent, createTextVNode, toDisplayString } from "vue";
 import { TYPE_ICON_MAP } from "../_shared/constants/index.js";
 const _hoisted_1 = { class: "yc-result" };
 const _hoisted_2 = { class: "yc-result-icon-tip" };
@@ -30,11 +30,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     subtitle: { default: "" }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { status } = toRefs(props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.$slots.icon || unref(status) ? (openBlock(), createElementBlock("div", {
+        $slots.icon || unref(status) ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["yc-result-icon", `yc-result-icon-${unref(status)}`])
         }, [
@@ -49,20 +50,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           ])
         ], 2)) : createCommentVNode("", true),
-        _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        $slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_4, [
           renderSlot(_ctx.$slots, "title", {}, () => [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ])
         ])) : createCommentVNode("", true),
-        _ctx.$slots.subtitle || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        $slots.subtitle || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_5, [
           renderSlot(_ctx.$slots, "subtitle", {}, () => [
             createTextVNode(toDisplayString(_ctx.subtitle), 1)
           ])
         ])) : createCommentVNode("", true),
-        _ctx.$slots.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
+        $slots.extra ? (openBlock(), createElementBlock("div", _hoisted_6, [
           renderSlot(_ctx.$slots, "extra")
         ])) : createCommentVNode("", true),
-        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        $slots.default ? (openBlock(), createElementBlock("div", _hoisted_7, [
           renderSlot(_ctx.$slots, "default")
         ])) : createCommentVNode("", true)
       ]);

package/es/Scrollbar/Scrollbar.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_component: import('vue').DefineComponent<ScrollbarProps, {
 }, string, import('vue').PublicProps, Readonly<ScrollbarProps> & Readonly<{
     onScroll?: ((left: number, top: number, ev: Event) => any) | undefined;
 }>, {
-    scrollbar: boolean;
     type: import('./type').TackType;
+    scrollbar: boolean;
     outerClass: import('..').ClassName;
     outerStyle: import('vue').CSSProperties;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

package/es/Scrollbar/Scrollbar.vue.js

@@ -1,12 +1,9 @@
 import { defineComponent, toRefs, ref, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createElementVNode, createBlock, createCommentVNode, renderSlot } from "vue";
 import { useResizeObserver, useElementSize } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { isVerticallyScrollable, isHorizontallyScrollable } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
 import _sfc_main$1 from "./ScrollbarTrack.vue.js";
 /* empty css                    */
-import useContext from "./hooks/useContext.js";
+import useScrollbarContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "Scrollbar",
@@ -129,7 +126,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const track = hasVerticalBar2.value ? trackWidth2.value : 0;
         return scrollWidth2.value - thumbWidth.value - track;
       });
-      useContext().provide({
+      useScrollbarContext().provide({
         curLeft: curLeft2,
         curTop: curTop2,
         movableLeft: movableLeft2,

package/es/Scrollbar/ScrollbarTrack.vue.js

@@ -1,10 +1,7 @@
 import { defineComponent, toRefs, computed, ref, watchEffect, createElementBlock, openBlock, withModifiers, normalizeClass, unref, createElementVNode, normalizeStyle } from "vue";
 import { useResizeObserver, useDraggable } from "../node_modules/@vueuse/core/index.js";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
 import { valueToPx } from "../_shared/utils/dom.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import useScrollbarContext from "./hooks/useContext.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ScrollbarTrack",
   props: {
@@ -24,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       curTop,
       curLeft,
       isDragging: _isDragging
-    } = useContext().inject();
+    } = useScrollbarContext().inject();
     const isVertical = computed(() => direction.value == "vertical");
     const thmubStyle = computed(() => {
       return isVertical.value ? {

package/es/Scrollbar/hooks/useContext.d.ts

@@ -9,8 +9,8 @@ type ScrollbarContext = {
     isDragging: Ref<boolean>;
     scrollRef: Ref<HTMLDivElement | undefined>;
 };
-declare const _default: () => {
+export default function useScrollbarContext(): {
     provide: (params: ScrollbarContext) => void;
     inject: () => ScrollbarContext;
 };
-export default _default;
+export {};

package/es/Scrollbar/hooks/useContext.js

@@ -1,6 +1,6 @@
 import { provide, inject, ref } from "vue";
 const SCROLLBAR_CONTEXT_KEY = "scrollbar-context";
-const useContext = () => {
+function useScrollbarContext() {
   const provide$1 = (params) => {
     provide(SCROLLBAR_CONTEXT_KEY, params);
   };
@@ -20,7 +20,7 @@ const useContext = () => {
     provide: provide$1,
     inject: inject$1
   };
-};
+}
 export {
-  useContext as default
+  useScrollbarContext as default
 };

package/es/Scrollbar/index.d.ts

@@ -13,8 +13,8 @@ declare const Scrollbar: {
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         scroll: (left: number, top: number, ev: Event) => any;
     }, import('vue').PublicProps, {
-        scrollbar: boolean;
         type: import('./type').TackType;
+        scrollbar: boolean;
         outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -35,8 +35,8 @@ declare const Scrollbar: {
         scrollTop(top: number): void;
         getScrollRef(): HTMLDivElement;
     }, {}, {}, {}, {
-        scrollbar: boolean;
         type: import('./type').TackType;
+        scrollbar: boolean;
         outerClass: import('..').ClassName;
         outerStyle: import('vue').CSSProperties;
     }>;
@@ -53,8 +53,8 @@ declare const Scrollbar: {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     scroll: (left: number, top: number, ev: Event) => any;
 }, string, {
-    scrollbar: boolean;
     type: import('./type').TackType;
+    scrollbar: boolean;
     outerClass: import('..').ClassName;
     outerStyle: import('vue').CSSProperties;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {

package/es/Select/Option.vue.d.ts

@@ -1,7 +1,7 @@
-import { OptionProps, OptionSlots } from './type';
+import { OptionProps } from './type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<OptionSlots> & OptionSlots;
+    slots: any;
     refs: {
         contentRef: HTMLDivElement;
     };
@@ -9,9 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<OptionProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OptionProps> & Readonly<{}>, {
+    label: string;
     disabled: boolean;
     value: import('./type').SelectOptionValue;
-    label: string;
     isFallbackOption: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     contentRef: HTMLDivElement;

package/es/Select/Option.vue.js

@@ -1,10 +1,7 @@
-import { defineComponent, toRefs, ref, computed, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, withCtx, createElementVNode, createTextVNode, toDisplayString, vShow } from "vue";
-import "../node_modules/tinycolor2/esm/tinycolor.js";
-import { getDomText } from "../_shared/utils/dom.js";
+import { defineComponent, useSlots, toRefs, ref, computed, withDirectives, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, renderSlot, withCtx, createElementVNode, createTextVNode, toDisplayString, vShow } from "vue";
 import { isUndefined } from "../_shared/utils/is.js";
-import "../_shared/utils/time.js";
-import "../_shared/utils/locale.js";
-import useContext from "./hooks/useContext.js";
+import { getDomText } from "../_shared/utils/dom.js";
+import useSelectContext from "./hooks/useContext.js";
 import Checkbox from "../Checkbox/index.js";
 const _hoisted_1 = {
   key: 0,
@@ -28,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isFallbackOption: { type: Boolean, default: false }
   },
   setup(__props) {
+    const $slots = useSlots();
     const props = __props;
     const { label, disabled } = toRefs(props);
     const {
@@ -41,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getValue,
       emits,
       collectOption
-    } = useContext().inject();
+    } = useSelectContext().inject();
     const contentRef = ref();
     const optionValue = computed(() => {
       return `${props.value}` ? props.value : getDomText(contentRef);
@@ -87,7 +85,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }
         ])
       }, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        $slots.icon ? (openBlock(), createElementBlock("div", _hoisted_1, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
         unref(multiple) ? (openBlock(), createBlock(unref(Checkbox), {
@@ -119,7 +117,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(unref(label)), 1)
           ])
         ], 512)),
-        _ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_2, [
+        $slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_2, [
           renderSlot(_ctx.$slots, "suffix")
         ])) : createCommentVNode("", true)
       ], 2)), [

package/es/Select/Select.vue.d.ts

@@ -1,9 +1,9 @@
-import { SelectProps, SelectSlots, SelectOptionValue } from './type';
+import { SelectProps, SelectOptionValue } from './type';
 import { InputTagValue, TagData } from '../InputTag';
 import { TriggerInstance } from '../Trigger';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<SelectSlots> & SelectSlots;
+    slots: any;
     refs: {
         popupRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -114,7 +114,7 @@ declare function __VLS_template(): {
                 }> & 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;
                     };
@@ -144,6 +144,8 @@ declare function __VLS_template(): {
                 show: () => any;
                 hide: () => any;
             }, string, {
+                popupContainer: import('..').PopupContainer;
+                renderToBody: boolean;
                 trigger: import('../Trigger').TriggerType;
                 mouseEnterDelay: number;
                 popupVisible: boolean;
@@ -171,8 +173,6 @@ declare function __VLS_template(): {
                 duration: number;
                 autoFitPopupWidth: boolean;
                 autoFitPopupMinWidth: boolean;
-                popupContainer: import('..').PopupContainer;
-                renderToBody: boolean;
                 autoFitPosition: boolean;
                 updateAtScroll: boolean;
                 preventFocus: boolean;
@@ -198,6 +198,8 @@ declare function __VLS_template(): {
             $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('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -225,8 +227,6 @@ declare function __VLS_template(): {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -236,12 +236,12 @@ declare function __VLS_template(): {
             "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('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
         inputRef: ({
             $: import('vue').ComponentInternalInstance;
@@ -264,14 +264,14 @@ declare function __VLS_template(): {
                 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 onFocus?: ((ev: FocusEvent) => any) | undefined;
+                readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: 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: {
@@ -289,35 +289,35 @@ declare function __VLS_template(): {
             $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: 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: "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: 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('../InputTag').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;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
+                onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: 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;
-                blur: (ev: FocusEvent) => any;
                 input: (value: string) => any;
+                blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
+                remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                 "update:modelValue": (value: 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: InputTagValue;
                 defaultValue: InputTagValue;
@@ -353,8 +353,8 @@ declare function __VLS_template(): {
             $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: InputTagValue;
             defaultValue: InputTagValue;
@@ -369,20 +369,20 @@ declare function __VLS_template(): {
             retainInputValue: import('../InputTag').InputRetainValue;
             uniqueValue: boolean;
         }> & Omit<Readonly<import('../InputTag').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;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: 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<{
+        }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('../InputTag').InputTagSlots> & import('../InputTag').InputTagSlots;
+        }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+            $slots: any;
         }) | null;
     };
     rootEl: any;
@@ -394,39 +394,39 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
     getPopupRef(): TriggerInstance;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: import('./type').SelectValue) => any;
-    "update:popupVisible": (value: boolean) => any;
-    "popup-visible-change": (value: boolean) => any;
     clear: () => any;
-    select: (value: SelectOptionValue) => any;
     search: (value: string) => any;
+    select: (value: SelectOptionValue) => any;
+    remove: (index: string | number, ev: Event) => any;
+    "update:popupVisible": (value: boolean) => any;
+    "popup-visible-change": (value: boolean) => 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: SelectOptionValue, ev?: MouseEvent | undefined) => any;
     "dropdown-scroll": (ev: Event) => any;
     "dropdown-reach-bottom": (ev: Event) => any;
 }, string, import('vue').PublicProps, Readonly<SelectProps> & Readonly<{
     onChange?: ((value: import('./type').SelectValue) => any) | undefined;
-    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
-    onSelect?: ((value: SelectOptionValue) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
+    onSelect?: ((value: SelectOptionValue) => any) | undefined;
+    onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
     "onUpdate:modelValue"?: ((value: import('./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: SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
 }>, {
     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;
@@ -563,7 +563,7 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             }> & 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;
                 };
@@ -593,6 +593,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             show: () => any;
             hide: () => any;
         }, string, {
+            popupContainer: import('..').PopupContainer;
+            renderToBody: boolean;
             trigger: import('../Trigger').TriggerType;
             mouseEnterDelay: number;
             popupVisible: boolean;
@@ -620,8 +622,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             duration: number;
             autoFitPopupWidth: boolean;
             autoFitPopupMinWidth: boolean;
-            popupContainer: import('..').PopupContainer;
-            renderToBody: boolean;
             autoFitPosition: boolean;
             updateAtScroll: boolean;
             preventFocus: boolean;
@@ -647,6 +647,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $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('../Trigger').TriggerType;
         mouseEnterDelay: number;
         popupVisible: boolean;
@@ -674,8 +676,6 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         duration: number;
         autoFitPopupWidth: boolean;
         autoFitPopupMinWidth: boolean;
-        popupContainer: import('..').PopupContainer;
-        renderToBody: boolean;
         autoFitPosition: boolean;
         updateAtScroll: boolean;
         preventFocus: boolean;
@@ -685,12 +685,12 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         "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('../Trigger').TriggerSlots> & import('../Trigger').TriggerSlots;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
     inputRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -713,14 +713,14 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
             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 onFocus?: ((ev: FocusEvent) => any) | undefined;
+            readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: 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: {
@@ -738,35 +738,35 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $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: 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: "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: 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('../InputTag').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;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
+            onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: 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;
-            blur: (ev: FocusEvent) => any;
             input: (value: string) => any;
+            blur: (ev: FocusEvent) => any;
+            focus: (ev: FocusEvent) => any;
+            remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
             "update:modelValue": (value: 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: InputTagValue;
             defaultValue: InputTagValue;
@@ -802,8 +802,8 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         $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: InputTagValue;
         defaultValue: InputTagValue;
@@ -818,20 +818,20 @@ declare const __VLS_component: import('vue').DefineComponent<SelectProps, {
         retainInputValue: import('../InputTag').InputRetainValue;
         uniqueValue: boolean;
     }> & Omit<Readonly<import('../InputTag').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;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
+        onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: 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<{
+    }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: Readonly<import('../InputTag').InputTagSlots> & import('../InputTag').InputTagSlots;
+    }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
+        $slots: any;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;