naive-ui 2.20.3 → 2.21.0

package/es/dialog/src/Dialog.d.ts

@@ -97,20 +97,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -257,9 +267,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -321,20 +330,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -481,9 +500,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -545,20 +563,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -705,9 +733,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -803,6 +830,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -873,20 +903,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: number;
+                colorOpacitySecondaryHover: number;
+                colorOpacitySecondaryPressed: number;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -1033,9 +1073,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
@@ -1161,20 +1200,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1321,9 +1370,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1385,20 +1433,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1545,9 +1603,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1609,20 +1666,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1769,9 +1836,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;

package/es/dialog/styles/light.d.ts

@@ -70,20 +70,30 @@ declare const dialogLight: import("../../_mixins").Theme<"Dialog", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
+        colorOpacitySecondary: number;
+        colorOpacitySecondaryHover: number;
+        colorOpacitySecondaryPressed: number;
+        colorSecondary: string;
+        colorSecondaryHover: string;
+        colorSecondaryPressed: string;
+        colorTertiary: string;
+        colorTertiaryHover: string;
+        colorTertiaryPressed: string;
+        colorQuaternary: string;
+        colorQuaternaryHover: string;
+        colorQuaternaryPressed: string;
         color: string;
         colorHover: string;
         colorPressed: string;
         colorFocus: string;
         colorDisabled: string;
         textColor: string;
+        textColorTertiary: string;
         textColorHover: string;
         textColorPressed: string;
         textColorFocus: string;
         textColorDisabled: string;
         textColorText: string;
-        textColorTextDepth1: string;
-        textColorTextDepth2: string;
-        textColorTextDepth3: string;
         textColorTextHover: string;
         textColorTextPressed: string;
         textColorTextFocus: string;
@@ -230,9 +240,8 @@ declare const dialogLight: import("../../_mixins").Theme<"Dialog", {
         borderDisabledError: string;
         rippleColorError: string;
         waveOpacity: string;
-        fontWeightText: string;
         fontWeight: string;
-        fontWeighGhost: string;
+        fontWeightStrong: string;
         paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;

package/es/drawer/src/Drawer.d.ts

@@ -336,6 +336,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/es/drawer/src/DrawerBodyWrapper.d.ts

@@ -97,6 +97,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/es/drawer/src/DrawerContent.d.ts

@@ -106,6 +106,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/es/dropdown/index.d.ts

@@ -1,3 +1,3 @@
 export { default as NDropdown } from './src/Dropdown';
 export type { DropdownProps } from './src/Dropdown';
-export type { DropdownOption, DropdownGroupOption, DropdownIgnoredOption, DropdownDividerOption } from './src/interface';
+export type { DropdownOption, DropdownGroupOption, DropdownDividerOption, DropdownRenderOption } from './src/interface';

package/es/dropdown/src/Dropdown.d.ts

@@ -2,7 +2,7 @@ import { PropType, CSSProperties, InjectionKey, Ref } from 'vue';
 import { Key, TreeNode } from 'treemate';
 import { FollowerPlacement } from 'vueuc';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption, DropdownMixedOption, OnUpdateValue, OnUpdateValueImpl, RenderLabel, RenderIcon, RenderLabelImpl, RenderIconImpl } from './interface';
+import { DropdownMixedOption, OnUpdateValue, OnUpdateValueImpl, RenderLabel, RenderIcon, RenderLabelImpl, RenderIconImpl } from './interface';
 export interface DropdownInjection {
     renderLabelRef: Ref<RenderLabelImpl | undefined>;
     renderIconRef: Ref<RenderIconImpl | undefined>;
@@ -716,6 +716,9 @@ declare const _default: import("vue").DefineComponent<{
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -822,7 +825,7 @@ declare const _default: import("vue").DefineComponent<{
             } | undefined;
         };
     }>;
-    tmNodes: import("vue").ComputedRef<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[]>;
+    tmNodes: import("vue").ComputedRef<TreeNode<import("../..").MenuOption | import("../../menu/src/interface").MenuRenderOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
     mergedShow: import("vue").ComputedRef<boolean>;
     doUpdateShow: (value: boolean) => void;
     cssVars: import("vue").ComputedRef<any>;

package/es/dropdown/src/DropdownGroup.d.ts

