naive-ui 2.21.5 → 2.23.2

package/es/locales/date/zhTW.js

@@ -0,0 +1,6 @@
+import zhTW from 'date-fns/locale/zh-TW';
+const datezhTW = {
+    name: 'zh-TW',
+    locale: zhTW
+};
+export default datezhTW;

package/es/locales/index.d.ts

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -8,6 +9,7 @@ export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';

package/es/locales/index.js

@@ -1,4 +1,5 @@
 export { default as zhCN } from './common/zhCN';
+export { default as zhTW } from './common/zhTW';
 export { default as enUS } from './common/enUS';
 export { default as ruRU } from './common/ruRU';
 export { default as ukUA } from './common/ukUA';
@@ -8,6 +9,7 @@ export { default as deDE } from './common/deDE';
 export { default as nbNO } from './common/nbNO';
 export { default as frFR } from './common/frFR';
 export { default as dateZhCN } from './date/zhCN';
+export { default as dateZhTW } from './date/zhTW';
 export { default as dateEnUS } from './date/enUS';
 export { default as dateRuRU } from './date/ruRU';
 export { default as dateUkUA } from './date/ukUA';

package/es/log/src/Log.d.ts

@@ -403,12 +403,12 @@ declare const _default: import("vue").DefineComponent<{
     handleWheel: import("lodash").DebouncedFunc<(e: WheelEvent) => void>;
     handleScroll: (e: Event) => void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--loader-font-size': string;
-        '--loader-border': string;
-        '--loader-color': string;
-        '--loader-text-color': string;
-        '--loading-color': string;
+        '--n-bezier': string;
+        '--n-loader-font-size': string;
+        '--n-loader-border': string;
+        '--n-loader-color': string;
+        '--n-loader-text-color': string;
+        '--n-loading-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly loading?: unknown;

package/es/log/src/Log.js

@@ -159,12 +159,12 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { self: { loaderFontSize, loaderTextColor, loaderColor, loaderBorder, loadingColor }, common: { cubicBezierEaseInOut } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--loader-font-size': loaderFontSize,
-                    '--loader-border': loaderBorder,
-                    '--loader-color': loaderColor,
-                    '--loader-text-color': loaderTextColor,
-                    '--loading-color': loadingColor
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-loader-font-size': loaderFontSize,
+                    '--n-loader-border': loaderBorder,
+                    '--n-loader-color': loaderColor,
+                    '--n-loader-text-color': loaderTextColor,
+                    '--n-loading-color': loadingColor
                 };
             })
         };

package/es/log/src/styles/index.cssr.js

@@ -1,19 +1,17 @@
 import { c, cB, cE } from '../../../_utils/cssr';
 import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
