yc-design-vue 2.0.4 → 2.0.5

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

@@ -23,12 +23,12 @@ declare function __VLS_template(): {
                 readonly isSearch?: boolean | undefined;
                 readonly type?: "textarea" | "input" | undefined;
                 readonly onChange?: ((value: string) => any) | undefined;
-                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onClear?: ((ev?: Event | undefined) => any) | undefined;
                 readonly onInput?: ((value: string, ev: Event) => any) | undefined;
                 readonly onSearch?: ((value: string) => any) | undefined;
                 readonly onSelect?: ((value: string) => any) | undefined;
                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                 readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 readonly "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -81,12 +81,12 @@ declare function __VLS_template(): {
                         readonly hotkeys?: boolean | undefined;
                         readonly showEmpty?: boolean | undefined;
                         readonly onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                        readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                        readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         readonly onClear?: (() => any) | undefined;
                         readonly onSearch?: ((value: string) => any) | undefined;
                         readonly onSelect?: ((value: SelectOptionValue) => any) | undefined;
                         readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+                        readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                        readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         readonly "onUpdate:modelValue"?: ((value: import('../Select').SelectValue) => any) | undefined;
                         readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         readonly "onInput-value-change"?: ((value: string) => any) | undefined;
@@ -359,10 +359,10 @@ 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 onInput?: ((value: string) => any) | undefined;
                                 readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                                readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 readonly "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                                 readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -384,13 +384,13 @@ 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: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+                            $emit: ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
                             $el: HTMLDivElement;
                             $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
-                                onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 onClear?: ((ev: MouseEvent) => any) | undefined;
                                 onInput?: ((value: string) => any) | undefined;
                                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                                onFocus?: ((ev: FocusEvent) => any) | undefined;
                                 onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                                 "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -400,10 +400,10 @@ declare function __VLS_template(): {
                                 focus(): void;
                                 blur(): void;
                             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                                focus: (ev: FocusEvent) => any;
                                 clear: (ev: MouseEvent) => any;
                                 input: (value: string) => any;
                                 blur: (ev: FocusEvent) => any;
+                                focus: (ev: FocusEvent) => any;
                                 remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                                 "update:modelValue": (value: import('..').InputTagValue) => any;
                                 "update:inputValue": (value: string) => any;
@@ -464,16 +464,16 @@ declare function __VLS_template(): {
                             retainInputValue: import('..').InputRetainValue;
                             uniqueValue: boolean;
                         }> & Omit<Readonly<import('..').InputTagProps> & Readonly<{
-                            onFocus?: ((ev: FocusEvent) => any) | undefined;
                             onClear?: ((ev: MouseEvent) => any) | undefined;
                             onInput?: ((value: string) => any) | undefined;
                             onBlur?: ((ev: FocusEvent) => any) | undefined;
+                            onFocus?: ((ev: FocusEvent) => any) | undefined;
                             onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                             "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                             "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
                             "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-                        }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+                        }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
                             focus(): void;
                             blur(): void;
                         }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
@@ -486,16 +486,16 @@ declare function __VLS_template(): {
                     $root: import('vue').ComponentPublicInstance | null;
                     $parent: import('vue').ComponentPublicInstance | null;
                     $host: Element | null;
-                    $emit: ((event: "change", value: import('../Select').SelectValue) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "search", value: string) => void) & ((event: "select", value: SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:modelValue", value: import('../Select').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: SelectOptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
+                    $emit: ((event: "change", value: import('../Select').SelectValue) => void) & ((event: "clear") => void) & ((event: "search", value: string) => void) & ((event: "select", value: SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "update:modelValue", value: import('../Select').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: SelectOptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
                     $el: any;
                     $options: import('vue').ComponentOptionsBase<Readonly<import('../Select').SelectProps> & Readonly<{
                         onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                        "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                        "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                         onClear?: (() => any) | undefined;
                         onSearch?: ((value: string) => any) | undefined;
                         onSelect?: ((value: 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('../Select').SelectValue) => any) | undefined;
                         "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         "onInput-value-change"?: ((value: string) => any) | undefined;
@@ -508,12 +508,12 @@ declare function __VLS_template(): {
                         getPopupRef(): import('..').TriggerInstance;
                     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                         change: (value: import('../Select').SelectValue) => any;
-                        "update:popupVisible": (value: boolean) => any;
-                        "popup-visible-change": (value: boolean) => any;
                         clear: () => 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('../Select').SelectValue) => any;
                         "update:inputValue": (value: string) => any;
                         "input-value-change": (value: string) => any;
@@ -608,19 +608,19 @@ declare function __VLS_template(): {
                     tagNowrap: boolean;
                 }> & Omit<Readonly<import('../Select').SelectProps> & Readonly<{
                     onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     onClear?: (() => any) | undefined;
                     onSearch?: ((value: string) => any) | undefined;
                     onSelect?: ((value: 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('../Select').SelectValue) => any) | undefined;
                     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                     "onInput-value-change"?: ((value: string) => any) | undefined;
                     onExceedLimit?: ((value: SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                     "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                     "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
-                }>, "focus" | "blur" | ("size" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
+                }>, "blur" | "focus" | ("size" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
                     focus(): void;
                     blur(): void;
                     getPopupRef(): import('..').TriggerInstance;
@@ -629,10 +629,10 @@ declare function __VLS_template(): {
                 }) | null;
                 inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').TextareaProps> & Readonly<{
                     onChange?: ((value: string, ev: Event) => any) | undefined;
-                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onClear?: ((ev: MouseEvent) => any) | undefined;
                     onInput?: ((value: string, ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }>, {
@@ -642,10 +642,10 @@ declare function __VLS_template(): {
                     getMirrorRef(): HTMLDivElement;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                     change: (value: string, ev: Event) => any;
-                    focus: (ev: FocusEvent) => any;
                     clear: (ev: MouseEvent) => any;
                     input: (value: string, ev: Event) => any;
                     blur: (ev: FocusEvent) => any;
+                    focus: (ev: FocusEvent) => any;
                     keydown: (ev: KeyboardEvent) => any;
                     "update:modelValue": (value: string) => any;
                 }, import('vue').PublicProps, {
@@ -675,10 +675,10 @@ declare function __VLS_template(): {
                     Defaults: {};
                 }, Readonly<import('..').TextareaProps> & Readonly<{
                     onChange?: ((value: string, ev: Event) => any) | undefined;
-                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onClear?: ((ev: MouseEvent) => any) | undefined;
                     onInput?: ((value: string, ev: Event) => any) | undefined;
                     onBlur?: ((ev: FocusEvent) => any) | undefined;
+                    onFocus?: ((ev: FocusEvent) => any) | undefined;
                     onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 }>, {
@@ -709,16 +709,16 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "change", value: string) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
+            $emit: ((event: "change", value: string) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<import('../AutoComplete').AutoCompleteProps> & Readonly<{
                 onChange?: ((value: string) => any) | undefined;
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev?: Event | undefined) => any) | undefined;
                 onInput?: ((value: string, ev: Event) => any) | undefined;
                 onSearch?: ((value: string) => any) | undefined;
                 onSelect?: ((value: string) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
                 "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -731,12 +731,12 @@ declare function __VLS_template(): {
                 updatePosition(x: number, y: number): void;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (value: string) => any;
-                focus: (ev: FocusEvent) => any;
                 clear: (ev?: Event | undefined) => any;
                 input: (value: string, ev: Event) => any;
                 search: (value: string) => any;
                 select: (value: string) => any;
                 blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
                 keydown: (ev: KeyboardEvent) => any;
                 "update:modelValue": (value: string) => any;
                 "dropdown-scroll": (ev?: Event | undefined) => any;
@@ -789,17 +789,17 @@ declare function __VLS_template(): {
             isSearch: boolean;
         }> & Omit<Readonly<import('../AutoComplete').AutoCompleteProps> & Readonly<{
             onChange?: ((value: string) => any) | undefined;
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev?: Event | undefined) => any) | undefined;
             onInput?: ((value: string, ev: Event) => any) | undefined;
             onSearch?: ((value: string) => any) | undefined;
             onSelect?: ((value: string) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
             "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
-        }>, "focus" | "blur" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
             getInputRef(): HTMLInputElement | HTMLTextAreaElement | undefined;
@@ -817,21 +817,21 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     change: (value: string) => any;
-    focus: (ev: FocusEvent) => any;
     clear: (ev: MouseEvent) => any;
     input: (value: string, ev: Event) => any;
     search: (value: string) => any;
     select: (value: SelectOptionValue) => any;
     blur: (ev: FocusEvent) => any;
+    focus: (ev: FocusEvent) => any;
     "update:modelValue": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<MentionProps> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
-    onFocus?: ((ev: FocusEvent) => any) | undefined;
     onClear?: ((ev: MouseEvent) => any) | undefined;
     onInput?: ((value: string, ev: Event) => any) | undefined;
     onSearch?: ((value: string) => any) | undefined;
     onSelect?: ((value: SelectOptionValue) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
+    onFocus?: ((ev: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     type: import('./type').MentionType;
@@ -861,12 +861,12 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
             readonly isSearch?: boolean | undefined;
             readonly type?: "textarea" | "input" | undefined;
             readonly onChange?: ((value: string) => any) | undefined;
-            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
             readonly onClear?: ((ev?: Event | undefined) => any) | undefined;
             readonly onInput?: ((value: string, ev: Event) => any) | undefined;
             readonly onSearch?: ((value: string) => any) | undefined;
             readonly onSelect?: ((value: string) => any) | undefined;
             readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             readonly "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -919,12 +919,12 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                     readonly hotkeys?: boolean | undefined;
                     readonly showEmpty?: boolean | undefined;
                     readonly onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                    readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                    readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     readonly onClear?: (() => any) | undefined;
                     readonly onSearch?: ((value: string) => any) | undefined;
                     readonly onSelect?: ((value: SelectOptionValue) => any) | undefined;
                     readonly onRemove?: ((index: string | number, ev: Event) => any) | undefined;
+                    readonly "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
+                    readonly "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     readonly "onUpdate:modelValue"?: ((value: import('../Select').SelectValue) => any) | undefined;
                     readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                     readonly "onInput-value-change"?: ((value: string) => any) | undefined;
@@ -1197,10 +1197,10 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                             readonly tagNowrap?: boolean | undefined;
                             readonly fieldNames?: Record<string, string> | undefined;
                             readonly allowCreate?: boolean | undefined;
-                            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                             readonly onClear?: ((ev: MouseEvent) => any) | undefined;
                             readonly onInput?: ((value: string) => any) | undefined;
                             readonly onBlur?: ((ev: FocusEvent) => any) | undefined;
+                            readonly onFocus?: ((ev: FocusEvent) => any) | undefined;
                             readonly onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                             readonly "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                             readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -1222,13 +1222,13 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         $root: import('vue').ComponentPublicInstance | null;
                         $parent: import('vue').ComponentPublicInstance | null;
                         $host: Element | null;
-                        $emit: ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
+                        $emit: ((event: "clear", ev: MouseEvent) => void) & ((event: "input", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "remove", value: string | number, ev: MouseEvent | KeyboardEvent) => void) & ((event: "update:modelValue", value: import('..').InputTagValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string, ev: Event) => void) & ((event: "press-enter", ev: KeyboardEvent) => void);
                         $el: HTMLDivElement;
                         $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputTagProps> & Readonly<{
-                            onFocus?: ((ev: FocusEvent) => any) | undefined;
                             onClear?: ((ev: MouseEvent) => any) | undefined;
                             onInput?: ((value: string) => any) | undefined;
                             onBlur?: ((ev: FocusEvent) => any) | undefined;
+                            onFocus?: ((ev: FocusEvent) => any) | undefined;
                             onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                             "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                             "onUpdate:inputValue"?: ((value: string) => any) | undefined;
@@ -1238,10 +1238,10 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                             focus(): void;
                             blur(): void;
                         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                            focus: (ev: FocusEvent) => any;
                             clear: (ev: MouseEvent) => any;
                             input: (value: string) => any;
                             blur: (ev: FocusEvent) => any;
+                            focus: (ev: FocusEvent) => any;
                             remove: (value: string | number, ev: MouseEvent | KeyboardEvent) => any;
                             "update:modelValue": (value: import('..').InputTagValue) => any;
                             "update:inputValue": (value: string) => any;
@@ -1302,16 +1302,16 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                         retainInputValue: import('..').InputRetainValue;
                         uniqueValue: boolean;
                     }> & Omit<Readonly<import('..').InputTagProps> & Readonly<{
-                        onFocus?: ((ev: FocusEvent) => any) | undefined;
                         onClear?: ((ev: MouseEvent) => any) | undefined;
                         onInput?: ((value: string) => any) | undefined;
                         onBlur?: ((ev: FocusEvent) => any) | undefined;
+                        onFocus?: ((ev: FocusEvent) => any) | undefined;
                         onRemove?: ((value: string | number, ev: MouseEvent | KeyboardEvent) => any) | undefined;
                         "onUpdate:modelValue"?: ((value: import('..').InputTagValue) => any) | undefined;
                         "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                         "onInput-value-change"?: ((value: string, ev: Event) => any) | undefined;
                         "onPress-enter"?: ((ev: KeyboardEvent) => any) | undefined;
-                    }>, "focus" | "blur" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
+                    }>, "blur" | "focus" | ("size" | "error" | "disabled" | "placeholder" | "modelValue" | "defaultValue" | "allowClear" | "readonly" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowCreate" | "maxTagCount" | "tagNowrap" | "retainInputValue" | "uniqueValue")> & import('vue').ShallowUnwrapRef<{
                         focus(): void;
                         blur(): void;
                     }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
@@ -1324,16 +1324,16 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 $root: import('vue').ComponentPublicInstance | null;
                 $parent: import('vue').ComponentPublicInstance | null;
                 $host: Element | null;
-                $emit: ((event: "change", value: import('../Select').SelectValue) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "clear") => void) & ((event: "search", value: string) => void) & ((event: "select", value: SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:modelValue", value: import('../Select').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: SelectOptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
+                $emit: ((event: "change", value: import('../Select').SelectValue) => void) & ((event: "clear") => void) & ((event: "search", value: string) => void) & ((event: "select", value: SelectOptionValue) => void) & ((event: "remove", index: string | number, ev: Event) => void) & ((event: "update:popupVisible", value: boolean) => void) & ((event: "popup-visible-change", value: boolean) => void) & ((event: "update:modelValue", value: import('../Select').SelectValue) => void) & ((event: "update:inputValue", value: string) => void) & ((event: "input-value-change", value: string) => void) & ((event: "exceedLimit", value: SelectOptionValue, ev?: MouseEvent | undefined) => void) & ((event: "dropdown-scroll", ev: Event) => void) & ((event: "dropdown-reach-bottom", ev: Event) => void);
                 $el: any;
                 $options: import('vue').ComponentOptionsBase<Readonly<import('../Select').SelectProps> & Readonly<{
                     onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                    "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                    "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                     onClear?: (() => any) | undefined;
                     onSearch?: ((value: string) => any) | undefined;
                     onSelect?: ((value: 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('../Select').SelectValue) => any) | undefined;
                     "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                     "onInput-value-change"?: ((value: string) => any) | undefined;
@@ -1346,12 +1346,12 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                     getPopupRef(): import('..').TriggerInstance;
                 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                     change: (value: import('../Select').SelectValue) => any;
-                    "update:popupVisible": (value: boolean) => any;
-                    "popup-visible-change": (value: boolean) => any;
                     clear: () => 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('../Select').SelectValue) => any;
                     "update:inputValue": (value: string) => any;
                     "input-value-change": (value: string) => any;
@@ -1446,19 +1446,19 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 tagNowrap: boolean;
             }> & Omit<Readonly<import('../Select').SelectProps> & Readonly<{
                 onChange?: ((value: import('../Select').SelectValue) => any) | undefined;
-                "onUpdate:popupVisible"?: ((value: boolean) => any) | undefined;
-                "onPopup-visible-change"?: ((value: boolean) => any) | undefined;
                 onClear?: (() => any) | undefined;
                 onSearch?: ((value: string) => any) | undefined;
                 onSelect?: ((value: 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('../Select').SelectValue) => any) | undefined;
                 "onUpdate:inputValue"?: ((value: string) => any) | undefined;
                 "onInput-value-change"?: ((value: string) => any) | undefined;
                 onExceedLimit?: ((value: SelectOptionValue, ev?: MouseEvent | undefined) => any) | undefined;
                 "onDropdown-scroll"?: ((ev: Event) => any) | undefined;
                 "onDropdown-reach-bottom"?: ((ev: Event) => any) | undefined;
-            }>, "focus" | "blur" | ("size" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
+            }>, "blur" | "focus" | ("size" | "error" | "popupContainer" | "popupVisible" | "defaultPopupVisible" | "disabled" | "scrollbar" | "multiple" | "placeholder" | "loading" | "bordered" | "modelValue" | "defaultValue" | "allowClear" | "showExtraOptions" | "options" | "limit" | "inputValue" | "defaultInputValue" | "fieldNames" | "allowSearch" | "valueKey" | "showEmpty" | "allowCreate" | "maxTagCount" | "filterOption" | "virtualListProps" | "triggerProps" | "searchDelay" | "showHeaderOnEmpty" | "showFooterOnEmpty" | "tagNowrap") | "getPopupRef"> & import('vue').ShallowUnwrapRef<{
                 focus(): void;
                 blur(): void;
                 getPopupRef(): import('..').TriggerInstance;
@@ -1467,10 +1467,10 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
             }) | null;
             inputRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('..').TextareaProps> & Readonly<{
                 onChange?: ((value: string, ev: Event) => any) | undefined;
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
                 onInput?: ((value: string, ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }>, {
@@ -1480,10 +1480,10 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 getMirrorRef(): HTMLDivElement;
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 change: (value: string, ev: Event) => any;
-                focus: (ev: FocusEvent) => any;
                 clear: (ev: MouseEvent) => any;
                 input: (value: string, ev: Event) => any;
                 blur: (ev: FocusEvent) => any;
+                focus: (ev: FocusEvent) => any;
                 keydown: (ev: KeyboardEvent) => any;
                 "update:modelValue": (value: string) => any;
             }, import('vue').PublicProps, {
@@ -1513,10 +1513,10 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
                 Defaults: {};
             }, Readonly<import('..').TextareaProps> & Readonly<{
                 onChange?: ((value: string, ev: Event) => any) | undefined;
-                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onClear?: ((ev: MouseEvent) => any) | undefined;
                 onInput?: ((value: string, ev: Event) => any) | undefined;
                 onBlur?: ((ev: FocusEvent) => any) | undefined;
+                onFocus?: ((ev: FocusEvent) => any) | undefined;
                 onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }>, {
@@ -1547,16 +1547,16 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "change", value: string) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
+        $emit: ((event: "change", value: string) => void) & ((event: "clear", ev?: Event | undefined) => void) & ((event: "input", value: string, ev: Event) => void) & ((event: "search", value: string) => void) & ((event: "select", value: string) => void) & ((event: "blur", ev: FocusEvent) => void) & ((event: "focus", ev: FocusEvent) => void) & ((event: "keydown", ev: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void) & ((event: "dropdown-scroll", ev?: Event | undefined) => void) & ((event: "dropdown-reach-bottom", ev?: Event | undefined) => void);
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<import('../AutoComplete').AutoCompleteProps> & Readonly<{
             onChange?: ((value: string) => any) | undefined;
-            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onClear?: ((ev?: Event | undefined) => any) | undefined;
             onInput?: ((value: string, ev: Event) => any) | undefined;
             onSearch?: ((value: string) => any) | undefined;
             onSelect?: ((value: string) => any) | undefined;
             onBlur?: ((ev: FocusEvent) => any) | undefined;
+            onFocus?: ((ev: FocusEvent) => any) | undefined;
             onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
@@ -1569,12 +1569,12 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
             updatePosition(x: number, y: number): void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             change: (value: string) => any;
-            focus: (ev: FocusEvent) => any;
             clear: (ev?: Event | undefined) => any;
             input: (value: string, ev: Event) => any;
             search: (value: string) => any;
             select: (value: string) => any;
             blur: (ev: FocusEvent) => any;
+            focus: (ev: FocusEvent) => any;
             keydown: (ev: KeyboardEvent) => any;
             "update:modelValue": (value: string) => any;
             "dropdown-scroll": (ev?: Event | undefined) => any;
@@ -1627,17 +1627,17 @@ declare const __VLS_component: import('vue').DefineComponent<MentionProps, {
         isSearch: boolean;
     }> & Omit<Readonly<import('../AutoComplete').AutoCompleteProps> & Readonly<{
         onChange?: ((value: string) => any) | undefined;
-        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onClear?: ((ev?: Event | undefined) => any) | undefined;
         onInput?: ((value: string, ev: Event) => any) | undefined;
         onSearch?: ((value: string) => any) | undefined;
         onSelect?: ((value: string) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
+        onFocus?: ((ev: FocusEvent) => any) | undefined;
         onKeydown?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onDropdown-scroll"?: ((ev?: Event | undefined) => any) | undefined;
         "onDropdown-reach-bottom"?: ((ev?: Event | undefined) => any) | undefined;
-    }>, "focus" | "blur" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | "updatePosition" | "getInputRef" | "getMirrorRef" | ("type" | "data" | "popupContainer" | "disabled" | "strict" | "modelValue" | "defaultValue" | "allowClear" | "filterOption" | "triggerProps" | "isSelectSetValue" | "isSearch")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
         getInputRef(): HTMLInputElement | HTMLTextAreaElement | undefined;

package/lib/Menu/MenuItem.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../node_modules/@vueuse/core/index.js"),l=require("../_shared/utils/is.js"),u=require("../_shared/utils/dom.js"),o=require("./hooks/useContext.js"),a=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),r=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},c={key:2,class:"yc-menu-icon-suffix"},s=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(s){const p=e.useSlots(),d=s,{path:v,disabled:m}=e.toRefs(d),{reuse:f,define:h}=t.createReusableTemplate(),k=e.useAttrs(),{computedSelectedKeys:y,computedOpenKeys:g,computedCollapsed:x,levelIndent:B,mode:w,theme:C,autoOpen:S,autoOpenSelected:z,accordion:M,triggerProps:N,tooltipProps:V,autoScrollIntoView:_,scrollConfig:b,popupMaxHeight:j,menuTreeNodes:I,menuTree:P,max:q,menuItemWidths:E,emits:O}=o.default().inject(),T=e.computed(()=>I.value.find(e=>e.path==v.value)||{type:"menuitem",level:0}),$=e.computed(()=>P.value.findIndex(e=>e.path==v.value)),A=e.computed(()=>{var e;return(null==(e=P.value[$.value])?void 0:e.children)||[]}),D=e.computed(()=>"submenu"==T.value.type),H=e.computed(()=>0===T.value.level),F=e.computed(()=>o.isMenuItemActive(P.value,v.value,y.value)),R=e.computed(()=>l.isUndefined(k.popupMaxHeight)?j.value:o.getPopupMaxHeight(k.popupMaxHeight)),K=e.ref(),W=e=>{y.value!=e&&(y.value=e,O("menu-item-click",e))},L=()=>{if(!("vertical"!=w.value&&D.value||x.value)){if(!D.value&&!m.value&&y.value!=v.value)return y.value=v.value,O("menu-item-click",v.value);g.value.includes(v.value)?g.value=g.value.filter(e=>e!=v.value):g.value=M.value?[v.value]:[...g.value,v.value],O("sub-menu-click",v.value,g.value)}};return e.onMounted(()=>{var e;H.value&&(E.value[$.value]=K.value.offsetWidth),_.value&&y.value==v.value&&(null==(e=K.value)||e.scrollIntoView(b.value)),D.value&&S.value&&z.value&&F.value&&g.value.push(v.value)}),(t,l)=>$.value<e.unref(q)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-menu-item-wrapper",`yc-menu-item-${e.unref(C)}`,{"yc-menu-item-mode-horizontal":"horizontal"==e.unref(w)}])},[e.createVNode(e.unref(h),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item",{"yc-menu-item-selected":F.value,"yc-menu-item-disabled":e.unref(m),"yc-menu-item-collapsed":e.unref(x)}]),ref_key:"menuItemRef",ref:K,onClick:L},[H.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-menu-indent",style:e.normalizeStyle({width:e.unref(u.valueToPx)(e.unref(B)*T.value.level),height:e.unref(u.valueToPx)(e.unref(B))})},null,4)),p.icon?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item-title",{"text-ellipsis":"horizontal"!=e.unref(w)}])},[e.renderSlot(t.$slots,"default")],2),[[e.vShow,!e.unref(x)]]),p.suffix?e.withDirectives((e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"suffix")],512)),[[e.vShow,!e.unref(x)]]):e.createCommentVNode("",!0)],2)]),_:3}),D.value&&H.value&&("vertical"!=e.unref(w)||e.unref(x))?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,"popup-max-height":R.value,"trigger-props":{autoFitPosition:!1,position:"horizontal"==e.unref(w)?"bl":"rt",animationName:"horizontal"==e.unref(w)?"slide-dynamic-origin":"zoom-in-fade-out",popupOffset:"vertical"==e.unref(w)?14:20,showArrow:!0,...e.unref(N)},class:e.normalizeClass([`yc-dropdown-popup-${e.unref(C)}`]),onSelect:W},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,t=>(e.openBlock(),e.createBlock(a.default,{key:t.path,"tree-node":t,"popup-max-height":R.value,"trigger-props":e.unref(N),"computed-selected-keys":e.unref(y)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["popup-max-height","trigger-props","class"])):!D.value&&H.value&&e.unref(x)?(e.openBlock(),e.createBlock(e.unref(r.default),{key:1,position:"rt","trigger-props":{autoFitPosition:!1,popupOffset:"vertical"==e.unref(w)?14:18,showArrow:!0,...e.unref(V),...e.unref(N)}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.default)))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["trigger-props"])):(e.openBlock(),e.createBlock(e.unref(f),{key:2}))],2)):e.createCommentVNode("",!0)}});exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../_shared/utils/is.js"),l=require("../_shared/utils/dom.js"),u=require("../node_modules/@vueuse/core/index.js"),o=require("./hooks/useContext.js"),a=require("./MenuPopOption.vue.js"),n=require("../Dropdown/index.js"),r=require("../Tooltip/index.js"),i={key:1,class:"yc-menu-icon"},c={key:2,class:"yc-menu-icon-suffix"},s=e.defineComponent({name:"MenuItem",__name:"MenuItem",props:{path:{default:""},disabled:{type:Boolean,default:!1}},setup(s){const p=e.useSlots(),d=s,{path:v,disabled:m}=e.toRefs(d),{reuse:f,define:h}=u.createReusableTemplate(),k=e.useAttrs(),{computedSelectedKeys:y,computedOpenKeys:g,computedCollapsed:x,levelIndent:B,mode:w,theme:C,autoOpen:S,autoOpenSelected:z,accordion:M,triggerProps:N,tooltipProps:V,autoScrollIntoView:_,scrollConfig:b,popupMaxHeight:j,menuTreeNodes:I,menuTree:P,max:q,menuItemWidths:E,emits:O}=o.default().inject(),T=e.computed(()=>I.value.find(e=>e.path==v.value)||{type:"menuitem",level:0}),$=e.computed(()=>P.value.findIndex(e=>e.path==v.value)),A=e.computed(()=>{var e;return(null==(e=P.value[$.value])?void 0:e.children)||[]}),D=e.computed(()=>"submenu"==T.value.type),H=e.computed(()=>0===T.value.level),F=e.computed(()=>o.isMenuItemActive(P.value,v.value,y.value)),R=e.computed(()=>t.isUndefined(k.popupMaxHeight)?j.value:o.getPopupMaxHeight(k.popupMaxHeight)),K=e.ref(),W=e=>{y.value!=e&&(y.value=e,O("menu-item-click",e))},L=()=>{if(!("vertical"!=w.value&&D.value||x.value)){if(!D.value&&!m.value&&y.value!=v.value)return y.value=v.value,O("menu-item-click",v.value);g.value.includes(v.value)?g.value=g.value.filter(e=>e!=v.value):g.value=M.value?[v.value]:[...g.value,v.value],O("sub-menu-click",v.value,g.value)}};return e.onMounted(()=>{var e;H.value&&(E.value[$.value]=K.value.offsetWidth),_.value&&y.value==v.value&&(null==(e=K.value)||e.scrollIntoView(b.value)),D.value&&S.value&&z.value&&F.value&&g.value.push(v.value)}),(t,u)=>$.value<e.unref(q)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["yc-menu-item-wrapper",`yc-menu-item-${e.unref(C)}`,{"yc-menu-item-mode-horizontal":"horizontal"==e.unref(w)}])},[e.createVNode(e.unref(h),null,{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item",{"yc-menu-item-selected":F.value,"yc-menu-item-disabled":e.unref(m),"yc-menu-item-collapsed":e.unref(x)}]),ref_key:"menuItemRef",ref:K,onClick:L},[H.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-menu-indent",style:e.normalizeStyle({width:e.unref(l.valueToPx)(e.unref(B)*T.value.level),height:e.unref(l.valueToPx)(e.unref(B))})},null,4)),p.icon?(e.openBlock(),e.createElementBlock("div",i,[e.renderSlot(t.$slots,"icon")])):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",{class:e.normalizeClass(["yc-menu-item-title",{"text-ellipsis":"horizontal"!=e.unref(w)}])},[e.renderSlot(t.$slots,"default")],2),[[e.vShow,!e.unref(x)]]),p.suffix?e.withDirectives((e.openBlock(),e.createElementBlock("div",c,[e.renderSlot(t.$slots,"suffix")],512)),[[e.vShow,!e.unref(x)]]):e.createCommentVNode("",!0)],2)]),_:3}),D.value&&H.value&&("vertical"!=e.unref(w)||e.unref(x))?(e.openBlock(),e.createBlock(e.unref(n.default),{key:0,"popup-max-height":R.value,"trigger-props":{autoFitPosition:!1,position:"horizontal"==e.unref(w)?"bl":"rt",animationName:"horizontal"==e.unref(w)?"slide-dynamic-origin":"zoom-in-fade-out",popupOffset:"vertical"==e.unref(w)?14:20,showArrow:!0,...e.unref(N)},class:e.normalizeClass([`yc-dropdown-popup-${e.unref(C)}`]),onSelect:W},{content:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,t=>(e.openBlock(),e.createBlock(a.default,{key:t.path,"tree-node":t,"popup-max-height":R.value,"trigger-props":e.unref(N),"computed-selected-keys":e.unref(y)},null,8,["tree-node","popup-max-height","trigger-props","computed-selected-keys"]))),128))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["popup-max-height","trigger-props","class"])):!D.value&&H.value&&e.unref(x)?(e.openBlock(),e.createBlock(e.unref(r.default),{key:1,position:"rt","trigger-props":{autoFitPosition:!1,popupOffset:"vertical"==e.unref(w)?14:18,showArrow:!0,...e.unref(V),...e.unref(N)}},{content:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.default)))]),default:e.withCtx(()=>[e.createVNode(e.unref(f))]),_:1},8,["trigger-props"])):(e.openBlock(),e.createBlock(e.unref(f),{key:2}))],2)):e.createCommentVNode("",!0)}});exports.default=s;

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

@@ -37,7 +37,7 @@ export declare function FlattenMenuTree(vnodes: VNode[], componentName: string[]
 export declare function buildMenuTree(flatData: MenuTreeNode[]): MenuTreeNode[];
 export declare function isMenuItemActive(menuTree: MenuTreeNode[], currentPath: string, activePath: string): boolean;
 export declare const getPopupMaxHeight: (popupMaxHeight: PopupMaxHeight) => number | undefined;
-declare const _default: () => {
+export default function useMenuContext(): {
     provide: (props: RecordType, emits: MenuEmits, menuRef: Ref<HTMLDivElement | undefined>) => {
         theme: import('vue').ComputedRef<import('../../_shared/type').Theme>;
         computedCollapsed: import('vue').WritableComputedRef<boolean, boolean>;
@@ -48,4 +48,4 @@ declare const _default: () => {
     };
     inject: () => MenuContext;
 };
-export default _default;
+export {};

package/lib/Menu/hooks/useContext.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),o=require("../../node_modules/@vueuse/core/index.js"),r=require("../../_shared/utils/is.js"),l=require("../../_shared/utils/dom.js"),u=require("../../_shared/utils/control.js");require("../index.js");const n=require("../../Layout/hooks/useSiderContext.js"),s=require("../SubMenu.vue.js");;/* empty css               */const i=require("../MenuItem.vue.js");;/* empty css                */const a="menu-context";function d(o,l){const u=[],n=(o,i=null,a=0)=>{var d,c,p;if(!o)return;const f=Array.isArray(o)?o:[o];for(const m of f){if(!e.isVNode(m))continue;const o=t.nanoid(8),f=null==(d=m.type)?void 0:d.name,v=f===s.default.name,h=m.props,g=m.children,x=null==(c=m.component)?void 0:c.subTree,y=v?o:i,j=v?a+1:a;if(l.includes(f)&&u.push({id:o,type:v?"submenu":"menuitem",label:()=>{var e,t;return v?(null==(e=g.title)?void 0:e.call(g))||h.title:null==(t=g.default)?void 0:t.call(g)},path:h.path,parentId:i,level:a}),x)n(x);else if(Array.isArray(g))n(g,y,j);else if(r.isObject(g))for(const e of Object.keys(g))r.isFunction(g[e])&&n((null==(p=g[e])?void 0:p.call(g))||[],y,j)}};return n(o),u}function c(e){const t=new Map,o=[];return e.forEach(e=>{t.set(e.id,{...e,children:[]})}),t.forEach(e=>{if(null===e.parentId)o.push(e);else{const o=t.get(e.parentId);o&&o.children.push(e)}}),o}const p=e=>r.isUndefined(e)||r.isBoolean(e)&&e?167:r.isNumber(e)?e:void 0;exports.FlattenMenuTree=d,exports.buildMenuTree=c,exports.default=()=>({provide:(t,r,f)=>{const{selectedKeys:m,defaultSelectedKeys:v,openKeys:h,defaultOpenKeys:g,levelIndent:x,collapsed:y,defaultCollapsed:j,breakpoint:b,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,autoOpenSelected:q,mode:C,autoScrollIntoView:K,scrollConfig:T,collapsedWidth:P,theme:V,popupMaxHeight:_}=e.toRefs(t),{theme:k,collapsed:w}=n.default().inject(),A=u.useControlValue(m,v.value,e=>{r("update:selectedKeys",e)}),W=u.useControlValue(y,j.value,e=>{H.value=[],r("update:collapsed",e)},e=>e||w.value),H=u.useControlValue(h,g.value,e=>{r("update:openKeys",e)}),N=e.computed(()=>p(_.value)),z=e.useSlots(),E=e.computed(()=>{var e;return d((null==(e=z.default)?void 0:e.call(z))||[],[s.default.name??"",i.default.name??""])}),F=e.ref([]),R=e.computed(()=>c(E.value)),B=e.ref(1e6),L=e.computed(()=>V.value||k.value||"light");return"horizontal"==C.value&&o.useResizeObserver(f,l.throttle(()=>{const e=f.value.offsetWidth-52;let t=0,o=0;for(let r=0;r<R.value.length;r++){const l=o+(r>0?4:0)+F.value[r];if(l>e)break;o=l,t++}B.value=t},200)),e.provide(a,{computedSelectedKeys:A,computedOpenKeys:H,computedCollapsed:W,levelIndent:x,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,mode:C,autoOpenSelected:q,popupMaxHeight:N,autoScrollIntoView:K,scrollConfig:T,theme:L,menuTreeNodes:E,menuTree:R,max:B,menuItemWidths:F,emits:r}),{theme:L,computedCollapsed:W,breakpoint:b,collapsedWidth:e.computed(()=>l.valueToPx(P.value)),menuTree:R,max:B}},inject:()=>e.inject(a,{computedSelectedKeys:e.ref(""),computedOpenKeys:e.ref([]),levelIndent:e.ref(20),computedCollapsed:e.ref(!1),accordion:e.ref(!1),autoOpen:e.ref(!1),tooltipProps:e.ref({}),triggerProps:e.ref({}),autoOpenSelected:e.ref(!1),mode:e.ref("vertical"),theme:e.ref("light"),popupMaxHeight:e.ref(),autoScrollIntoView:e.ref(!1),scrollConfig:e.ref({}),menuTreeNodes:e.ref([]),menuTree:e.ref([]),max:e.ref(1e4),menuItemWidths:e.ref([]),emits:()=>{}})}),exports.getPopupMaxHeight=p,exports.isMenuItemActive=function(e,t,o){if(t===o)return!0;const r=(e,t)=>{for(const o of e){if(o.path===t)return o;if(o.children&&o.children.length>0){const e=r(o.children,t);if(e)return e}}return null},l=r(e,t);if(!l)return!1;const u=(e,t)=>e.path===t||!!e.children&&e.children.some(e=>u(e,t));return u(l,o)};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("../../node_modules/nanoid/index.browser.js"),o=require("../../_shared/utils/is.js"),r=require("../../_shared/utils/dom.js"),u=require("../../node_modules/@vueuse/core/index.js"),l=require("../../_shared/utils/control.js");require("../index.js");const n=require("../../Layout/hooks/useSiderContext.js"),s=require("../SubMenu.vue.js");;/* empty css               */const i=require("../MenuItem.vue.js");;/* empty css                */const a="menu-context";function d(r,u){const l=[],n=(r,i=null,a=0)=>{var d,c,p;if(!r)return;const f=Array.isArray(r)?r:[r];for(const m of f){if(!e.isVNode(m))continue;const r=t.nanoid(8),f=null==(d=m.type)?void 0:d.name,v=f===s.default.name,h=m.props,g=m.children,x=null==(c=m.component)?void 0:c.subTree,y=v?r:i,j=v?a+1:a;if(u.includes(f)&&l.push({id:r,type:v?"submenu":"menuitem",label:()=>{var e,t;return v?(null==(e=g.title)?void 0:e.call(g))||h.title:null==(t=g.default)?void 0:t.call(g)},path:h.path,parentId:i,level:a}),x)n(x);else if(Array.isArray(g))n(g,y,j);else if(o.isObject(g))for(const e of Object.keys(g))o.isFunction(g[e])&&n((null==(p=g[e])?void 0:p.call(g))||[],y,j)}};return n(r),l}function c(e){const t=new Map,o=[];return e.forEach(e=>{t.set(e.id,{...e,children:[]})}),t.forEach(e=>{if(null===e.parentId)o.push(e);else{const o=t.get(e.parentId);o&&o.children.push(e)}}),o}const p=e=>o.isUndefined(e)||o.isBoolean(e)&&e?167:o.isNumber(e)?e:void 0;exports.FlattenMenuTree=d,exports.buildMenuTree=c,exports.default=function(){return{provide:(t,o,f)=>{const{selectedKeys:m,defaultSelectedKeys:v,openKeys:h,defaultOpenKeys:g,levelIndent:x,collapsed:y,defaultCollapsed:j,breakpoint:b,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,autoOpenSelected:q,mode:C,autoScrollIntoView:K,scrollConfig:T,collapsedWidth:P,theme:V,popupMaxHeight:_}=e.toRefs(t),{theme:k,collapsed:w}=n.default().inject(),A=l.useControlValue(m,v.value,e=>{o("update:selectedKeys",e)}),W=l.useControlValue(y,j.value,e=>{H.value=[],o("update:collapsed",e)},e=>e||w.value),H=l.useControlValue(h,g.value,e=>{o("update:openKeys",e)}),N=e.computed(()=>p(_.value)),z=e.useSlots(),E=e.computed(()=>{var e;return d((null==(e=z.default)?void 0:e.call(z))||[],[s.default.name??"",i.default.name??""])}),F=e.ref([]),R=e.computed(()=>c(E.value)),B=e.ref(1e6),L=e.computed(()=>V.value||k.value||"light");return"horizontal"==C.value&&u.useResizeObserver(f,r.throttle(()=>{const e=f.value.offsetWidth-52;let t=0,o=0;for(let r=0;r<R.value.length;r++){const u=o+(r>0?4:0)+F.value[r];if(u>e)break;o=u,t++}B.value=t},200)),e.provide(a,{computedSelectedKeys:A,computedOpenKeys:H,computedCollapsed:W,levelIndent:x,accordion:S,autoOpen:I,triggerProps:M,tooltipProps:O,mode:C,autoOpenSelected:q,popupMaxHeight:N,autoScrollIntoView:K,scrollConfig:T,theme:L,menuTreeNodes:E,menuTree:R,max:B,menuItemWidths:F,emits:o}),{theme:L,computedCollapsed:W,breakpoint:b,collapsedWidth:e.computed(()=>r.valueToPx(P.value)),menuTree:R,max:B}},inject:()=>e.inject(a,{computedSelectedKeys:e.ref(""),computedOpenKeys:e.ref([]),levelIndent:e.ref(20),computedCollapsed:e.ref(!1),accordion:e.ref(!1),autoOpen:e.ref(!1),tooltipProps:e.ref({}),triggerProps:e.ref({}),autoOpenSelected:e.ref(!1),mode:e.ref("vertical"),theme:e.ref("light"),popupMaxHeight:e.ref(),autoScrollIntoView:e.ref(!1),scrollConfig:e.ref({}),menuTreeNodes:e.ref([]),menuTree:e.ref([]),max:e.ref(1e4),menuItemWidths:e.ref([]),emits:()=>{}})}},exports.getPopupMaxHeight=p,exports.isMenuItemActive=function(e,t,o){if(t===o)return!0;const r=(e,t)=>{for(const o of e){if(o.path===t)return o;if(o.children&&o.children.length>0){const e=r(o.children,t);if(e)return e}}return null},u=r(e,t);if(!u)return!1;const l=(e,t)=>e.path===t||!!e.children&&e.children.some(e=>l(e,t));return l(u,o)};

package/lib/OverflowList/index.vue.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../node_modules/@vueuse/core/index.js"),t=require("../_shared/utils/dom.js"),a=require("../_shared/utils/vue-utils.js"),o=require("../Tag/index.js"),r=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(r,{emit:u}){const n=e.useSlots(),s=r,f=u,{min:i,margin:v,from:c}=e.toRefs(s),d=e.ref(1e4),m=e.ref([]),p=e.computed(()=>{var e;return a.findComponentsFromVnodes((null==(e=n.default)?void 0:e.call(n))||[],o.default.name)}),g=e.ref(),k=e.ref(),y=e.computed(()=>k.value?l.unrefElement(k).offsetWidth+v.value:v.value),h=e.computed(()=>p.value.length-d.value);return l.useResizeObserver(g,t.throttle(async()=>{await t.sleep(0);let e=0,l=0;const a=g.value.offsetWidth;for(let t=0;t<m.value.length;t++){const o=l+(t>0?v.value:0)+m.value[t];if(o>a)break;l=o,e++}d.value=e>i.value?e:i.value},180)),e.watch(()=>d.value,()=>{f("change",h.value)}),e.watch(()=>p.value.length,async()=>{d.value=1e5,await t.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);m.value=e},{immediate:!0}),(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(c)}`]),style:e.normalizeStyle({gap:e.unref(t.valueToPx)(e.unref(v)),padding:"start"==e.unref(c)?`0 0 0 ${e.unref(t.valueToPx)(y.value)}`:` 0 ${e.unref(t.valueToPx)(y.value)} 0 0`}),ref_key:"listRef",ref:g},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),d.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:k},[e.renderSlot(l.$slots,"overflow",{number:h.value},()=>[e.createVNode(e.unref(o.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${h.value}`),1)]),_:1})])],512)):e.createCommentVNode("",!0)],6))}});exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("../_shared/utils/vue-utils.js"),t=require("../_shared/utils/dom.js"),a=require("../Tag/index.js"),o=require("../node_modules/@vueuse/core/index.js"),r=e.defineComponent({name:"OverflowList",__name:"index",props:{min:{default:0},margin:{default:8},from:{default:"end"}},emits:["change"],setup(r,{emit:u}){const n=e.useSlots(),s=r,f=u,{min:i,margin:v,from:c}=e.toRefs(s),d=e.ref(1e4),m=e.ref([]),p=e.computed(()=>{var e;return l.findComponentsFromVnodes((null==(e=n.default)?void 0:e.call(n))||[],a.default.name)}),g=e.ref(),k=e.ref(),y=e.computed(()=>k.value?o.unrefElement(k).offsetWidth+v.value:v.value),h=e.computed(()=>p.value.length-d.value);return o.useResizeObserver(g,t.throttle(async()=>{await t.sleep(0);let e=0,l=0;const a=g.value.offsetWidth;for(let t=0;t<m.value.length;t++){const o=l+(t>0?v.value:0)+m.value[t];if(o>a)break;l=o,e++}d.value=e>i.value?e:i.value},180)),e.watch(()=>d.value,()=>{f("change",h.value)}),e.watch(()=>p.value.length,async()=>{d.value=1e5,await t.sleep(0);const e=[...document.querySelectorAll("#overflowTag")].map(e=>e.offsetWidth);m.value=e},{immediate:!0}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["yc-overflow-list",`yc-overflow-list-from-${e.unref(c)}`]),style:e.normalizeStyle({gap:e.unref(t.valueToPx)(e.unref(v)),padding:"start"==e.unref(c)?`0 0 0 ${e.unref(t.valueToPx)(y.value)}`:` 0 ${e.unref(t.valueToPx)(y.value)} 0 0`}),ref_key:"listRef",ref:g},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:t},[t<d.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l),{key:0,id:"overflowTag"})):e.createCommentVNode("",!0)],64))),128)),d.value<p.value.length?(e.openBlock(),e.createElementBlock("div",{key:0,class:"yc-overflow-tag",ref_key:"overflowRef",ref:k},[e.renderSlot(l.$slots,"overflow",{number:h.value},()=>[e.createVNode(e.unref(a.default),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(`+${h.value}`),1)]),_:1})])],512)):e.createCommentVNode("",!0)],6))}});exports.default=r;