naive-ui 2.23.1 → 2.23.2

package/es/code/src/Code.d.ts

@@ -121,20 +121,20 @@ declare const _default: import("vue").DefineComponent<{
     mergedClsPrefix: import("vue").ComputedRef<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
     cssVars: import("vue").ComputedRef<{
-        '--font-size': string;
-        '--font-family': string;
-        '--font-weight-strong': string;
-        '--bezier': string;
-        '--text-color': string;
-        '--mono-3': string;
-        '--hue-1': string;
-        '--hue-2': string;
-        '--hue-3': string;
-        '--hue-4': string;
-        '--hue-5': string;
-        '--hue-5-2': string;
-        '--hue-6': string;
-        '--hue-6-2': string;
+        '--n-font-size': string;
+        '--n-font-family': string;
+        '--n-font-weight-strong': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-mono-3': string;
+        '--n-hue-1': string;
+        '--n-hue-2': string;
+        '--n-hue-3': string;
+        '--n-hue-4': string;
+        '--n-hue-5': string;
+        '--n-hue-5-2': string;
+        '--n-hue-6': string;
+        '--n-hue-6-2': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     language?: unknown;

package/es/code/src/Code.js

@@ -52,9 +52,16 @@ export default defineComponent({
                 codeEl.textContent = code;
                 return;
             }
-            const warp = document.createElement('pre');
-            warp.textContent = code;
-            codeEl.appendChild(warp);
+            const maybePreEl = codeEl.children[0];
+            if (maybePreEl && maybePreEl.tagName === 'PRE') {
+                maybePreEl.textContent = code;
+            }
+            else {
+                const warp = document.createElement('pre');
+                warp.textContent = code;
+                codeEl.innerHTML = '';
+                codeEl.appendChild(warp);
+            }
         };
         onMounted(setCode);
         watch(toRef(props, 'language'), setCode);
@@ -71,20 +78,22 @@ export default defineComponent({
                 'mono-3': $1, 'hue-1': $2, 'hue-2': $3, 'hue-3': $4, 'hue-4': $5, 'hue-5': $6, 'hue-5-2': $7, 'hue-6': $8, 'hue-6-2': $9 } } = themeRef.value;
                 const { internalFontSize } = props;
                 return {
-                    '--font-size': internalFontSize ? `${internalFontSize}px` : fontSize,
-                    '--font-family': fontFamilyMono,
-                    '--font-weight-strong': fontWeightStrong,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--text-color': textColor,
-                    '--mono-3': $1,
-                    '--hue-1': $2,
-                    '--hue-2': $3,
-                    '--hue-3': $4,
-                    '--hue-4': $5,
-                    '--hue-5': $6,
-                    '--hue-5-2': $7,
-                    '--hue-6': $8,
-                    '--hue-6-2': $9
+                    '--n-font-size': internalFontSize
+                        ? `${internalFontSize}px`
+                        : fontSize,
+                    '--n-font-family': fontFamilyMono,
+                    '--n-font-weight-strong': fontWeightStrong,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-text-color': textColor,
+                    '--n-mono-3': $1,
+                    '--n-hue-1': $2,
+                    '--n-hue-2': $3,
+                    '--n-hue-3': $4,
+                    '--n-hue-4': $5,
+                    '--n-hue-5': $6,
+                    '--n-hue-5-2': $7,
+                    '--n-hue-6': $8,
+                    '--n-hue-6-2': $9
                 };
             })
         };

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

@@ -1,30 +1,30 @@
 import { c, cB } from '../../../_utils/cssr'; // vars:
