naive-ui 2.38.2 → 2.40.0

package/es/button/src/Button.mjs

@@ -1,4 +1,4 @@
-import { h, ref, computed, inject, defineComponent, watchEffect } from 'vue';
+import { computed, defineComponent, h, inject, ref, watchEffect } from 'vue';
 import { useMemo } from 'vooks';
 import { changeColor } from 'seemly';
 import { createHoverColor, createPressedColor } from "../../_utils/color/index.mjs";
@@ -6,7 +6,7 @@ import { buttonGroupInjectionKey } from "../../button-group/src/context.mjs";
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { isSafari } from "../../_utils/env/browser.mjs";
 import { useConfig, useFormItem, useTheme, useThemeClass } from "../../_mixins/index.mjs";
-import { NFadeInExpandTransition, NIconSwitchTransition, NBaseLoading, NBaseWave } from "../../_internal/index.mjs";
+import { NBaseLoading, NBaseWave, NFadeInExpandTransition, NIconSwitchTransition } from "../../_internal/index.mjs";
 import { call, color2Class, createKey, isSlotEmpty, resolveWrappedSlot, warnOnce } from "../../_utils/index.mjs";
 import { buttonLight } from "../styles/index.mjs";
 import style from "./styles/index.cssr.mjs";
@@ -76,7 +76,7 @@ const Button = defineComponent({
           quaternary
         } = props;
         if ((dashed || ghost || text) && (secondary || tertiary || quaternary)) {
-          warnOnce('button', "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
+          warnOnce('button', '`dashed`, `ghost` and `text` props can\'t be used along with `secondary`, `tertiary` and `quaternary` props.');
         }
       });
     }
