naive-ui 2.23.1 → 2.23.2

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

@@ -29,7 +29,7 @@ declare const dialogProps: {
 };
 export declare type DialogProps = ExtractPublicPropTypes<typeof dialogProps>;
 export { dialogProps };
-export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "bordered" | "onClose" | "closable" | "showIcon" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];
+export declare const dialogPropKeys: ("type" | "content" | "icon" | "title" | "action" | "positiveText" | "negativeText" | "loading" | "showIcon" | "bordered" | "onClose" | "closable" | "iconPlacement" | "onPositiveClick" | "onNegativeClick")[];
 declare const _default: import("vue").DefineComponent<{
     icon: PropType<() => VNodeChild>;
     type: {
@@ -1151,9 +1151,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
 } & {
     content?: string | (() => VNodeChild) | undefined;
     icon?: (() => VNodeChild) | undefined;
@@ -1867,8 +1867,8 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
 }>;
 export default _default;

package/lib/dialog/src/Dialog.js

@@ -120,7 +120,7 @@ exports.default = (0, vue_1.defineComponent)({
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,
                 bordered && `${mergedClsPrefix}-dialog--bordered`
-            ], style: cssVars },
+            ], style: cssVars, role: "dialog" },
             closable ? ((0, vue_1.h)(_internal_1.NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__close`, onClick: this.handleCloseClick })) : null,
             showIcon && mergedIconPlacement === 'top' ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog-icon-container` },
                 (0, vue_1.h)(_internal_1.NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__icon` }, {
@@ -139,10 +139,10 @@ exports.default = (0, vue_1.defineComponent)({
             $slots.action || positiveText || negativeText || action ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-dialog__action` }, (0, vue_1.renderSlot)($slots, 'action', undefined, action
                 ? () => [(0, _utils_1.render)(action)]
                 : () => [
-                    this.negativeText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, ghost: true, size: "small", onClick: handleNegativeClick, internalAutoFocus: !this.positiveText }, {
+                    this.negativeText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, ghost: true, size: "small", onClick: handleNegativeClick }, {
                         default: () => (0, _utils_1.render)(this.negativeText)
                     })),
-                    this.positiveText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: loading, loading: loading, size: "small", type: type === 'default' ? 'primary' : type, onClick: handlePositiveClick, internalAutoFocus: true }, {
+                    this.positiveText && ((0, vue_1.h)(button_1.NButton, { theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button, disabled: loading, loading: loading, size: "small", type: type === 'default' ? 'primary' : type, onClick: handlePositiveClick }, {
                         default: () => (0, _utils_1.render)(this.positiveText)
                     }))
                 ]))) : null));

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

@@ -105,9 +105,9 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
     maskClosable: boolean;
     internalKey: string;
     onInternalAfterLeave: (key: string) => void;
@@ -128,9 +128,9 @@ declare const _default: import("vue").DefineComponent<{
 }>, {
     type: "default" | "error" | "info" | "success" | "warning";
     loading: boolean;
+    showIcon: boolean;
     bordered: boolean;
     closable: boolean;
-    showIcon: boolean;
     maskClosable: boolean;
 }>;
 export default _default;

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

@@ -49,10 +49,10 @@ declare const _default: import("vue").DefineComponent<{
         positiveText?: string | undefined;
         negativeText?: string | undefined;
         loading?: boolean | undefined;
+        showIcon?: boolean | undefined;
         bordered?: boolean | undefined;
         onClose?: (() => unknown) | undefined;
         closable?: boolean | undefined;
-        showIcon?: boolean | undefined;
         iconPlacement?: import("./interface").IconPlacement | undefined;
         onPositiveClick?: ((e: MouseEvent) => unknown) | undefined;
         onNegativeClick?: ((e: MouseEvent) => unknown) | undefined;

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

@@ -400,25 +400,25 @@ declare const _default: import("vue").DefineComponent<{
         };
     }>;
     cssVars: import("vue").ComputedRef<{
-        '--line-height': string;
-        '--color': string;
-        '--text-color': string;
-        '--box-shadow': string;
-        '--bezier': string;
-        '--bezier-out': string;
-        '--bezier-in': string;
-        '--header-padding': string;
-        '--body-padding': string;
-        '--footer-padding': string;
-        '--title-text-color': string;
-        '--title-font-size': string;
-        '--title-font-weight': string;
-        '--header-border-bottom': string;
-        '--footer-border-top': string;
-        '--close-color': string;
-        '--close-color-hover': string;
-        '--close-color-pressed': string;
-        '--close-size': string;
+        '--n-line-height': string;
+        '--n-color': string;
+        '--n-text-color': string;
+        '--n-box-shadow': string;
+        '--n-bezier': string;
+        '--n-bezier-out': string;
+        '--n-bezier-in': string;
+        '--n-header-padding': string;
+        '--n-body-padding': string;
+        '--n-footer-padding': string;
+        '--n-title-text-color': string;
+        '--n-title-font-size': string;
+        '--n-title-font-weight': string;
+        '--n-header-border-bottom': string;
+        '--n-footer-border-top': string;
+        '--n-close-color': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-close-size': string;
     }>;
     isMounted: Readonly<import("vue").Ref<boolean>>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

