naive-ui 2.21.5 → 2.23.2

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

@@ -1,32 +1,32 @@
 import { c, cB, cE, cM, cNotM, insideModal, insidePopover } from '../../../_utils/cssr'; // vars:
-// --th-padding
-// --td-padding
-// --font-size
-// --bezier
-// --th-font-weight
-// --line-height
-// --th-text-color
-// --td-text-color
-// --th-color
-// --th-color-modal
-// --th-color-popover
-// --td-color
-// --td-color-modal
-// --td-color-popover
-// --border-radius
-// --border-color
-// --border-color-modal
-// --border-color-popover
+// --n-th-padding
+// --n-td-padding
+// --n-font-size
+// --n-bezier
+// --n-th-font-weight
+// --n-line-height
+// --n-th-text-color
+// --n-td-text-color
+// --n-th-color
+// --n-th-color-modal
+// --n-th-color-popover
+// --n-td-color
+// --n-td-color-modal
+// --n-td-color-popover
+// --n-border-radius
+// --n-border-color
+// --n-border-color-modal
+// --n-border-color-popover
 
 export default c([cB('descriptions', {
-  fontSize: 'var(--font-size)'
+  fontSize: 'var(--n-font-size)'
 }, [cB('descriptions-separator', `
  display: inline-block;
  margin: 0 8px 0 2px;
  `), cB('descriptions-table-wrapper', [cB('descriptions-table', [cB('descriptions-table-row', [cB('descriptions-table-header', {
-  padding: 'var(--th-padding)'
+  padding: 'var(--n-th-padding)'
 }), cB('descriptions-table-content', {
-  padding: 'var(--td-padding)'
+  padding: 'var(--n-td-padding)'
 })])])]), cNotM('bordered', [cB('descriptions-table-wrapper', [cB('descriptions-table', [cB('descriptions-table-row', [c('&:last-child', [cB('descriptions-table-content', {
   paddingBottom: 0
 })])])])])]), cM('left-label-placement', [cB('descriptions-table-content', [c('> *', {
@@ -38,33 +38,33 @@ export default c([cB('descriptions', {
 })]), cM('right-label-align', [c('th', {
   textAlign: 'right'
 })]), cM('bordered', [cB('descriptions-table-wrapper', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  overflow: hidden;
- background: var(--merged-td-color);
- border: 1px solid var(--merged-border-color);
+ background: var(--n-merged-td-color);
+ border: 1px solid var(--n-merged-border-color);
  `, [cB('descriptions-table', [cB('descriptions-table-row', [c('&:not(:last-child)', [cB('descriptions-table-content', {
-  borderBottom: '1px solid var(--merged-border-color)'
+  borderBottom: '1px solid var(--n-merged-border-color)'
 }), cB('descriptions-table-header', {
-  borderBottom: '1px solid var(--merged-border-color)'
+  borderBottom: '1px solid var(--n-merged-border-color)'
 })]), cB('descriptions-table-header', `
  font-weight: 400;
  background-clip: padding-box;
- background-color: var(--merged-th-color);
+ background-color: var(--n-merged-th-color);
  `, [c('&:not(:last-child)', {
-  borderRight: '1px solid var(--merged-border-color)'
+  borderRight: '1px solid var(--n-merged-border-color)'
 })]), cB('descriptions-table-content', [c('&:not(:last-child)', {
-  borderRight: '1px solid var(--merged-border-color)'
+  borderRight: '1px solid var(--n-merged-border-color)'
 })])])])])]), cB('descriptions-header', `
- font-weight: var(--th-font-weight);
+ font-weight: var(--n-th-font-weight);
  font-size: 18px;
- transition: color .3s var(--bezier);
- line-height: var(--line-height);
+ transition: color .3s var(--n-bezier);
+ line-height: var(--n-line-height);
  margin-bottom: 16px;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  `), cB('descriptions-table-wrapper', `
  transition:
- background-color .3s var(--bezier),
- border-color .3s var(--bezier);
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  `, [cB('descriptions-table', `
  width: 100%;
  border-collapse: separate;
@@ -72,47 +72,47 @@ export default c([cB('descriptions', {
  box-sizing: border-box;
  `, [cB('descriptions-table-row', `
  box-sizing: border-box;
- transition: border-color .3s var(--bezier);
+ transition: border-color .3s var(--n-bezier);
  `, [cB('descriptions-table-header', `
- font-weight: var(--th-font-weight);
- line-height: var(--line-height);
+ font-weight: var(--n-th-font-weight);
+ line-height: var(--n-line-height);
  display: table-cell;
  box-sizing: border-box;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  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);
  `), cB('descriptions-table-content', `
  vertical-align: top;
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  display: table-cell;
  box-sizing: border-box;
- color: var(--td-text-color);
+ color: var(--n-td-text-color);
  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);
  `, [cE('content', `
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  display: inline-block;
- color: var(--td-text-color);
+ color: var(--n-td-text-color);
  `)]), cE('label', `
- font-weight: var(--th-font-weight);
- transition: color .3s var(--bezier);
+ font-weight: var(--n-th-font-weight);
+ transition: color .3s var(--n-bezier);
  display: inline-block;
  margin-right: 14px;
- color: var(--th-text-color);
+ color: var(--n-th-text-color);
  `)])])])]), cB('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color);
- --merged-td-color: var(--td-color);
- --merged-border-color: var(--border-color);
+ --n-merged-th-color: var(--n-th-color);
+ --n-merged-td-color: var(--n-td-color);
+ --n-merged-border-color: var(--n-border-color);
  `), insideModal(cB('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color-modal);
- --merged-td-color: var(--td-color-modal);
- --merged-border-color: var(--border-color-modal);
+ --n-merged-th-color: var(--n-th-color-modal);
+ --n-merged-td-color: var(--n-td-color-modal);
+ --n-merged-border-color: var(--n-border-color-modal);
  `)), insidePopover(cB('descriptions-table-wrapper', `
- --merged-th-color: var(--th-color-popover);
- --merged-td-color: var(--td-color-popover);
- --merged-border-color: var(--border-color-popover);
+ --n-merged-th-color: var(--n-th-color-popover);
+ --n-merged-td-color: var(--n-td-color-popover);
+ --n-merged-border-color: var(--n-border-color-popover);
  `))]);

package/es/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: {
@@ -1107,27 +1107,27 @@ declare const _default: import("vue").DefineComponent<{
     handleNegativeClick: (e: MouseEvent) => void;
     handleCloseClick: () => void;
     cssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--icon-color': string;
-        '--bezier': string;
-        '--close-margin': string;
-        '--icon-margin': string;
-        '--icon-size': string;
-        '--close-size': string;
-        '--close-color': string;
-        '--close-color-hover': string;
-        '--close-color-pressed': string;
-        '--color': string;
-        '--text-color': string;
-        '--border-radius': string;
-        '--padding': string;
-        '--line-height': string;
-        '--border': string;
-        '--content-margin': string;
-        '--title-font-size': string;
-        '--title-font-weight': string;
-        '--title-text-color': string;
-        '--action-space': string;
+        '--n-font-size': string;
+        '--n-icon-color': string;
+        '--n-bezier': string;
+        '--n-close-margin': string;
+        '--n-icon-margin': string;
+        '--n-icon-size': string;
+        '--n-close-size': string;
+        '--n-close-color': string;
+        '--n-close-color-hover': string;
+        '--n-close-color-pressed': string;
+        '--n-color': string;
+        '--n-text-color': string;
+        '--n-border-radius': string;
+        '--n-padding': string;
+        '--n-line-height': string;
+        '--n-border': string;
+        '--n-content-margin': string;
+        '--n-title-font-size': string;
+        '--n-title-font-weight': string;
+        '--n-title-text-color': string;
+        '--n-action-space': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
@@ -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/es/dialog/src/Dialog.js

@@ -83,27 +83,27 @@ export default defineComponent({
                 const { type, iconPlacement } = props;
                 const { common: { cubicBezierEaseInOut }, self: { fontSize, lineHeight, border, titleTextColor, textColor, color, closeColor, closeColorHover, closeColorPressed, borderRadius, titleFontWeight, titleFontSize, padding, iconSize, actionSpace, contentMargin, closeSize, [iconPlacement === 'top' ? 'iconMarginIconTop' : 'iconMargin']: iconMargin, [iconPlacement === 'top' ? 'closeMarginIconTop' : 'closeMargin']: closeMargin, [createKey('iconColor', type)]: iconColor } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--icon-color': iconColor,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--close-margin': closeMargin,
-                    '--icon-margin': iconMargin,
-                    '--icon-size': iconSize,
-                    '--close-size': closeSize,
-                    '--close-color': closeColor,
-                    '--close-color-hover': closeColorHover,
-                    '--close-color-pressed': closeColorPressed,
-                    '--color': color,
-                    '--text-color': textColor,
-                    '--border-radius': borderRadius,
-                    '--padding': padding,
-                    '--line-height': lineHeight,
-                    '--border': border,
-                    '--content-margin': contentMargin,
-                    '--title-font-size': titleFontSize,
-                    '--title-font-weight': titleFontWeight,
-                    '--title-text-color': titleTextColor,
-                    '--action-space': actionSpace
+                    '--n-font-size': fontSize,
+                    '--n-icon-color': iconColor,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-close-margin': closeMargin,
+                    '--n-icon-margin': iconMargin,
+                    '--n-icon-size': iconSize,
+                    '--n-close-size': closeSize,
+                    '--n-close-color': closeColor,
+                    '--n-close-color-hover': closeColorHover,
+                    '--n-close-color-pressed': closeColorPressed,
+                    '--n-color': color,
+                    '--n-text-color': textColor,
+                    '--n-border-radius': borderRadius,
+                    '--n-padding': padding,
+                    '--n-line-height': lineHeight,
+                    '--n-border': border,
+                    '--n-content-margin': contentMargin,
+                    '--n-title-font-size': titleFontSize,
+                    '--n-title-font-weight': titleFontWeight,
+                    '--n-title-text-color': titleTextColor,
+                    '--n-action-space': actionSpace
                 };
             })
         };
@@ -114,7 +114,7 @@ export default defineComponent({
                 `${mergedClsPrefix}-dialog`,
                 `${mergedClsPrefix}-dialog--icon-${mergedIconPlacement}`,
                 bordered && `${mergedClsPrefix}-dialog--bordered`
-            ], style: cssVars },
+            ], style: cssVars, role: "dialog" },
             closable ? (h(NBaseClose, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__close`, onClick: this.handleCloseClick })) : null,
             showIcon && mergedIconPlacement === 'top' ? (h("div", { class: `${mergedClsPrefix}-dialog-icon-container` },
                 h(NBaseIcon, { clsPrefix: mergedClsPrefix, class: `${mergedClsPrefix}-dialog__icon` }, {

package/es/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/es/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/es/dialog/src/styles/index.cssr.js

@@ -1,46 +1,46 @@
 import { asModal, c, cB, cE, cM, insideModal } from '../../../_utils/cssr'; // vars:
-// --icon-color
-// --bezier
-// --close-margin
-// --icon-margin
-// --icon-size
-// --close-size
-// --close-color
-// --close-color-hover
-// --close-color-pressed
-// --color
-// --text-color
-// --border-radius
-// --padding
-// --line-height
-// --border
-// --content-margin
-// --title-font-size
-// --title-font-weight
-// --title-text-color
-// --action-space
+// --n-icon-color
+// --n-bezier
+// --n-close-margin
+// --n-icon-margin
+// --n-icon-size
+// --n-close-size
+// --n-close-color
+// --n-close-color-hover
+// --n-close-color-pressed
+// --n-color
+// --n-text-color
+// --n-border-radius
+// --n-padding
+// --n-line-height
+// --n-border
+// --n-content-margin
+// --n-title-font-size
+// --n-title-font-weight
+// --n-title-text-color
+// --n-action-space
 
 export default c([cB('dialog', `
- line-height: var(--line-height);
+ line-height: var(--n-line-height);
  position: relative;
- background: var(--color);
- color: var(--text-color);
+ background: var(--n-color);
+ color: var(--n-text-color);
  box-sizing: border-box;
  margin: auto;
- border-radius: var(--border-radius);
- padding: var(--padding);
+ border-radius: var(--n-border-radius);
+ padding: var(--n-padding);
  transition: 
- border-color .3s var(--bezier),
- background-color .3s var(--bezier),
- color .3s var(--bezier);
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
  `, [cE('icon', {
-  color: 'var(--icon-color)'
+  color: 'var(--n-icon-color)'
 }), cM('bordered', {
-  border: 'var(--border)'
+  border: 'var(--n-border)'
 }), cM('icon-top', [cE('close', {
-  margin: 'var(--close-margin)'
+  margin: 'var(--n-close-margin)'
 }), cE('icon', {
-  margin: 'var(--icon-margin)'
+  margin: 'var(--n-icon-margin)'
 }), cE('content', {
   textAlign: 'center'
 }), cE('title', {
@@ -48,35 +48,35 @@ export default c([cB('dialog', `
 }), cE('action', {
   justifyContent: 'center'
 })]), cM('icon-left', [cE('icon', {
-  margin: 'var(--icon-margin)'
+  margin: 'var(--n-icon-margin)'
 })]), cE('close', `
- font-size: var(--close-size);
+ font-size: var(--n-close-size);
  position: absolute;
  right: 0;
  top: 0;
- margin: var(--close-margin);
- transition: .3s color var(--bezier);
+ margin: var(--n-close-margin);
+ transition: .3s color var(--n-bezier);
  z-index: 1;
  `), cE('content', `
- font-size: var(--font-size);
- margin: var(--content-margin);
+ font-size: var(--n-font-size);
+ margin: var(--n-content-margin);
  position: relative;
  word-break: break-word;
  `, [c('&:last-child', 'margin-bottom: 0;')]), cE('action', `
  display: flex;
  justify-content: flex-end;
  `, [c('> *:not(:last-child)', {
-  marginRight: 'var(--action-space)'
+  marginRight: 'var(--n-action-space)'
 })]), cE('icon', {
-  fontSize: 'var(--icon-size)',
-  transition: 'color .3s var(--bezier)'
+  fontSize: 'var(--n-icon-size)',
+  transition: 'color .3s var(--n-bezier)'
 }), cE('title', `
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  display: flex;
  align-items: center;
- font-size: var(--title-font-size);
- font-weight: var(--title-font-weight);
- color: var(--title-text-color);
+ font-size: var(--n-title-font-size);
+ font-weight: var(--n-title-font-weight);
+ color: var(--n-title-text-color);
  `), cB('dialog-icon-container', {
   display: 'flex',
   justifyContent: 'center'

package/es/divider/src/Divider.d.ts

@@ -49,10 +49,10 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
-        '--color': string;
-        '--text-color': string;
-        '--font-weight': string;
+        '--n-bezier': string;
+        '--n-color': string;
+        '--n-text-color': string;
+        '--n-font-weight': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly titlePlacement?: unknown;

package/es/divider/src/Divider.js

@@ -17,10 +17,10 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { color, textColor, fontWeight } } = themeRef.value;
                 return {
-                    '--bezier': cubicBezierEaseInOut,
-                    '--color': color,
-                    '--text-color': textColor,
-                    '--font-weight': fontWeight
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-color': color,
+                    '--n-text-color': textColor,
+                    '--n-font-weight': fontWeight
                 };
             })
         };

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

@@ -1,8 +1,8 @@
 import { cB, cNotM, cE, cM } from '../../../_utils/cssr'; // vars:
-// --bezier
-// --color
-// --text-color
-// --font-weight
+// --n-bezier
+// --n-color
+// --n-text-color
+// --n-font-weight
 
 export default cB('divider', `
  position: relative;
@@ -10,10 +10,10 @@ export default cB('divider', `
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
- color: var(--text-color);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- background-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
 `, [cNotM('vertical', `
  margin-top: 24px;
  margin-bottom: 24px;
@@ -26,7 +26,7 @@ export default cB('divider', `
  margin-left: 12px;
  margin-right: 12px;
  white-space: nowrap;
- font-weight: var(--font-weight);
+ font-weight: var(--n-font-weight);
  `), cM('title-position-left', [cE('line', [cM('left', {
   width: '28px'
 })])]), cM('title-position-right', [cE('line', [cM('right', {
@@ -45,14 +45,14 @@ export default cB('divider', `
  width: 1px;
  `), cE('line', `
  border: none;
- transition: background-color .3s var(--bezier), border-color .3s var(--bezier);
+ transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);
  height: 1px;
  width: 100%;
  margin: 0;
  `), cNotM('dashed', [cE('line', {
-  backgroundColor: 'var(--color)'
+  backgroundColor: 'var(--n-color)'
 })]), cM('dashed', [cE('line', {
-  borderColor: 'var(--color)'
+  borderColor: 'var(--n-color)'
 })]), cM('vertical', {
-  backgroundColor: 'var(--color)'
+  backgroundColor: 'var(--n-color)'
 })]);

package/es/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<{