-// --bezier
-// --loading-color
-// --loader-border
-// --loader-color
-// --loader-text-color
-// --loader-font-size
-// --loading-color
+// --n-bezier
+// --n-loading-color
+// --n-loader-border
+// --n-loader-color
+// --n-loader-text-color
+// --n-loader-font-size
+// --n-loading-color
 
 export default cB('log', `
  position: relative;
  box-sizing: border-box;
- transition:
- border-color .3s var(--bezier),
- color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
 `, [cE('lines', `
  margin: 0;
  white-space: pre-wrap;
@@ -21,9 +19,9 @@ export default cB('log', `
  margin: 0;
  `), cB('log-loader', `
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  box-sizing: border-box;
  position: absolute;
  right: 16px;
@@ -33,10 +31,10 @@ export default cB('log', `
  line-height: 34px;
  white-space: nowrap;
  overflow: hidden;
- border: var(--loader-border);
- color: var(--loader-text-color);
- background-color: var(--loader-color);
- font-size: var(--loader-font-size);
+ border: var(--n-loader-border);
+ color: var(--n-loader-text-color);
+ background-color: var(--n-loader-color);
+ font-size: var(--n-loader-font-size);
  `, [fadeInScaleUpTransition(), cE('content', `
  display: inline-block;
  vertical-align: bottom;
@@ -45,7 +43,7 @@ export default cB('log', `
  padding-right: 20px;
  white-space: nowrap;
  `), cB('base-loading', `
- color: var(--loading-color);
+ color: var(--n-loading-color);
  position: absolute;
  left: 12px;
  top: calc(50% - 10px);

package/es/mention/src/Mention.d.ts

@@ -1093,7 +1093,7 @@ declare const _default: import("vue").DefineComponent<{
     focus: () => void;
     blur: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--menu-box-shadow': string;
+        '--n-menu-box-shadow': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly to?: unknown;

package/es/mention/src/Mention.js

@@ -300,7 +300,7 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { self: { menuBoxShadow } } = themeRef.value;
                 return {
-                    '--menu-box-shadow': menuBoxShadow
+                    '--n-menu-box-shadow': menuBoxShadow
                 };
             })
         };

package/es/mention/src/styles/index.cssr.js

@@ -1,6 +1,6 @@
 import fadeInScaleUp from '../../../_styles/transitions/fade-in-scale-up.cssr';
-import { c, cB } from '../../../_utils/cssr'; // --menu-box-shadow
+import { c, cB } from '../../../_utils/cssr'; // --n-menu-box-shadow
 
 export default c([cB('mention', 'width: 100%; z-index: auto; position: relative;'), cB('mention-menu', `
- box-shadow: var(--menu-box-shadow);
+ box-shadow: var(--n-menu-box-shadow);
  `, [fadeInScaleUp()])]);

package/es/menu/src/Menu.js

@@ -204,55 +204,58 @@ export default defineComponent({
                 const { common: { cubicBezierEaseInOut }, self } = themeRef.value;
                 const { borderRadius, borderColorHorizontal, fontSize, itemHeight, dividerColor } = self;
                 const vars = {
-                    '--divider-color': dividerColor,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--font-size': fontSize,
-                    '--border-color-horizontal': borderColorHorizontal,
-                    '--border-radius': borderRadius,
-                    '--item-height': itemHeight
+                    '--n-divider-color': dividerColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-font-size': fontSize,
+                    '--n-border-color-horizontal': borderColorHorizontal,
+                    '--n-border-radius': borderRadius,
+                    '--n-item-height': itemHeight
                 };
                 if (inverted) {
-                    vars['--group-text-color'] = self.groupTextColorInverted;
-                    vars['--color'] = self.colorInverted;
-                    vars['--item-text-color'] = self.itemTextColorInverted;
-                    vars['--arrow-color'] = self.arrowColorInverted;
-                    vars['--arrow-color-hover'] = self.arrowColorHoverInverted;
-                    vars['--arrow-color-active'] = self.arrowColorActiveInverted;
-                    vars['--arrow-color-child-active'] =
+                    vars['--n-group-text-color'] = self.groupTextColorInverted;
+                    vars['--n-color'] = self.colorInverted;
+                    vars['--n-item-text-color'] = self.itemTextColorInverted;
+                    vars['--n-arrow-color'] = self.arrowColorInverted;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHoverInverted;
+                    vars['--n-arrow-color-active'] = self.arrowColorActiveInverted;
+                    vars['--n-arrow-color-child-active'] =
                         self.arrowColorChildActiveInverted;
-                    vars['--item-icon-color'] = self.itemIconColorInverted;
-                    vars['--item-text-color-hover'] = self.itemTextColorHoverInverted;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHoverInverted;
-                    vars['--item-text-color-active'] = self.itemTextColorActiveInverted;
-                    vars['--item-icon-color-active'] = self.itemIconColorActiveInverted;
-                    vars['--item-icon-color-collapsed'] =
+                    vars['--n-item-icon-color'] = self.itemIconColorInverted;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHoverInverted;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHoverInverted;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActiveInverted;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActiveInverted;
+                    vars['--n-item-icon-color-collapsed'] =
                         self.itemIconColorCollapsedInverted;
-                    vars['--item-color-active'] = self.itemColorActiveInverted;
-                    vars['--item-color-active-collapsed'] =
+                    vars['--n-item-color-active'] = self.itemColorActiveInverted;
+                    vars['--n-item-color-active-collapsed'] =
                         self.itemColorActiveCollapsedInverted;
-                    vars['--item-text-color-child-active'] =
+                    vars['--n-item-text-color-child-active'] =
                         self.itemTextColorChildActiveInverted;
-                    vars['--item-icon-color-child-active'] =
+                    vars['--n-item-icon-color-child-active'] =
                         self.itemIconColorChildActiveInverted;
                 }
                 else {
-                    vars['--group-text-color'] = self.groupTextColor;
-                    vars['--color'] = self.color;
-                    vars['--item-text-color'] = self.itemTextColor;
-                    vars['--arrow-color'] = self.arrowColor;
-                    vars['--arrow-color-hover'] = self.arrowColorHover;
-                    vars['--arrow-color-active'] = self.arrowColorActive;
-                    vars['--arrow-color-child-active'] = self.arrowColorChildActive;
-                    vars['--item-icon-color'] = self.itemIconColor;
-                    vars['--item-text-color-hover'] = self.itemTextColorHover;
-                    vars['--item-icon-color-hover'] = self.itemIconColorHover;
-                    vars['--item-text-color-active'] = self.itemTextColorActive;
-                    vars['--item-icon-color-active'] = self.itemIconColorActive;
-                    vars['--item-icon-color-collapsed'] = self.itemIconColorCollapsed;
-                    vars['--item-color-active'] = self.itemColorActive;
-                    vars['--item-color-active-collapsed'] = self.itemColorActiveCollapsed;
-                    vars['--item-text-color-child-active'] = self.itemTextColorChildActive;
-                    vars['--item-icon-color-child-active'] = self.itemIconColorChildActive;
+                    vars['--n-group-text-color'] = self.groupTextColor;
+                    vars['--n-color'] = self.color;
+                    vars['--n-item-text-color'] = self.itemTextColor;
+                    vars['--n-arrow-color'] = self.arrowColor;
+                    vars['--n-arrow-color-hover'] = self.arrowColorHover;
+                    vars['--n-arrow-color-active'] = self.arrowColorActive;
+                    vars['--n-arrow-color-child-active'] = self.arrowColorChildActive;
+                    vars['--n-item-icon-color'] = self.itemIconColor;
+                    vars['--n-item-text-color-hover'] = self.itemTextColorHover;
+                    vars['--n-item-icon-color-hover'] = self.itemIconColorHover;
+                    vars['--n-item-text-color-active'] = self.itemTextColorActive;
+                    vars['--n-item-icon-color-active'] = self.itemIconColorActive;
+                    vars['--n-item-icon-color-collapsed'] = self.itemIconColorCollapsed;
+                    vars['--n-item-color-active'] = self.itemColorActive;
+                    vars['--n-item-color-active-collapsed'] =
+                        self.itemColorActiveCollapsed;
+                    vars['--n-item-text-color-child-active'] =
+                        self.itemTextColorChildActive;
+                    vars['--n-item-icon-color-child-active'] =
+                        self.itemIconColorChildActive;
                 }
                 return vars;
             })

package/es/menu/src/styles/index.cssr.js

@@ -1,35 +1,35 @@
 import { c, cB, cE, cM, cNotM } from '../../../_utils/cssr';
 import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
-// --color
-// --group-text-color
-// --bezier
-// --font-size
-// --border-color-horizontal
-// --border-radius
-// --item-color-active
-// --item-color-active-collapsed
-// --arrow-color
-// --arrow-color-hover
-// --arrow-color-active
-// --arrow-color-child-active
-// --item-text-color
-// --item-text-color-hover
-// --item-text-color-active
-// --item-text-color-child-active
-// --item-icon-color
-// --item-icon-color-hover
-// --item-icon-color-active
-// --item-icon-color-collapsed
-// --item-icon-color-child-active
-// --item-height
+// --n-color
+// --n-group-text-color
+// --n-bezier
+// --n-font-size
+// --n-border-color-horizontal
+// --n-border-radius
+// --n-item-color-active
+// --n-item-color-active-collapsed
+// --n-arrow-color
+// --n-arrow-color-hover
+// --n-arrow-color-active
+// --n-arrow-color-child-active
+// --n-item-text-color
+// --n-item-text-color-hover
+// --n-item-text-color-active
+// --n-item-text-color-child-active
+// --n-item-icon-color
+// --n-item-icon-color-hover
+// --n-item-icon-color-active
+// --n-item-icon-color-collapsed
+// --n-item-icon-color-child-active
+// --n-item-height
 
 export default c([cB('menu', `
- background-color: var(--color);
- color: var(--item-text-color);
+ background-color: var(--n-color);
+ color: var(--n-item-text-color);
  overflow: hidden;
- transition: background-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier);
  box-sizing: border-box;
- font-size: var(--font-size);
+ font-size: var(--n-font-size);
  padding-bottom: 6px;
  `, [cM('horizontal', {
   display: 'inline-flex',
@@ -41,25 +41,25 @@ export default c([cB('menu', `
 }, [c('&::before', {
   backgroundColor: '#0000 !important'
 }), cM('selected', [cB('menu-item-content', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 })])]), cB('menu-item-content', {
   padding: '0 20px',
   borderBottom: '2px solid #0000'
 }, [cM('child-active', {
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }), cNotM('disabled', [hoverStyle({
-  borderBottom: '2px solid var(--border-color-horizontal)'
+  borderBottom: '2px solid var(--n-border-color-horizontal)'
 }, null)])])]), cM('collapsed', [cB('menu-item', [cM('selected', [c('&::before', {
-  backgroundColor: 'var(--item-color-active-collapsed) !important'
+  backgroundColor: 'var(--n-item-color-active-collapsed) !important'
 })])]), cB('menu-item-content', [cB('menu-item-content-header', {
   opacity: 0
 }), cE('arrow', {
   opacity: 0
 }), cE('icon', {
-  color: 'var(--item-icon-color-collapsed)'
+  color: 'var(--n-item-icon-color-collapsed)'
 })])]), cB('menu-item', `
- transition: background-color .3s var(--bezier);
- height: var(--item-height);
+ transition: background-color .3s var(--n-bezier);
+ height: var(--n-item-height);
  margin-top: 6px;
  position: relative;
  `, [c('&::before', `
@@ -72,20 +72,20 @@ export default c([cB('menu', `
  top: 0;
  bottom: 0;
  pointer-events: none;
- border-radius: var(--border-radius);
- transition: background-color .3s var(--bezier);
+ border-radius: var(--n-border-radius);
+ transition: background-color .3s var(--n-bezier);
  `), cNotM('disabled', [c('&:active::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 })]), cM('selected', [c('&::before', {
-  backgroundColor: 'var(--item-color-active)'
+  backgroundColor: 'var(--n-item-color-active)'
 }), cB('menu-item-content', [cE('arrow', {
-  color: 'var(--arrow-color-active)'
+  color: 'var(--n-arrow-color-active)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-active)'
+  color: 'var(--n-item-icon-color-active)'
 }), cB('menu-item-content-header', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-active)'
+  color: 'var(--n-item-text-color-active)'
 })])])])]), cB('menu-item-content', `
  box-sizing: border-box;
  line-height: 1.75;
@@ -99,37 +99,37 @@ export default c([cB('menu', `
  z-index: auto;
  padding-right: 18px;
  transition:
- background-color .3s var(--bezier),
- padding-left .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ padding-left .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [cM('disabled', {
   opacity: '.45',
   cursor: 'not-allowed'
 }), cM('collapsed', [cE('arrow', {
   transform: 'rotate(0)'
 })]), cM('child-active', [cB('menu-item-content-header', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-child-active)'
+  color: 'var(--n-item-text-color-child-active)'
 })]), cE('arrow', {
-  color: 'var(--arrow-color-child-active)'
+  color: 'var(--n-arrow-color-child-active)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-child-active)'
+  color: 'var(--n-item-icon-color-child-active)'
 })]), cNotM('disabled', [hoverStyle(null, [cE('arrow', {
-  color: 'var(--arrow-color-hover)'
+  color: 'var(--n-arrow-color-hover)'
 }), cE('icon', {
-  color: 'var(--item-icon-color-hover)'
+  color: 'var(--n-item-icon-color-hover)'
 }), cB('menu-item-content-header', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 }, [cE('extra', {
-  color: 'var(--item-text-color-hover)'
+  color: 'var(--n-item-text-color-hover)'
 })])])]), cE('icon', `
  grid-area: icon;
- color: var(--item-icon-color);
+ color: var(--n-item-icon-color);
  transition:
- color .3s var(--bezier),
- font-size .3s var(--bezier),
- margin-right .3s var(--bezier);
+ color .3s var(--n-bezier),
+ font-size .3s var(--n-bezier),
+ margin-right .3s var(--n-bezier);
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
@@ -137,23 +137,23 @@ export default c([cB('menu', `
  `), cE('arrow', `
  grid-area: arrow;
  font-size: 16px;
- color: var(--arrow-color);
+ color: var(--n-arrow-color);
  transform: rotate(180deg);
  opacity: 1;
  transition:
- color .3s var(--bezier),
- transform 0.2s var(--bezier),
- opacity 0.2s var(--bezier);
+ color .3s var(--n-bezier),
+ transform 0.2s var(--n-bezier),
+ opacity 0.2s var(--n-bezier);
  `), cB('menu-item-content-header', `
  grid-area: content;
  transition:
- color .3s var(--bezier),
- opacity .3s var(--bezier);
+ color .3s var(--n-bezier),
+ opacity .3s var(--n-bezier);
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
- color: var(--item-text-color);
+ color: var(--n-item-text-color);
  `, [c('a', `
  text-decoration: none;
  color: inherit;
@@ -166,14 +166,14 @@ export default c([cB('menu', `
  bottom: 0;
  `)]), cE('extra', `
  font-size: .93em;
- color: var(--group-text-color);
- transition: color .3s var(--bezier);
+ color: var(--n-group-text-color);
+ transition: color .3s var(--n-bezier);
  `)])]), cB('submenu', {
   cursor: 'pointer',
   position: 'relative',
   marginTop: '6px'
 }, [cB('menu-item-content', `
- height: var(--item-height);
+ height: var(--n-item-height);
  `), cB('submenu-children', {
   overflow: 'hidden',
   padding: 0
@@ -181,21 +181,21 @@ export default c([cB('menu', `
   duration: '.2s'
 })])]), cB('menu-item-group', [cB('menu-item-group-title', `
  margin-top: 6px;
- color: var(--group-text-color);
+ color: var(--n-group-text-color);
  cursor: default;
  font-size: .93em;
  height: 36px;
  display: flex;
  align-items: center;
  transition:
- padding-left .3s var(--bezier),
- color .3s var(--bezier);
+ padding-left .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  `)])]), cB('menu-tooltip', [c('a', `
  color: inherit;
  text-decoration: none;
  `)]), cB('menu-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: 6px 18px;
  `)]);

package/es/message/src/Message.d.ts

@@ -16,28 +16,28 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").Ref<string>;
     handleClose(): void;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--margin': string;
-        '--padding': string;
-        '--max-width': string;
-        '--font-size': string;
-        '--icon-margin': string;
-        '--icon-size': string;
-        '--close-size': string;
-        '--close-margin': string;
-        '--text-color': string;
-        '--color': string;
-        '--box-shadow': string;
-        '--icon-color-info': string;
-        '--icon-color-success': string;
-        '--icon-color-warning': string;
-        '--icon-color-error': string;
-        '--icon-color-loading': string;
-        '--close-color': string;
-        '--close-color-pressed': string;
-        '--close-color-hover': string;
-        '--line-height': string;
-        '--border-radius': string;
+        '--n-bezier': string;
+        '--n-margin': string;
+        '--n-padding': string;
+        '--n-max-width': string;
+        '--n-font-size': string;
+        '--n-icon-margin': string;
+        '--n-icon-size': string;
+        '--n-close-size': string;
+        '--n-close-margin': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-box-shadow': string;
+        '--n-icon-color-info': string;
+        '--n-icon-color-success': string;
+        '--n-icon-color-warning': string;
+        '--n-icon-color-error': string;
+        '--n-icon-color-loading': string;
+        '--n-close-color': string;
+        '--n-close-color-pressed': string;
+        '--n-close-color-hover': string;
+        '--n-line-height': string;
+        '--n-border-radius': string;
     }>;
     placement: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{

package/es/message/src/Message.js

@@ -31,28 +31,28 @@ export default defineComponent({
                 const { type } = props;
                 const { common: { cubicBezierEaseInOut }, self: { padding, margin, maxWidth, iconMargin, closeMargin, closeSize, iconSize, fontSize, lineHeight, borderRadius, iconColorInfo, iconColorSuccess, iconColorWarning, iconColorError, iconColorLoading, [createKey('textColor', type)]: textColor, [createKey('boxShadow', type)]: boxShadow, [createKey('color', type)]: color, [createKey('closeColor', type)]: closeColor, [createKey('closeColorPressed', type)]: closeColorPressed, [createKey('closeColorHover', type)]: closeColorHover } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--margin': margin,
-                    '--padding': padding,
-                    '--max-width': maxWidth,
-                    '--font-size': fontSize,
-                    '--icon-margin': iconMargin,
-                    '--icon-size': iconSize,
-                    '--close-size': closeSize,
-                    '--close-margin': closeMargin,
-                    '--text-color': textColor,
-                    '--color': color,
-                    '--box-shadow': boxShadow,
-                    '--icon-color-info': iconColorInfo,
-                    '--icon-color-success': iconColorSuccess,
-                    '--icon-color-warning': iconColorWarning,
-                    '--icon-color-error': iconColorError,
-                    '--icon-color-loading': iconColorLoading,
-                    '--close-color': closeColor,
-                    '--close-color-pressed': closeColorPressed,
-                    '--close-color-hover': closeColorHover,
-                    '--line-height': lineHeight,
-                    '--border-radius': borderRadius
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-margin': margin,
+                    '--n-padding': padding,
+                    '--n-max-width': maxWidth,
+                    '--n-font-size': fontSize,
+                    '--n-icon-margin': iconMargin,
+                    '--n-icon-size': iconSize,
+                    '--n-close-size': closeSize,
+                    '--n-close-margin': closeMargin,
+                    '--n-text-color': textColor,
+                    '--n-color': color,
+                    '--n-box-shadow': boxShadow,
+                    '--n-icon-color-info': iconColorInfo,
+                    '--n-icon-color-success': iconColorSuccess,
+                    '--n-icon-color-warning': iconColorWarning,
+                    '--n-icon-color-error': iconColorError,
+                    '--n-icon-color-loading': iconColorLoading,
+                    '--n-close-color': closeColor,
+                    '--n-close-color-pressed': closeColorPressed,
+                    '--n-close-color-hover': closeColorHover,
+                    '--n-line-height': lineHeight,
+                    '--n-border-radius': borderRadius
                 };
             }),
             placement: messageProviderProps.placement