package/lib/drawer/src/Drawer.js

@@ -140,25 +140,25 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.computed)(() => {
                 const { common: { cubicBezierEaseInOut, cubicBezierEaseIn, cubicBezierEaseOut }, self: { color, textColor, boxShadow, lineHeight, headerPadding, footerPadding, bodyPadding, titleFontSize, titleTextColor, titleFontWeight, headerBorderBottom, footerBorderTop, closeColor, closeColorHover, closeColorPressed, closeSize } } = themeRef.value;
                 return {
-                    '--line-height': lineHeight,
-                    '--color': color,
-                    '--text-color': textColor,
-                    '--box-shadow': boxShadow,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--bezier-out': cubicBezierEaseOut,
-                    '--bezier-in': cubicBezierEaseIn,
-                    '--header-padding': headerPadding,
-                    '--body-padding': bodyPadding,
-                    '--footer-padding': footerPadding,
-                    '--title-text-color': titleTextColor,
-                    '--title-font-size': titleFontSize,
-                    '--title-font-weight': titleFontWeight,
-                    '--header-border-bottom': headerBorderBottom,
-                    '--footer-border-top': footerBorderTop,
-                    '--close-color': closeColor,
-                    '--close-color-hover': closeColorHover,
-                    '--close-color-pressed': closeColorPressed,
-                    '--close-size': closeSize
+                    '--n-line-height': lineHeight,
+                    '--n-color': color,
+                    '--n-text-color': textColor,
+                    '--n-box-shadow': boxShadow,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-bezier-out': cubicBezierEaseOut,
+                    '--n-bezier-in': cubicBezierEaseIn,
+                    '--n-header-padding': headerPadding,
+                    '--n-body-padding': bodyPadding,
+                    '--n-footer-padding': footerPadding,
+                    '--n-title-text-color': titleTextColor,
+                    '--n-title-font-size': titleFontSize,
+                    '--n-title-font-weight': titleFontWeight,
+                    '--n-header-border-bottom': headerBorderBottom,
+                    '--n-footer-border-top': footerBorderTop,
+                    '--n-close-color': closeColor,
+                    '--n-close-color-hover': closeColorHover,
+                    '--n-close-color-pressed': closeColorPressed,
+                    '--n-close-size': closeSize
                 };
             }),
             isMounted: isMountedRef

package/lib/drawer/src/styles/index.cssr.js

