naive-ui 2.21.5 → 2.23.2

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

@@ -5,33 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 
 const cssr_1 = require("../../../_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
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('code', `
- font-size: var(--font-size);
- font-family: var(--font-family);
+ font-size: var(--n-font-size);
+ font-family: var(--n-font-family);
  `, [(0, cssr_1.c)('pre', `
  margin: 0;
  font-family: inherit;
  `), (0, cssr_1.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
 }) => {
@@ -39,29 +39,29 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.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,
@@ -70,18 +70,18 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.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/lib/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/lib/collapse/src/Collapse.js

@@ -110,14 +110,14 @@ exports.default = (0, vue_1.defineComponent)({
             cssVars: (0, vue_1.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/lib/collapse/src/styles/index.cssr.js

@@ -13,24 +13,24 @@ Object.defineProperty(exports, "__esModule", {
 const cssr_1 = require("../../../_utils/cssr");
 
 const fade_in_height_expand_cssr_1 = __importDefault(require("../../../_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
 
 
 exports.default = (0, cssr_1.cB)('collapse', {
   width: '100%'
 }, [(0, cssr_1.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;
  `, [(0, cssr_1.cB)('collapse-item', 'margin-left: 32px;'), (0, cssr_1.c)('&:first-child', {
   marginTop: 0
@@ -47,36 +47,36 @@ exports.default = (0, cssr_1.cB)('collapse', {
 })]), (0, cssr_1.cM)('active', [(0, cssr_1.cE)('header', [(0, cssr_1.cM)('active', [(0, cssr_1.cB)('collapse-item-arrow', {
   transform: 'rotate(90deg)'
 })])])]), (0, cssr_1.c)('&:not(:first-child)', {
-  borderTop: '1px solid var(--divider-color)'
+  borderTop: '1px solid var(--n-divider-color)'
 }), (0, cssr_1.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);
  `, [(0, cssr_1.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);
  `), (0, cssr_1.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);
  `), (0, cssr_1.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/lib/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/lib/collapse-transition/src/CollapseTransition.js

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

package/lib/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/lib/color-picker/src/ColorPicker.js

@@ -335,16 +335,16 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: mergedSize } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { textColor, color, panelFontSize, boxShadow, border, borderRadius, dividerColor, [(0, _utils_1.createKey)('height', mergedSize)]: height, [(0, _utils_1.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/lib/color-picker/src/styles/index.cssr.js

@@ -13,36 +13,36 @@ 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:
-// --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
 
 
 exports.default = (0, cssr_1.c)([(0, cssr_1.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;
  `), (0, cssr_1.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);
  `, [(0, fade_in_scale_up_cssr_1.default)(), (0, cssr_1.cB)('input', `
  text-align: center;
  `)]), (0, cssr_1.cB)('color-picker-checkboard', `
@@ -141,21 +141,21 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('color-picker', `
  `), (0, cssr_1.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;
  `, [(0, cssr_1.cB)('button', 'margin-left: 8px;')]), (0, cssr_1.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;
  `, [(0, cssr_1.cE)('value', `
  white-space: nowrap;
  position: relative;
  `), (0, cssr_1.cE)('fill', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  position: absolute;
  display: flex;
  align-items: center;
@@ -165,11 +165,11 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('color-picker', `
  top: 4px;
  bottom: 4px;
  `), (0, cssr_1.cB)('color-picker-checkboard', `
- border-radius: var(--border-radius);
+ border-radius: var(--n-border-radius);
  `, [(0, cssr_1.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; 
  `)])]), (0, cssr_1.cB)('color-picker-swatches', `
  display: grid;
  grid-gap: 8px;

package/lib/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/lib/components.js

@@ -29,6 +29,8 @@ __exportStar(require("./code"), exports);
 __exportStar(require("./collapse"), exports);
 __exportStar(require("./collapse-transition"), exports);
 __exportStar(require("./config-provider"), exports);
+__exportStar(require("./countdown"), exports);
+__exportStar(require("./number-animation"), exports);
 __exportStar(require("./data-table"), exports);
 __exportStar(require("./date-picker"), exports);
 __exportStar(require("./descriptions"), exports);

package/lib/config-provider/src/ConfigProvider.d.ts

@@ -40,6 +40,7 @@ export declare const configProviderProps: {
             monthTypeFormat: string;
             dateFormat: string;
             dateTimeFormat: string;
+            quarterFormat: string;
             clear: string;
             now: string;
             confirm: string;
@@ -49,6 +50,7 @@ export declare const configProviderProps: {
             datetimePlaceholder: string;
             monthPlaceholder: string;
             yearPlaceholder: string;
+            quarterPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -164,6 +166,7 @@ declare const _default: import("vue").DefineComponent<{
             monthTypeFormat: string;
             dateFormat: string;
             dateTimeFormat: string;
+            quarterFormat: string;
             clear: string;
             now: string;
             confirm: string;
@@ -173,6 +176,7 @@ declare const _default: import("vue").DefineComponent<{
             datetimePlaceholder: string;
             monthPlaceholder: string;
             yearPlaceholder: string;
+            quarterPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;
@@ -312,6 +316,7 @@ declare const _default: import("vue").DefineComponent<{
             monthTypeFormat: string;
             dateFormat: string;
             dateTimeFormat: string;
+            quarterFormat: string;
             clear: string;
             now: string;
             confirm: string;
@@ -321,6 +326,7 @@ declare const _default: import("vue").DefineComponent<{
             datetimePlaceholder: string;
             monthPlaceholder: string;
             yearPlaceholder: string;
+            quarterPlaceholder: string;
             startDatePlaceholder: string;
             endDatePlaceholder: string;
             startDatetimePlaceholder: string;

package/lib/countdown/index.d.ts

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

package/lib/countdown/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NCountdown = void 0;
+var Countdown_1 = require("./src/Countdown");
+Object.defineProperty(exports, "NCountdown", { enumerable: true, get: function () { return __importDefault(Countdown_1).default; } });

package/lib/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;