@@ -1,13 +1,12 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
+        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -20,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     parentKey?: unknown;
 } & {
     clsPrefix: string;
-    tmNode: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
+    tmNode: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>;
     parentKey: string | number | null;
 } & {}>, {
     parentKey: string | number | null;

package/es/dropdown/src/DropdownMenu.d.ts

@@ -1,6 +1,5 @@
 import { InjectionKey, PropType, Ref, CSSProperties } from 'vue';
 import { TreeNode } from 'treemate';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 export interface NDropdownMenuInjection {
     showIconRef: Ref<boolean>;
     hasSubmenuRef: Ref<boolean>;
@@ -14,7 +13,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     tmNodes: {
-        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[]>;
+        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[]>;
         default: () => never[];
     };
     parentKey: {
@@ -31,12 +30,12 @@ declare const _default: import("vue").DefineComponent<{
     clsPrefix: string;
     showArrow: boolean;
     parentKey: string | number;
-    tmNodes: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[];
+    tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
 } & {
     arrowStyle?: string | CSSProperties | undefined;
 }>, {
     showArrow: boolean;
     parentKey: string | number;
-    tmNodes: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>[];
+    tmNodes: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>[];
 }>;
 export default _default;

package/es/dropdown/src/DropdownMenu.js

@@ -57,16 +57,17 @@ export default defineComponent({
         const { parentKey, clsPrefix } = this;
         return (h("div", { class: `${clsPrefix}-dropdown-menu` },
             this.tmNodes.map((tmNode) => {
-                if (isRenderNode(tmNode.rawNode)) {
+                const { rawNode } = tmNode;
+                if (isRenderNode(rawNode)) {
                     return (h(NDropdownRenderOption, { tmNode: tmNode, key: tmNode.key }));
                 }
-                if (isDividerNode(tmNode.rawNode)) {
+                if (isDividerNode(rawNode)) {
                     return h(NDropdownDivider, { clsPrefix: clsPrefix, key: tmNode.key });
                 }
-                if (isGroupNode(tmNode.rawNode)) {
+                if (isGroupNode(rawNode)) {
                     return (h(NDropdownGroup, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key }));
                 }
-                return (h(NDropdownOption, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: tmNode.rawNode.props }));
+                return (h(NDropdownOption, { clsPrefix: clsPrefix, tmNode: tmNode, parentKey: parentKey, key: tmNode.key, props: rawNode.props }));
             }),
             this.showArrow
                 ? renderArrow({

package/es/dropdown/src/DropdownOption.d.ts

@@ -1,14 +1,13 @@
 import { PropType, Ref, HTMLAttributes } from 'vue';
 import { FollowerPlacement } from 'vueuc';
 import { TreeNode } from 'treemate';
-import { DropdownGroupOption, DropdownIgnoredOption, DropdownOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
         required: true;
     };
     tmNode: {
-        type: PropType<TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>>;
+        type: PropType<TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>>;
         required: true;
     };
     parentKey: {
@@ -28,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     siblingHasSubmenu: Ref<boolean>;
     animated: Ref<boolean>;
     mergedShowSubmenu: import("vue").ComputedRef<boolean>;
-    rawNode: import("vue").ComputedRef<DropdownOption | DropdownGroupOption | DropdownIgnoredOption>;
+    rawNode: import("vue").ComputedRef<import("../..").MenuOption | import("../..").MenuGroupOption | import("../../menu/src/interface").MenuIgnoredOption>;
     hasSubmenu: import("vue").ComputedRef<boolean>;
     pending: import("vue").ComputedRef<boolean>;
     childActive: import("vue").ComputedRef<boolean>;
@@ -49,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     clsPrefix: string;
     placement: FollowerPlacement;
-    tmNode: TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
+    tmNode: TreeNode<import("../..").MenuOption, import("../..").MenuGroupOption, import("../../menu/src/interface").MenuIgnoredOption>;
     parentKey: string | number | null;
 } & {
     props?: HTMLAttributes | undefined;

package/es/dropdown/src/DropdownOption.js

@@ -6,7 +6,7 @@ import { render, useDeferredTrue } from '../../_utils';
 import { NIcon } from '../../icon';
 import NDropdownMenu, { dropdownMenuInjectionKey } from './DropdownMenu';
 import { dropdownInjectionKey } from './Dropdown';
-import { isSubmenuNode } from './utils';
+import { isDropdownOptionRelatedTarget, isSubmenuNode } from './utils';
 const dropdownOptionInjectionKey = Symbol('dropdown-option');
 export default defineComponent({
     name: 'DropdownOption',
@@ -104,7 +104,7 @@ export default defineComponent({
                 return;
             const { relatedTarget } = e;
             if (relatedTarget &&
-                !relatedTarget.hasAttribute('__dropdown-option')) {
+                !isDropdownOptionRelatedTarget(relatedTarget)) {
                 hoverKeyRef.value = null;
             }
         }

package/es/dropdown/src/DropdownRenderOption.d.ts

@@ -1,14 +1,13 @@
 import { PropType } from 'vue';
 import { TreeNode } from 'treemate';
-import { DropdownRenderOption } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
-        type: PropType<TreeNode<DropdownRenderOption, DropdownRenderOption, DropdownRenderOption>>;
+        type: PropType<TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>>;
         required: true;
     };
 }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tmNode?: unknown;
 } & {
-    tmNode: TreeNode<DropdownRenderOption, DropdownRenderOption, DropdownRenderOption>;
+    tmNode: TreeNode<import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption, import("../../menu/src/interface").MenuRenderOption>;
 } & {}>, {}>;
 export default _default;

package/es/dropdown/src/interface.d.ts

@@ -1,35 +1,14 @@
 import { TreeNode } from 'treemate';
-import { VNodeChild, HTMLAttributes } from 'vue';
-import { MenuOption, MenuGroupOption } from '../../menu/src/interface';
+import { VNodeChild } from 'vue';
+import { MenuOption, MenuGroupOption, MenuDividerOption, MenuIgnoredOption, MenuRenderOption } from '../../menu/src/interface';
 export declare type Key = string | number;
-export declare type DropdownOptionProps = HTMLAttributes;
-export declare type DropdownOption = MenuOption & {
-    props?: HTMLAttributes;
-};
-export declare type DropdownGroupOption = MenuGroupOption & {
-    props?: HTMLAttributes;
-};
-export interface DropdownIgnoredOption {
-    key?: Key;
-    type: 'render' | 'divider';
-    props?: HTMLAttributes;
-    render?: () => VNodeChild;
-    [key: string]: unknown;
-}
-export declare type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownIgnoredOption;
-export declare type DropdownIntersectionOption = DropdownOption & DropdownGroupOption & DropdownIgnoredOption;
-export interface DropdownRenderOption {
-    key?: Key;
-    type: 'render';
-    props?: HTMLAttributes;
-    render?: () => VNodeChild;
-    [key: string]: unknown;
-}
-export interface DropdownDividerOption {
-    key?: Key;
-    type: 'divider';
-    [key: string]: unknown;
-}
+export declare type DropdownOption = MenuOption;
+export declare type DropdownGroupOption = MenuGroupOption;
+export declare type DropdownDividerOption = MenuDividerOption;
+export declare type DropdownRenderOption = MenuRenderOption;
+export declare type DropdownMixedOption = DropdownOption | DropdownGroupOption | DropdownDividerOption | DropdownRenderOption;
+export declare type DropdownIgnoredOption = MenuIgnoredOption;
+export declare type DropdownIntersectionOption = DropdownOption & DropdownGroupOption;
 export declare type TmNode = TreeNode<DropdownOption, DropdownGroupOption, DropdownIgnoredOption>;
 export declare type OnUpdateValue = <T extends string & number & (string | number)>(value: T, option: DropdownOption) => void;
 export declare type OnUpdateKeys = <T extends string[] & number[] & Array<string | number>>(keys: T) => void;

package/es/dropdown/src/utils.d.ts

@@ -3,3 +3,4 @@ export declare function isSubmenuNode(rawNode: DropdownMixedOption, childrenFiel
 export declare function isGroupNode(rawNode: DropdownMixedOption): boolean;
 export declare function isDividerNode(rawNode: DropdownMixedOption): boolean;
 export declare function isRenderNode(rawNode: DropdownMixedOption): rawNode is DropdownRenderOption;
+export declare function isDropdownOptionRelatedTarget(element: HTMLElement): boolean;

package/es/dropdown/src/utils.js

@@ -11,3 +11,13 @@ export function isDividerNode(rawNode) {
 export function isRenderNode(rawNode) {
     return rawNode.type === 'render';
 }
+export function isDropdownOptionRelatedTarget(element) {
+    let currentElement = element;
+    while (currentElement !== null) {
+        if (currentElement.hasAttribute('__dropdown-option')) {
+            return true;
+        }
+        currentElement = currentElement.parentElement;
+    }
+    return false;
+}