@@ -21,37 +21,37 @@ const slide_in_from_top_1 = __importDefault(require("../../../_styles/transition
 const slide_in_from_bottom_1 = __importDefault(require("../../../_styles/transitions/slide-in-from-bottom"));
 
 const fade_in_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in.cssr")); // vars:
-// --line-height
-// --color
-// --text-color
-// --box-shadow
-// --bezier
-// --bezier-out
-// --bezier-in
-// --body-padding
-// --header-padding
-// --footer-padding
-// --title-font-size
-// --title-text-color
-// --title-font-weight
-// --header-border-bottom
-// --footer-border-top
-// --close-color
-// --close-color-hover
-// --close-color-pressed
-// --close-size
+// --n-line-height
+// --n-color
+// --n-text-color
+// --n-box-shadow
+// --n-bezier
+// --n-bezier-out
+// --n-bezier-in
+// --n-body-padding
+// --n-header-padding
+// --n-footer-padding
+// --n-title-font-size
+// --n-title-text-color
+// --n-title-font-weight
+// --n-header-border-bottom
+// --n-footer-border-top
+// --n-close-color
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-close-size
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('drawer', `
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  position: absolute;
  pointer-events: all;
- box-shadow: var(--box-shadow);
+ box-shadow: var(--n-box-shadow);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier);
- background-color: var(--color);
- color: var(--text-color);
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ background-color: var(--n-color);
+ color: var(--n-text-color);
  box-sizing: border-box;
  `, [(0, slide_in_from_right_1.default)(), (0, slide_in_from_left_1.default)(), (0, slide_in_from_top_1.default)(), (0, slide_in_from_bottom_1.default)(), (0, cssr_1.cM)('native-scrollbar', [(0, cssr_1.cB)('drawer-content-wrapper', `
  overflow: auto;
@@ -67,30 +67,31 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('drawer', `
  overflow: auto;
  `)]), (0, cssr_1.cB)('drawer-body', `
  flex: 1 0 0;
+ overflow: hidden;
  `), (0, cssr_1.cB)('drawer-body-content-wrapper', `
  box-sizing: border-box;
- padding: var(--body-padding);
+ padding: var(--n-body-padding);
  `), (0, cssr_1.cB)('drawer-header', `
- font-weight: var(--title-font-weight);
+ font-weight: var(--n-title-font-weight);
  line-height: 1;
- font-size: var(--title-font-size);
- color: var(--title-text-color);
- padding: var(--header-padding);
- transition: border .3s var(--bezier);
- border-bottom: 1px solid var(--divider-color);
- border-bottom: var(--header-border-bottom);
+ font-size: var(--n-title-font-size);
+ color: var(--n-title-text-color);
+ padding: var(--n-header-padding);
+ transition: border .3s var(--n-bezier);
+ border-bottom: 1px solid var(--n-divider-color);
+ border-bottom: var(--n-header-border-bottom);
  display: flex;
  justify-content: space-between;
  align-items: center;
  `, [(0, cssr_1.cE)('close', `
- transition: color .3s var(--bezier);
- font-size: var(--close-size);
+ transition: color .3s var(--n-bezier);
+ font-size: var(--n-close-size);
  `)]), (0, cssr_1.cB)('drawer-footer', `
  display: flex;
  justify-content: flex-end;
- border-top: var(--footer-border-top);
- transition: border .3s var(--bezier);
- padding: var(--footer-padding);
+ border-top: var(--n-footer-border-top);
+ transition: border .3s var(--n-bezier);
+ padding: var(--n-footer-padding);
  `)]), (0, cssr_1.cM)('right-placement', `
  top: 0;
  bottom: 0;
@@ -129,6 +130,6 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('drawer', `
  `, [(0, fade_in_cssr_1.default)({
   enterDuration: '0.2s',
   leaveDuration: '0.2s',
-  enterCubicBezier: 'var(--bezier-in)',
-  leaveCubicBezier: 'var(--bezier-out)'
+  enterCubicBezier: 'var(--n-bezier-in)',
+  leaveCubicBezier: 'var(--n-bezier-out)'
 })])]);

package/lib/dropdown/src/Dropdown.js

@@ -241,46 +241,48 @@ exports.default = (0, vue_1.defineComponent)({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { padding, dividerColor, borderRadius, optionOpacityDisabled, [(0, _utils_1.createKey)('optionIconSuffixWidth', size)]: optionIconSuffixWidth, [(0, _utils_1.createKey)('optionSuffixWidth', size)]: optionSuffixWidth, [(0, _utils_1.createKey)('optionIconPrefixWidth', size)]: optionIconPrefixWidth, [(0, _utils_1.createKey)('optionPrefixWidth', size)]: optionPrefixWidth, [(0, _utils_1.createKey)('fontSize', size)]: fontSize, [(0, _utils_1.createKey)('optionHeight', size)]: optionHeight, [(0, _utils_1.createKey)('optionIconSize', size)]: optionIconSize } = self;
                 const vars = {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--padding': padding,
-                    '--border-radius': borderRadius,
-                    '--option-height': optionHeight,
-                    '--option-prefix-width': optionPrefixWidth,
-                    '--option-icon-prefix-width': optionIconPrefixWidth,
-                    '--option-suffix-width': optionSuffixWidth,
-                    '--option-icon-suffix-width': optionIconSuffixWidth,
-                    '--option-icon-size': optionIconSize,
-                    '--divider-color': dividerColor,
-                    '--option-opacity-disabled': optionOpacityDisabled
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-padding': padding,
+                    '--n-border-radius': borderRadius,
+                    '--n-option-height': optionHeight,
+                    '--n-option-prefix-width': optionPrefixWidth,
+                    '--n-option-icon-prefix-width': optionIconPrefixWidth,
+                    '--n-option-suffix-width': optionSuffixWidth,
+                    '--n-option-icon-suffix-width': optionIconSuffixWidth,
+                    '--n-option-icon-size': optionIconSize,
+                    '--n-divider-color': dividerColor,
+                    '--n-option-opacity-disabled': optionOpacityDisabled
                 };
                 // writing like this is the fastest method
                 if (inverted) {
-                    vars['--color'] = self.colorInverted;
-                    vars['--option-color-hover'] = self.optionColorHoverInverted;
-                    vars['--option-color-active'] = self.optionColorActiveInverted;
-                    vars['--option-text-color'] = self.optionTextColorInverted;
-                    vars['--option-text-color-hover'] = self.optionTextColorHoverInverted;
-                    vars['--option-text-color-active'] =
+                    vars['--n-color'] = self.colorInverted;
+                    vars['--n-option-color-hover'] = self.optionColorHoverInverted;
+                    vars['--n-option-color-active'] = self.optionColorActiveInverted;
+                    vars['--n-option-text-color'] = self.optionTextColorInverted;
+                    vars['--n-option-text-color-hover'] =
+                        self.optionTextColorHoverInverted;
+                    vars['--n-option-text-color-active'] =
                         self.optionTextColorActiveInverted;
-                    vars['--option-text-color-child-active'] =
+                    vars['--n-option-text-color-child-active'] =
                         self.optionTextColorChildActiveInverted;
-                    vars['--prefix-color'] = self.prefixColorInverted;
-                    vars['--suffix-color'] = self.suffixColorInverted;
-                    vars['--group-header-text-color'] = self.groupHeaderTextColorInverted;
+                    vars['--n-prefix-color'] = self.prefixColorInverted;
+                    vars['--n-suffix-color'] = self.suffixColorInverted;
+                    vars['--n-group-header-text-color'] =
+                        self.groupHeaderTextColorInverted;
                 }
                 else {
-                    vars['--color'] = self.color;
-                    vars['--option-color-hover'] = self.optionColorHover;
-                    vars['--option-color-active'] = self.optionColorActive;
-                    vars['--option-text-color'] = self.optionTextColor;
-                    vars['--option-text-color-hover'] = self.optionTextColorHover;
-                    vars['--option-text-color-active'] = self.optionTextColorActive;
-                    vars['--option-text-color-child-active'] =
+                    vars['--n-color'] = self.color;
+                    vars['--n-option-color-hover'] = self.optionColorHover;
+                    vars['--n-option-color-active'] = self.optionColorActive;
+                    vars['--n-option-text-color'] = self.optionTextColor;
+                    vars['--n-option-text-color-hover'] = self.optionTextColorHover;
+                    vars['--n-option-text-color-active'] = self.optionTextColorActive;
+                    vars['--n-option-text-color-child-active'] =
                         self.optionTextColorChildActive;
-                    vars['--prefix-color'] = self.prefixColor;
-                    vars['--suffix-color'] = self.suffixColor;
-                    vars['--group-header-text-color'] = self.groupHeaderTextColor;
+                    vars['--n-prefix-color'] = self.prefixColor;
+                    vars['--n-suffix-color'] = self.suffixColor;
+                    vars['--n-group-header-text-color'] = self.groupHeaderTextColor;
                 }
                 return vars;
             })

package/lib/dropdown/src/styles/index.cssr.js

@@ -13,40 +13,40 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_scale_up_cssr_1 = __importDefault(require("../../../_styles/transitions/fade-in-scale-up.cssr")); // vars:
-// --bezier
-// --font-size
-// --padding
-// --border-radius
-// --option-height
-// --option-prefix-width
-// --option-icon-prefix-width
-// --option-suffix-width
-// --option-icon-suffix-width
-// --color
-// --option-color-hover
-// --option-color-active
-// --divider-color
-// --option-text-color
-// --option-text-color-hover
-// --option-text-color-active
-// --option-text-color-child-active
-// --prefix-color
-// --suffix-color
-// --option-icon-size
-// --option-opacity-disabled
+// --n-bezier
+// --n-font-size
+// --n-padding
+// --n-border-radius
+// --n-option-height
+// --n-option-prefix-width
+// --n-option-icon-prefix-width
+// --n-option-suffix-width
+// --n-option-icon-suffix-width
+// --n-color
+// --n-option-color-hover
+// --n-option-color-active
+// --n-divider-color
+// --n-option-text-color
+// --n-option-text-color-hover
+// --n-option-text-color-active
+// --n-option-text-color-child-active
+// --n-prefix-color
+// --n-suffix-color
+// --n-option-icon-size
+// --n-option-opacity-disabled
 // shared with popover
-// --box-shadow
+// --n-box-shadow
 
 
 exports.default = (0, cssr_1.cB)('dropdown-menu', `
  transform-origin: inherit;
- padding: var(--padding);
- background-color: var(--color);
- border-radius: var(--border-radius);
- box-shadow: var(--box-shadow);
+ padding: var(--n-padding);
+ background-color: var(--n-color);
+ border-radius: var(--n-border-radius);
+ box-shadow: var(--n-box-shadow);
  transition:
- background-color .3s var(--bezier),
- box-shadow .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier);
 `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cB)('dropdown-option', `
  position: relative;
  `, [(0, cssr_1.c)('a', `
@@ -62,48 +62,48 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
  `)]), (0, cssr_1.cB)('dropdown-option-body', `
  display: flex;
  cursor: pointer;
- height: var(--option-height);
- line-height: var(--option-height);
- font-size: var(--font-size);
- color: var(--option-text-color);
+ height: var(--n-option-height);
+ line-height: var(--n-option-height);
+ font-size: var(--n-font-size);
+ color: var(--n-option-text-color);
  transition:
- background-color .3s var(--bezier),
- color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('pending', [(0, cssr_1.cNotM)('disabled', {
-  color: 'var(--option-text-color-hover)',
-  backgroundColor: 'var(--option-color-hover)'
+  color: 'var(--n-option-text-color-hover)',
+  backgroundColor: 'var(--n-option-color-hover)'
 }), (0, cssr_1.cE)('prefix, suffix', {
-  color: 'var(--option-text-color-hover)'
+  color: 'var(--n-option-text-color-hover)'
 })]), (0, cssr_1.cM)('active', [(0, cssr_1.cNotM)('disabled', {
-  color: 'var(--option-text-color-active)',
-  backgroundColor: 'var(--option-color-active)'
+  color: 'var(--n-option-text-color-active)',
+  backgroundColor: 'var(--n-option-color-active)'
 }), (0, cssr_1.cE)('prefix, suffix', {
-  color: 'var(--option-text-color-active)'
+  color: 'var(--n-option-text-color-active)'
 })]), (0, cssr_1.cM)('disabled', {
   cursor: 'not-allowed',
-  opacity: 'var(--option-opacity-disabled)'
+  opacity: 'var(--n-option-opacity-disabled)'
 }), (0, cssr_1.cM)('child-active', {
-  color: 'var(--option-text-color-child-active)'
+  color: 'var(--n-option-text-color-child-active)'
 }, [(0, cssr_1.cE)('prefix, suffix', {
-  color: 'var(--option-text-color-child-active)'
+  color: 'var(--n-option-text-color-child-active)'
 })]), (0, cssr_1.cM)('group', {
-  fontSize: 'calc(var(--font-size) - 1px)',
-  color: 'var(--group-header-text-color)'
+  fontSize: 'calc(var(--n-font-size) - 1px)',
+  color: 'var(--n-group-header-text-color)'
 }, [(0, cssr_1.cE)('prefix', {
-  width: 'calc(var(--option-prefix-width) / 2)'
+  width: 'calc(var(--n-option-prefix-width) / 2)'
 }, [(0, cssr_1.cM)('show-icon', {
-  width: 'calc(var(--option-icon-prefix-width) / 2)'
+  width: 'calc(var(--n-option-icon-prefix-width) / 2)'
 })])]), (0, cssr_1.cE)('prefix', `
- width: var(--option-prefix-width);
+ width: var(--n-option-prefix-width);
  display: flex;
  justify-content: center;
  align-items: center;
- color: var(--prefix-color);
- transition: color .3s var(--bezier);
+ color: var(--n-prefix-color);
+ transition: color .3s var(--n-bezier);
  `, [(0, cssr_1.cM)('show-icon', {
-  width: 'var(--option-icon-prefix-width)'
+  width: 'var(--n-option-icon-prefix-width)'
 }), (0, cssr_1.cB)('icon', {
-  fontSize: 'var(--option-icon-size)'
+  fontSize: 'var(--n-option-icon-size)'
 })]), (0, cssr_1.cE)('label', {
   whiteSpace: 'nowrap',
   flex: 1
@@ -114,14 +114,14 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
  display: flex;
  justify-content: flex-end;
  align-items: center;
- min-width: var(--option-suffix-width);
+ min-width: var(--n-option-suffix-width);
  padding: 0 8px;
- transition: color .3s var(--bezier);
- color: var(--suffix-color);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-suffix-color);
  `, [(0, cssr_1.cM)('has-submenu', {
-  width: 'var(--option-icon-suffix-width)'
+  width: 'var(--n-option-icon-suffix-width)'
 }), (0, cssr_1.cB)('icon', {
-  fontSize: 'var(--option-icon-size)'
+  fontSize: 'var(--n-option-icon-size)'
 })]), (0, cssr_1.cB)('dropdown-menu', {
   pointerEvents: 'all'
 })]), (0, cssr_1.cB)('dropdown-offset-container', `
@@ -132,8 +132,8 @@ exports.default = (0, cssr_1.cB)('dropdown-menu', `
  top: -4px;
  bottom: -4px;
  `)]), (0, cssr_1.cB)('dropdown-divider', `
- transition: background-color .3s var(--bezier);
- background-color: var(--divider-color);
+ transition: background-color .3s var(--n-bezier);
+ background-color: var(--n-divider-color);
  height: 1px;
  margin: 4px 0;
  `), (0, cssr_1.cB)('dropdown-menu-wrapper', `

package/lib/empty/src/Empty.d.ts

@@ -1,14 +1,15 @@
 import { PropType, VNodeChild } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 declare const emptyProps: {
-    description: {
-        type: StringConstructor;
-        default: undefined;
-    };
+    description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
         default: string;
@@ -56,14 +57,15 @@ declare const emptyProps: {
 };
 export declare type EmptyProps = ExtractPublicPropTypes<typeof emptyProps>;
 declare const _default: import("vue").DefineComponent<{
-    description: {
-        type: StringConstructor;
-        default: undefined;
-    };
+    description: StringConstructor;
     showDescription: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
         default: string;
@@ -113,16 +115,17 @@ declare const _default: import("vue").DefineComponent<{
     mergedRenderIcon: import("vue").ComputedRef<() => VNodeChild>;
     localizedDescription: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--icon-size': string;
-        '--font-size': string;
-        '--bezier': string;
-        '--text-color': string;
-        '--icon-color': string;
-        '--extra-text-color': string;
+        '--n-icon-size': string;
+        '--n-font-size': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-icon-color': string;
+        '--n-extra-text-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     description?: unknown;
     showDescription?: unknown;
+    showIcon?: unknown;
     size?: unknown;
     renderIcon?: unknown;
     theme?: unknown;
@@ -131,6 +134,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     size: "small" | "medium" | "large" | "huge";
     showDescription: boolean;
+    showIcon: boolean;
 } & {
     description?: string | undefined;
     theme?: import("../../_mixins").Theme<"Empty", {
@@ -174,8 +178,8 @@ declare const _default: import("vue").DefineComponent<{
     }, any>> | undefined;
     renderIcon?: (() => VNodeChild) | undefined;
 }>, {
-    description: string;
     size: "small" | "medium" | "large" | "huge";
     showDescription: boolean;
+    showIcon: boolean;
 }>;
 export default _default;