-// --font-size
-// --font-family
-// --font-weight-strong
-// --bezier
-// --text-color
-// --mono-3
-// --hue-1
-// --hue-2
-// --hue-3
-// --hue-4
-// --hue-5
-// --hue-5-2
-// --hue-6
-// --hue-6-2
+// --n-font-size
+// --n-font-family
+// --n-font-weight-strong
+// --n-bezier
+// --n-text-color
+// --n-mono-3
+// --n-hue-1
+// --n-hue-2
+// --n-hue-3
+// --n-hue-4
+// --n-hue-5
+// --n-hue-5-2
+// --n-hue-6
+// --n-hue-6-2
 
 export default c([cB('code', `
- font-size: var(--font-size);
- font-family: var(--font-family);
+ font-size: var(--n-font-size);
+ font-family: var(--n-font-family);
  `, [c('pre', `
  margin: 0;
  font-family: inherit;
  `), c('[class^=hljs]', `
- 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);
  `)]), ({
   props
 }) => {
@@ -32,29 +32,29 @@ export default c([cB('code', `
   const codeClass = `${props.bPrefix}code`;
   return [`${codeClass} .hljs-comment,
  ${codeClass} .hljs-quote {
- color: var(--mono-3);
+ color: var(--n-mono-3);
  font-style: italic;
  }`, `${codeClass} .hljs-doctag,
  ${codeClass} .hljs-keyword,
  ${codeClass} .hljs-formula {
- color: var(--hue-3);
+ color: var(--n-hue-3);
  }`, `${codeClass} .hljs-section,
  ${codeClass} .hljs-name,
  ${codeClass} .hljs-selector-tag,
  ${codeClass} .hljs-deletion,
  ${codeClass} .hljs-subst {
- color: var(--hue-5);
+ color: var(--n-hue-5);
  }`, `${codeClass} .hljs-literal {
- color: var(--hue-1);
+ color: var(--n-hue-1);
  }`, `${codeClass} .hljs-string,
  ${codeClass} .hljs-regexp,
  ${codeClass} .hljs-addition,
  ${codeClass} .hljs-attribute,
  ${codeClass} .hljs-meta-string {
- color: var(--hue-4);
+ color: var(--n-hue-4);
  }`, `${codeClass} .hljs-built_in,
  ${codeClass} .hljs-class .hljs-title {
- color: var(--hue-6-2);
+ color: var(--n-hue-6-2);
  }`, `${codeClass} .hljs-attr,
  ${codeClass} .hljs-variable,
  ${codeClass} .hljs-template-variable,
@@ -63,18 +63,18 @@ export default c([cB('code', `
  ${codeClass} .hljs-selector-attr,
  ${codeClass} .hljs-selector-pseudo,
  ${codeClass} .hljs-number {
- color: var(--hue-6);
+ color: var(--n-hue-6);
  }`, `${codeClass} .hljs-symbol,
  ${codeClass} .hljs-bullet,
  ${codeClass} .hljs-link,
  ${codeClass} .hljs-meta,
  ${codeClass} .hljs-selector-id,
  ${codeClass} .hljs-title {
- color: var(--hue-2);
+ color: var(--n-hue-2);
  }`, `${codeClass} .hljs-emphasis {
  font-style: italic;
  }`, `${codeClass} .hljs-strong {
- font-weight: var(--font-weight-strong);
+ font-weight: var(--n-font-weight-strong);
  }`, `${codeClass} .hljs-link {
  text-decoration: underline;
  }`];

package/es/collapse/src/Collapse.d.ts

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

package/es/collapse/src/Collapse.js

@@ -104,14 +104,14 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, textColor, arrowColor, fontSize, titleFontSize } } = themeRef.value;
                 return {
-                    '--font-size': fontSize,
-                    '--bezier': cubicBezierEaseInOut,
-                    '--text-color': textColor,
-                    '--divider-color': dividerColor,
-                    '--title-font-size': titleFontSize,
-                    '--title-text-color': titleTextColor,
-                    '--title-font-weight': titleFontWeight,
-                    '--arrow-color': arrowColor
+                    '--n-font-size': fontSize,
+                    '--n-bezier': cubicBezierEaseInOut,
+                    '--n-text-color': textColor,
+                    '--n-divider-color': dividerColor,
+                    '--n-title-font-size': titleFontSize,
+                    '--n-title-text-color': titleTextColor,
+                    '--n-title-font-weight': titleFontWeight,
+                    '--n-arrow-color': arrowColor
                 };
             })
         };

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

@@ -1,22 +1,22 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
 import fadeInHeightExpandTransition from '../../../_styles/transitions/fade-in-height-expand.cssr'; // vars:
-// --font-size
-// --bezier
-// --text-color
-// --divider-color
-// --title-font-size
-// --title-text-color
-// --title-font-weight
-// --arrow-color
+// --n-font-size
+// --n-bezier
+// --n-text-color
+// --n-divider-color
+// --n-title-font-size
+// --n-title-text-color
+// --n-title-font-weight
+// --n-arrow-color
 
 export default cB('collapse', {
   width: '100%'
 }, [cB('collapse-item', `
- font-size: var(--font-size);
- color: var(--text-color);
+ font-size: var(--n-font-size);
+ color: var(--n-text-color);
  transition:
- color .3s var(--bezier),
- border-color .3s var(--bezier);
+ color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
  margin: 16px 0 0 0;
  `, [cB('collapse-item', 'margin-left: 32px;'), c('&:first-child', {
   marginTop: 0
@@ -33,36 +33,36 @@ export default cB('collapse', {
 })]), cM('active', [cE('header', [cM('active', [cB('collapse-item-arrow', {
   transform: 'rotate(90deg)'
 })])])]), c('&:not(:first-child)', {
-  borderTop: '1px solid var(--divider-color)'
+  borderTop: '1px solid var(--n-divider-color)'
 }), cE('header', `
- font-size: var(--title-font-size);
+ font-size: var(--n-title-font-size);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
- transition: color .3s var(--bezier);
+ transition: color .3s var(--n-bezier);
  position: relative;
  padding: 16px 0 0 0;
- color: var(--title-text-color);
+ color: var(--n-title-text-color);
  `, [cE('header-main', `
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
- font-weight: var(--title-font-weight);
- transition: color .3s var(--bezier);
+ font-weight: var(--n-title-font-weight);
+ transition: color .3s var(--n-bezier);
  flex: 1;
- color: var(--title-text-color);
+ color: var(--n-title-text-color);
  `), cE('header-extra', `
  cursor: pointer;
  display: flex;
  align-items: center;
- transition: color .3s var(--bezier);
- color: var(--text-color);
+ transition: color .3s var(--n-bezier);
+ color: var(--n-text-color);
  `), cB('collapse-item-arrow', `
  display: flex;
  transition:
- transform .15s var(--bezier),
- color .3s var(--bezier);
+ transform .15s var(--n-bezier),
+ color .3s var(--n-bezier);
  font-size: 18px;
- color: var(--arrow-color);
+ color: var(--n-arrow-color);
  `)])])]);

package/es/collapse-transition/src/CollapseTransition.d.ts

@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
     mergedShow: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
+        '--n-bezier': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly show?: unknown;

package/es/collapse-transition/src/CollapseTransition.js

@@ -43,7 +43,7 @@ export default defineComponent({
             cssVars: computed(() => {
                 const { self: { bezier } } = mergedThemeRef.value;
                 return {
-                    '--bezier': bezier
+                    '--n-bezier': bezier
                 };
             })
         };

package/es/color-picker/src/ColorPicker.d.ts

@@ -1774,16 +1774,16 @@ declare const _default: import("vue").DefineComponent<{
     handleClickOutside(e: MouseEvent): void;
     renderPanel: () => VNode;
     cssVars: ComputedRef<{
-        '--bezier': string;
-        '--text-color': string;
-        '--color': string;
-        '--panel-font-size': string;
-        '--font-size': string;
-        '--box-shadow': string;
-        '--border': string;
-        '--border-radius': string;
-        '--height': string;
-        '--divider-color': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-panel-font-size': string;
+        '--n-font-size': string;
+        '--n-box-shadow': string;
+        '--n-border': string;
+        '--n-border-radius': string;
+        '--n-height': string;
+        '--n-divider-color': string;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     readonly value?: unknown;

package/es/color-picker/src/ColorPicker.js

@@ -329,16 +329,16 @@ export default defineComponent({
             const { value: mergedSize } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { textColor, color, panelFontSize, boxShadow, border, borderRadius, dividerColor, [createKey('height', mergedSize)]: height, [createKey('fontSize', mergedSize)]: fontSize } } = themeRef.value;
             return {
-                '--bezier': cubicBezierEaseInOut,
-                '--text-color': textColor,
-                '--color': color,
-                '--panel-font-size': panelFontSize,
-                '--font-size': fontSize,
-                '--box-shadow': boxShadow,
-                '--border': border,
-                '--border-radius': borderRadius,
-                '--height': height,
-                '--divider-color': dividerColor
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-text-color': textColor,
+                '--n-color': color,
+                '--n-panel-font-size': panelFontSize,
+                '--n-font-size': fontSize,
+                '--n-box-shadow': boxShadow,
+                '--n-border': border,
+                '--n-border-radius': borderRadius,
+                '--n-height': height,
+                '--n-divider-color': dividerColor
             };
         });
         function renderPanel() {

package/es/color-picker/src/styles/index.cssr.js

@@ -1,34 +1,34 @@
 import { c, cB, cE, cM } from '../../../_utils/cssr';
 import fadeInScaleUpTransition from '../../../_styles/transitions/fade-in-scale-up.cssr'; // vars:
-// --color
-// --text-color
-// --border-radius
-// --panel-font-size
-// --font-size
-// --bezier
-// --height
-// --box-shadow
-// --divider-color
+// --n-color
+// --n-text-color
+// --n-border-radius
+// --n-panel-font-size
+// --n-font-size
+// --n-bezier
+// --n-height
+// --n-box-shadow
+// --n-divider-color
 
 export default c([cB('color-picker', `
  display: inline-block;
  box-sizing: border-box;
- height: var(--height);
- font-size: var(--font-size);
+ height: var(--n-height);
+ font-size: var(--n-font-size);
  width: 100%;
  position: relative;
  `), cB('color-picker-panel', `
  margin: 4px 0;
  width: 240px;
- font-size: var(--panel-font-size);
- color: var(--text-color);
- background-color: var(--color);
+ font-size: var(--n-panel-font-size);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
  transition:
- box-shadow .3s var(--bezier),
- color .3s var(--bezier),
- background-color .3s var(--bezier);
- border-radius: var(--border-radius);
- box-shadow: var(--box-shadow);
+ box-shadow .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier);
+ border-radius: var(--n-border-radius);
+ box-shadow: var(--n-box-shadow);
  `, [fadeInScaleUpTransition(), cB('input', `
  text-align: center;
  `)]), cB('color-picker-checkboard', `
@@ -127,21 +127,21 @@ export default c([cB('color-picker', `
  `), cB('color-picker-action', `
  display: flex;
  margin-top: -4px;
- border-top: 1px solid var(--divider-color);
+ border-top: 1px solid var(--n-divider-color);
  padding: 8px 12px;
  justify-content: flex-end;
  `, [cB('button', 'margin-left: 8px;')]), cB('color-picker-trigger', `
- border: var(--border);
+ border: var(--n-border);
  height: 100%;
  box-sizing: border-box;
- border-radius: var(--border-radius);
- transition: border-color .3s var(--bezier);
+ border-radius: var(--n-border-radius);
+ transition: border-color .3s var(--n-bezier);
  cursor: pointer;
  `, [cE('value', `
  white-space: nowrap;
  position: relative;
  `), cE('fill', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  position: absolute;
  display: flex;
  align-items: center;
@@ -151,11 +151,11 @@ export default c([cB('color-picker', `
  top: 4px;
  bottom: 4px;
  `), cB('color-picker-checkboard', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  `, [c('&::after', `
- --block-size: calc((var(--height) - 8px) / 3);
- background-size: calc(var(--block-size) * 2) calc(var(--block-size) * 2);
- background-position: 0 0, 0 var(--block-size), var(--block-size) calc(-1 * var(--block-size)), calc(-1 * var(--block-size)) 0px; 
+ --n-block-size: calc((var(--n-height) - 8px) / 3);
+ background-size: calc(var(--n-block-size) * 2) calc(var(--n-block-size) * 2);
+ background-position: 0 0, 0 var(--n-block-size), var(--n-block-size) calc(-1 * var(--n-block-size)), calc(-1 * var(--n-block-size)) 0px; 
  `)])]), cB('color-picker-swatches', `
  display: grid;
  grid-gap: 8px;

package/es/components.d.ts

@@ -17,6 +17,8 @@ export * from './code';
 export * from './collapse';
 export * from './collapse-transition';
 export * from './config-provider';
+export * from './countdown';
+export * from './number-animation';
 export * from './data-table';
 export * from './date-picker';
 export * from './descriptions';

package/es/components.js

@@ -17,6 +17,8 @@ export * from './code';
 export * from './collapse';
 export * from './collapse-transition';
 export * from './config-provider';
+export * from './countdown';
+export * from './number-animation';
 export * from './data-table';
 export * from './date-picker';
 export * from './descriptions';

package/es/countdown/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NCountdown } from './src/Countdown';
+export type { CountdownProps } from './src/Countdown';

package/es/countdown/index.js

@@ -0,0 +1 @@
+export { default as NCountdown } from './src/Countdown';

package/es/countdown/src/Countdown.d.ts

@@ -0,0 +1,72 @@
+import { PropType, VNodeChild } from 'vue';
+import type { ExtractPublicPropTypes } from '../../_utils';
+declare const countdownProps: {
+    label: StringConstructor;
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precision: {
+        type: PropType<0 | 2 | 1 | 3>;
+        default: number;
+    };
+    render: PropType<(props: {
+        hours: number;
+        minutes: number;
+        seconds: number;
+        milliseconds: number;
+    }) => VNodeChild>;
+    onFinish: PropType<() => void>;
+};
+export declare type CountdownProps = ExtractPublicPropTypes<typeof countdownProps>;
+declare const _default: import("vue").DefineComponent<{
+    label: StringConstructor;
+    duration: {
+        type: NumberConstructor;
+        default: number;
+    };
+    active: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    precision: {
+        type: PropType<0 | 2 | 1 | 3>;
+        default: number;
+    };
+    render: PropType<(props: {
+        hours: number;
+        minutes: number;
+        seconds: number;
+        milliseconds: number;
+    }) => VNodeChild>;
+    onFinish: PropType<() => void>;
+}, () => VNodeChild, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    label?: unknown;
+    duration?: unknown;
+    active?: unknown;
+    precision?: unknown;
+    render?: unknown;
+    onFinish?: unknown;
+} & {
+    active: boolean;
+    duration: number;
+    precision: 0 | 2 | 1 | 3;
+} & {
+    label?: string | undefined;
+    render?: ((props: {
+        hours: number;
+        minutes: number;
+        seconds: number;
+        milliseconds: number;
+    }) => VNodeChild) | undefined;
+    onFinish?: (() => void) | undefined;
+}>, {
+    active: boolean;
+    duration: number;
+    precision: 0 | 2 | 1 | 3;
+}>;
+export default _default;