naive-ui 2.20.3 → 2.21.3

package/lib/date-picker/styles/light.d.ts

@@ -182,20 +182,30 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
+        colorOpacitySecondary: string;
+        colorOpacitySecondaryHover: string;
+        colorOpacitySecondaryPressed: string;
+        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;
@@ -342,9 +352,8 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
         borderDisabledError: string;
         rippleColorError: string;
         waveOpacity: string;
-        fontWeightText: string;
         fontWeight: string;
-        fontWeighGhost: string;
+        fontWeightStrong: string;
         paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;
@@ -398,20 +407,30 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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;
@@ -558,9 +577,8 @@ declare const datePickerLight: import("../../_mixins").Theme<"DatePicker", {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;

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

@@ -97,20 +97,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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;
@@ -800,9 +827,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -873,20 +904,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: string;
+                colorOpacitySecondaryHover: string;
+                colorOpacitySecondaryPressed: string;
+                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 +1074,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 +1201,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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 +1371,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 +1434,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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 +1604,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 +1667,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: string;
+            colorOpacitySecondaryHover: string;
+            colorOpacitySecondaryPressed: string;
+            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 +1837,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/lib/dialog/src/styles/index.cssr.js

@@ -68,6 +68,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('dialog', `
  font-size: var(--font-size);
  margin: var(--content-margin);
  position: relative;
+ word-break: break-word;
  `, [(0, cssr_1.c)('&:last-child', 'margin-bottom: 0;')]), (0, cssr_1.cE)('action', `
  display: flex;
  justify-content: flex-end;

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

@@ -70,20 +70,30 @@ declare const dialogLight: import("../../_mixins").Theme<"Dialog", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
+        colorOpacitySecondary: string;
+        colorOpacitySecondaryHover: string;
+        colorOpacitySecondaryPressed: string;
+        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/lib/drawer/src/Drawer.d.ts

@@ -333,9 +333,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

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

@@ -94,9 +94,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

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

@@ -103,9 +103,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;

package/lib/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/lib/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>;
@@ -295,7 +295,7 @@ declare const dropdownProps: {
         default: string;
     };
     readonly arrowStyle: PropType<string | CSSProperties>;
-    readonly filp: {
+    readonly flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -607,7 +607,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     readonly arrowStyle: PropType<string | CSSProperties>;
-    readonly filp: {
+    readonly flip: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -713,9 +713,13 @@ declare const _default: import("vue").DefineComponent<{
             tableHeaderColor: string;
             hoverColor: string;
             tableColorHover: string;
+            tableColorStriped: string;
             pressedColor: string;
             opacityDisabled: string;
             inputColorDisabled: string;
+            buttonColor2: string;
+            buttonColor2Hover: string;
+            buttonColor2Pressed: string;
             boxShadow1: string;
             boxShadow2: string;
             boxShadow3: string;
@@ -822,7 +826,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>;
@@ -856,7 +860,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly getDisabled?: unknown;
     readonly displayDirective?: unknown;
     readonly arrowStyle?: unknown;
-    readonly filp?: unknown;
+    readonly flip?: unknown;
     readonly width?: unknown;
     readonly overlap?: unknown;
     readonly internalExtraClass?: unknown;
@@ -874,6 +878,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly maxWidth?: unknown;
 } & {
     size: "small" | "medium" | "large" | "huge";
+    flip: boolean;
     disabled: boolean;
     duration: number;
     raw: boolean;
@@ -884,7 +889,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];
@@ -1129,6 +1133,7 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     size: "small" | "medium" | "large" | "huge";
     show: boolean | undefined;
+    flip: boolean;
     width: number | "trigger";
     disabled: boolean;
     duration: number;
@@ -1141,7 +1146,6 @@ declare const _default: import("vue").DefineComponent<{
     showArrow: boolean;
     delay: number;
     displayDirective: "show" | "if";
-    filp: boolean;
     animated: boolean;
     defaultShow: boolean;
     internalExtraClass: string[];

package/lib/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/lib/dropdown/src/DropdownGroupHeader.js

@@ -35,17 +35,17 @@ exports.default = (0, vue_1.defineComponent)({
         const { rawNode } = this.tmNode;
         return ((0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-option` },
             (0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-option-body ${clsPrefix}-dropdown-option-body--group` },
-                (0, vue_1.h)("div", { "__dropdown-option": true, class: [
+                (0, vue_1.h)("div", { "data-dropdown-option": true, class: [
                         `${clsPrefix}-dropdown-option-body__prefix`,
                         showIcon && `${clsPrefix}-dropdown-option-body__prefix--show-icon`
                     ] }, (0, _utils_1.render)(rawNode.icon)),
-                (0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-option-body__label`, "__dropdown-option": true }, renderLabel
+                (0, vue_1.h)("div", { class: `${clsPrefix}-dropdown-option-body__label`, "data-dropdown-option": true }, renderLabel
                     ? renderLabel(rawNode)
                     : (0, _utils_1.render)((_a = rawNode.title) !== null && _a !== void 0 ? _a : rawNode[this.labelField])),
                 (0, vue_1.h)("div", { class: [
                         `${clsPrefix}-dropdown-option-body__suffix`,
                         hasSubmenu &&
                             `${clsPrefix}-dropdown-option-body__suffix--has-submenu`
-                    ], "__dropdown-option": true }))));
+                    ], "data-dropdown-option": true }))));
     }
 });