@@ -205,7 +205,7 @@ const Button = defineComponent({
       } = props;
       // font
       const fontProps = {
-        'font-weight': strong ? fontWeightStrong : fontWeight
+        '--n-font-weight': strong ? fontWeightStrong : fontWeight
       };
       // color
       let colorProps = {
@@ -395,13 +395,13 @@ const Button = defineComponent({
       if (tertiary) hash += 'g';
       if (quaternary) hash += 'h';
       if (strong) hash += 'i';
-      if (color) hash += 'j' + color2Class(color);
-      if (textColor) hash += 'k' + color2Class(textColor);
+      if (color) hash += `j${color2Class(color)}`;
+      if (textColor) hash += `k${color2Class(textColor)}`;
       const {
         value: size
       } = mergedSizeRef;
-      hash += 'l' + size[0];
-      hash += 'm' + type[0];
+      hash += `l${size[0]}`;
+      hash += `m${type[0]}`;
       return hash;
     }), cssVarsRef, props) : undefined;
     return {

package/es/button/src/styles/rtl.cssr.mjs

@@ -1,4 +1,4 @@
-import { cB, cM, cE, c } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 export default cB('button', [cM('rtl', `
  direction: rtl;
  `, [cE('icon', {

package/es/button/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     heightTiny: string;
     heightSmall: string;
     heightMedium: string;

package/es/button/styles/light.mjs

@@ -1,6 +1,6 @@
-import commonVariables from "./_common.mjs";
 import { commonLight } from "../../_styles/common/index.mjs";
-export const self = vars => {
+import commonVariables from "./_common.mjs";
+export function self(vars) {
   const {
     heightTiny,
     heightSmall,
@@ -233,7 +233,7 @@ export const self = vars => {
     fontWeight,
     fontWeightStrong
   });
-};
+}
 const buttonLight = {
   name: 'Button',
   common: commonLight,

package/es/button/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { type RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const buttonRtl: RtlItem;

package/es/button-group/src/ButtonGroup.mjs

@@ -1,4 +1,4 @@
-import { h, defineComponent, provide } from 'vue';
+import { defineComponent, h, provide } from 'vue';
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { useConfig, useStyle } from "../../_mixins/index.mjs";
 import { buttonGroupInjectionKey } from "./context.mjs";

package/es/button-group/src/styles/index.cssr.d.ts

@@ -1,4 +1,4 @@
-import { type CNode } from 'css-render';
+import type { CNode } from 'css-render';
 export declare const zero = "0!important";
 export declare const n1 = "-1px!important";
 declare const _default: CNode;

package/es/button-group/src/styles/index.cssr.mjs

@@ -1,15 +1,15 @@
-import { c, cB, cM, cE, cNotM } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
 export const zero = '0!important';
 export const n1 = '-1px!important';
 function createLeftBorderStyle(type) {
-  return cM(type + '-type', [c('& +', [cB('button', {}, [cM(type + '-type', [cE('border', {
+  return cM(`${type}-type`, [c('& +', [cB('button', {}, [cM(`${type}-type`, [cE('border', {
     borderLeftWidth: zero
   }), cE('state-border', {
     left: n1
   })])])])]);
 }
 function createTopBorderStyle(type) {
-  return cM(type + '-type', [c('& +', [cB('button', [cM(type + '-type', [cE('border', {
+  return cM(`${type}-type`, [c('& +', [cB('button', [cM(`${type}-type`, [cE('border', {
     borderTopWidth: zero
   }), cE('state-border', {
     top: n1

package/es/button-group/src/styles/rtl.cssr.mjs

@@ -1,7 +1,7 @@
-import { cB, cM, cE, cNotM, c } from "../../../_utils/cssr/index.mjs";
-import { zero, n1 } from "./index.cssr.mjs";
+import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr/index.mjs";
+import { n1, zero } from "./index.cssr.mjs";
 function createRightBorderStyle(type) {
-  return cM(type + '-type', [c('& +', [cB('button', {}, [cM(type + '-type', [cE('border', {
+  return cM(`${type}-type`, [c('& +', [cB('button', {}, [cM(`${type}-type`, [cE('border', {
     borderRightWidth: zero
   }), cE('state-border', {
     left: n1

package/es/button-group/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { type RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const buttonGroupRtl: RtlItem;

package/es/calendar/src/Calendar.d.ts

@@ -1,6 +1,6 @@
 import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
+import type { DateItem, OnPanelChange, OnUpdateValue } from './interface';
 export declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
@@ -1415,10 +1415,10 @@ declare const _default: import("vue").DefineComponent<{
         startMonthPlaceholder: string;
         endMonthPlaceholder: string;
         monthBeforeYear: boolean;
-        firstDayOfWeek: 0 | 1 | 3 | 2 | 4 | 6 | 5;
+        firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
         today: string;
     }>;
-    dateLocale: import("vue").Ref<import("naive-ui").NDateLocale>;
+    dateLocale: import("vue").Ref<import("../..").NDateLocale>;
     now: number;
     mergedValue: import("vue").ComputedRef<number | null>;
     monthTs: import("vue").Ref<number>;
@@ -1428,111 +1428,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePrevClick: () => void;
     handleNextClick: () => void;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             borderRadius: string;
             borderColor: string;

package/es/calendar/src/Calendar.mjs

@@ -1,5 +1,5 @@
-import { computed, defineComponent, h, ref, Fragment, toRef } from 'vue';
-import { format, getYear, addMonths, startOfDay, startOfMonth, getMonth } from "date-fns/esm/index.js";
+import { Fragment, computed, defineComponent, h, ref, toRef } from 'vue';
+import { addMonths, format, getMonth, getYear, startOfDay, startOfMonth } from 'date-fns';
 import { useMergedState } from 'vooks';
 import { dateArray } from "../../date-picker/src/utils.mjs";
 import { ChevronLeftIcon, ChevronRightIcon } from "../../_internal/icons/index.mjs";

package/es/calendar/src/styles/index.cssr.mjs

@@ -1,4 +1,4 @@
-import { cB, cE, cM, c, insideModal, insidePopover } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM, insideModal, insidePopover } from "../../../_utils/cssr/index.mjs";
 // vars:
 // --n-bezier
 // --n-border-color

package/es/calendar/styles/dark.mjs

@@ -1,6 +1,6 @@
 import { commonDark } from "../../_styles/common/index.mjs";
-import { self } from "./light.mjs";
 import { buttonDark } from "../../button/styles/index.mjs";
+import { self } from "./light.mjs";
 const calendarDark = {
   name: 'Calendar',
   common: commonDark,

package/es/calendar/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-export declare const self: (vars: ThemeCommonVars) => {
+export declare function self(vars: ThemeCommonVars): {
     borderRadius: string;
     borderColor: string;
     borderColorModal: string;

package/es/calendar/styles/light.mjs

@@ -1,9 +1,9 @@
 import { composite } from 'seemly';
 import { commonLight } from "../../_styles/common/index.mjs";
-import commonVariables from "./_common.mjs";
 import { createTheme } from "../../_mixins/index.mjs";
 import { buttonLight } from "../../button/styles/index.mjs";
-export const self = vars => {
+import commonVariables from "./_common.mjs";
+export function self(vars) {
   const {
     borderRadius,
     fontSize,
@@ -41,7 +41,7 @@ export const self = vars => {
     cellColorPopover: popoverColor,
     barColor: primaryColor
   });
-};
+}
 const calendarLight = createTheme({
   name: 'Calendar',
   common: commonLight,

package/es/card/src/Card.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type CSSProperties, type VNodeChild } from 'vue';
+import { type CSSProperties, type PropType, type VNodeChild } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 export interface CardSegmented {
     content?: boolean | 'soft';
@@ -8,13 +8,13 @@ export interface CardSegmented {
 export declare const cardBaseProps: {
     readonly title: PropType<string | (() => VNodeChild)>;
     readonly contentClass: StringConstructor;
-    readonly contentStyle: PropType<string | CSSProperties>;
+    readonly contentStyle: PropType<CSSProperties | string>;
     readonly headerClass: StringConstructor;
-    readonly headerStyle: PropType<string | CSSProperties>;
+    readonly headerStyle: PropType<CSSProperties | string>;
     readonly headerExtraClass: StringConstructor;
-    readonly headerExtraStyle: PropType<string | CSSProperties>;
+    readonly headerExtraStyle: PropType<CSSProperties | string>;
     readonly footerClass: StringConstructor;
-    readonly footerStyle: PropType<string | CSSProperties>;
+    readonly footerStyle: PropType<CSSProperties | string>;
     readonly embedded: BooleanConstructor;
     readonly segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -46,13 +46,13 @@ export declare const cardBasePropKeys: ("tag" | "content" | "size" | "footer" |
 export declare const cardProps: {
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -195,13 +195,13 @@ export type CardProps = ExtractPublicPropTypes<typeof cardProps>;
 declare const _default: import("vue").DefineComponent<{
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;
@@ -343,111 +343,7 @@ declare const _default: import("vue").DefineComponent<{
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedClsPrefix: import("vue").Ref<string>;
     mergedTheme: import("vue").ComputedRef<{
-        common: {
-            baseColor: string;
-            primaryColor: string;
-            primaryColorHover: string;
-            primaryColorPressed: string;
-            primaryColorSuppl: string;
-            infoColor: string;
-            infoColorHover: string;
-            infoColorPressed: string;
-            infoColorSuppl: string;
-            successColor: string;
-            successColorHover: string;
-            successColorPressed: string;
-            successColorSuppl: string;
-            warningColor: string;
-            warningColorHover: string;
-            warningColorPressed: string;
-            warningColorSuppl: string;
-            errorColor: string;
-            errorColorHover: string;
-            errorColorPressed: string;
-            errorColorSuppl: string;
-            textColorBase: string;
-            textColor1: string;
-            textColor2: string;
-            textColor3: string;
-            textColorDisabled: string;
-            placeholderColor: string;
-            placeholderColorDisabled: string;
-            iconColor: string;
-            iconColorHover: string;
-            iconColorPressed: string;
-            iconColorDisabled: string;
-            opacity1: string;
-            opacity2: string;
-            opacity3: string;
-            opacity4: string;
-            opacity5: string;
-            dividerColor: string;
-            borderColor: string;
-            closeIconColor: string;
-            closeIconColorHover: string;
-            closeIconColorPressed: string;
-            closeColorHover: string;
-            closeColorPressed: string;
-            clearColor: string;
-            clearColorHover: string;
-            clearColorPressed: string;
-            scrollbarColor: string;
-            scrollbarColorHover: string;
-            scrollbarWidth: string;
-            scrollbarHeight: string;
-            scrollbarBorderRadius: string;
-            progressRailColor: string;
-            railColor: string;
-            popoverColor: string;
-            tableColor: string;
-            cardColor: string;
-            modalColor: string;
-            bodyColor: string;
-            tagColor: string;
-            avatarColor: string;
-            invertedColor: string;
-            inputColor: string;
-            codeColor: string;
-            tabColor: string;
-            actionColor: string;
-            tableHeaderColor: string;
-            hoverColor: string;
-            tableColorHover: string;
-            tableColorStriped: string;
-            pressedColor: string;
-            opacityDisabled: string;
-            inputColorDisabled: string;
-            buttonColor2: string;
-            buttonColor2Hover: string;
-            buttonColor2Pressed: string;
-            boxShadow1: string;
-            boxShadow2: string;
-            boxShadow3: string;
-            fontFamily: string;
-            fontFamilyMono: string;
-            fontWeight: string;
-            fontWeightStrong: string;
-            cubicBezierEaseInOut: string;
-            cubicBezierEaseOut: string;
-            cubicBezierEaseIn: string;
-            borderRadius: string;
-            borderRadiusSmall: string;
-            fontSize: string;
-            fontSizeMini: string;
-            fontSizeTiny: string;
-            fontSizeSmall: string;
-            fontSizeMedium: string;
-            fontSizeLarge: string;
-            fontSizeHuge: string;
-            lineHeight: string;
-            heightMini: string;
-            heightTiny: string;
-            heightSmall: string;
-            heightMedium: string;
-            heightLarge: string;
-            heightHuge: string;
-            name: "common";
-        };
+        common: import("../..").ThemeCommonVars;
         self: {
             lineHeight: string;
             color: string;
@@ -527,13 +423,13 @@ declare const _default: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     title: PropType<string | (() => VNodeChild)>;
     contentClass: StringConstructor;
-    contentStyle: PropType<string | CSSProperties>;
+    contentStyle: PropType<CSSProperties | string>;
     headerClass: StringConstructor;
-    headerStyle: PropType<string | CSSProperties>;
+    headerStyle: PropType<CSSProperties | string>;
     headerExtraClass: StringConstructor;
-    headerExtraStyle: PropType<string | CSSProperties>;
+    headerExtraStyle: PropType<CSSProperties | string>;
     footerClass: StringConstructor;
-    footerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
         readonly type: PropType<boolean | CardSegmented>;

package/es/card/src/Card.mjs

@@ -1,12 +1,12 @@
-import { h, defineComponent, computed } from 'vue';
+import { computed, defineComponent, h } from 'vue';
 import { getPadding } from 'seemly';
 import { useRtl } from "../../_mixins/use-rtl.mjs";
 import { useConfig, useTheme, useThemeClass } from "../../_mixins/index.mjs";
 import { call, createKey, keysOf, resolveWrappedSlot } from "../../_utils/index.mjs";
 import { NBaseClose } from "../../_internal/index.mjs";
 import { cardLight } from "../styles/index.mjs";
-import style from "./styles/index.cssr.mjs";
 import { ensureValidVNode } from "../../_utils/vue/resolve-slot.mjs";
+import style from "./styles/index.cssr.mjs";
 export const cardBaseProps = {
   title: [String, Function],
   contentClass: String,

package/es/card/src/styles/rtl.cssr.mjs

@@ -1,4 +1,4 @@
-import { c, cB, cM, cE } from "../../../_utils/cssr/index.mjs";
+import { c, cB, cE, cM } from "../../../_utils/cssr/index.mjs";
 export default cB('card', [cM('rtl', `
  direction: rtl;
  `), c('>', [cB('card-header', [c('>', [cE('close', `

package/es/card/styles/light.d.ts

@@ -1,6 +1,6 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { type Theme } from '../../_mixins';
-export declare const self: (vars: ThemeCommonVars) => {
+import type { Theme } from '../../_mixins';
+export declare function self(vars: ThemeCommonVars): {
     lineHeight: string;
     color: string;
     colorModal: string;

package/es/card/styles/light.mjs

@@ -1,6 +1,6 @@
 import { commonLight } from "../../_styles/common/index.mjs";
 import commonVariables from "./_common.mjs";
-export const self = vars => {
+export function self(vars) {
   const {
     primaryColor,
     borderRadius,
@@ -48,7 +48,7 @@ export const self = vars => {
     boxShadow: boxShadow1,
     borderRadius
   });
-};
+}
 const cardLight = {
   name: 'Card',
   common: commonLight,

package/es/card/styles/rtl.d.ts

@@ -1,2 +1,2 @@
-import { type RtlItem } from '../../config-provider/src/internal-interface';
+import type { RtlItem } from '../../config-provider/src/internal-interface';
 export declare const cardRtl: RtlItem;