naive-ui 2.20.2 → 2.21.2

package/lib/dynamic-tags/src/DynamicTags.d.ts

@@ -112,20 +112,30 @@ declare const dynamicTagsProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -272,9 +282,8 @@ declare const dynamicTagsProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -438,20 +447,30 @@ declare const dynamicTagsProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -598,9 +617,8 @@ declare const dynamicTagsProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -764,20 +782,30 @@ declare const dynamicTagsProps: {
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -924,9 +952,8 @@ declare const dynamicTagsProps: {
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1126,20 +1153,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1286,9 +1323,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1452,20 +1488,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1612,9 +1658,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -1778,20 +1823,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -1938,9 +1993,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2036,6 +2090,7 @@ declare const _default: import("vue").DefineComponent<{
         isCompositing: boolean;
         blur: () => void;
         focus: () => void;
+        select: () => void;
         activate: () => void;
         deactivate: () => void;
     } | null>;
@@ -2122,9 +2177,13 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -2230,20 +2289,30 @@ declare const _default: import("vue").DefineComponent<{
                 fontSizeMedium: string;
                 fontSizeLarge: string;
                 opacityDisabled: string;
+                colorOpacitySecondary: number;
+                colorOpacitySecondaryHover: number;
+                colorOpacitySecondaryPressed: number;
+                colorSecondary: string;
+                colorSecondaryHover: string;
+                colorSecondaryPressed: string;
+                colorTertiary: string;
+                colorTertiaryHover: string;
+                colorTertiaryPressed: string;
+                colorQuaternary: string;
+                colorQuaternaryHover: string;
+                colorQuaternaryPressed: string;
                 color: string;
                 colorHover: string;
                 colorPressed: string;
                 colorFocus: string;
                 colorDisabled: string;
                 textColor: string;
+                textColorTertiary: string;
                 textColorHover: string;
                 textColorPressed: string;
                 textColorFocus: string;
                 textColorDisabled: string;
                 textColorText: string;
-                textColorTextDepth1: string;
-                textColorTextDepth2: string;
-                textColorTextDepth3: string;
                 textColorTextHover: string;
                 textColorTextPressed: string;
                 textColorTextFocus: string;
@@ -2390,9 +2459,8 @@ declare const _default: import("vue").DefineComponent<{
                 borderDisabledError: string;
                 rippleColorError: string;
                 waveOpacity: string;
-                fontWeightText: string;
                 fontWeight: string;
-                fontWeighGhost: string;
+                fontWeightStrong: string;
                 paddingTiny: string;
                 paddingSmall: string;
                 paddingMedium: string;
@@ -2612,20 +2680,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -2772,9 +2850,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -2938,20 +3015,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -3098,9 +3185,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;
@@ -3264,20 +3350,30 @@ declare const _default: import("vue").DefineComponent<{
             fontSizeMedium: string;
             fontSizeLarge: string;
             opacityDisabled: string;
+            colorOpacitySecondary: number;
+            colorOpacitySecondaryHover: number;
+            colorOpacitySecondaryPressed: number;
+            colorSecondary: string;
+            colorSecondaryHover: string;
+            colorSecondaryPressed: string;
+            colorTertiary: string;
+            colorTertiaryHover: string;
+            colorTertiaryPressed: string;
+            colorQuaternary: string;
+            colorQuaternaryHover: string;
+            colorQuaternaryPressed: string;
             color: string;
             colorHover: string;
             colorPressed: string;
             colorFocus: string;
             colorDisabled: string;
             textColor: string;
+            textColorTertiary: string;
             textColorHover: string;
             textColorPressed: string;
             textColorFocus: string;
             textColorDisabled: string;
             textColorText: string;
-            textColorTextDepth1: string;
-            textColorTextDepth2: string;
-            textColorTextDepth3: string;
             textColorTextHover: string;
             textColorTextPressed: string;
             textColorTextFocus: string;
@@ -3424,9 +3520,8 @@ declare const _default: import("vue").DefineComponent<{
             borderDisabledError: string;
             rippleColorError: string;
             waveOpacity: string;
-            fontWeightText: string;
             fontWeight: string;
-            fontWeighGhost: string;
+            fontWeightStrong: string;
             paddingTiny: string;
             paddingSmall: string;
             paddingMedium: string;

package/lib/dynamic-tags/styles/light.d.ts

@@ -75,20 +75,30 @@ declare const dynamicTagsLight: import("../../_mixins").Theme<"DynamicTags", {
         fontSizeMedium: string;
         fontSizeLarge: string;
         opacityDisabled: string;
+        colorOpacitySecondary: number;
+        colorOpacitySecondaryHover: number;
+        colorOpacitySecondaryPressed: number;
+        colorSecondary: string;
+        colorSecondaryHover: string;
+        colorSecondaryPressed: string;
+        colorTertiary: string;
+        colorTertiaryHover: string;
+        colorTertiaryPressed: string;
+        colorQuaternary: string;
+        colorQuaternaryHover: string;
+        colorQuaternaryPressed: string;
         color: string;
         colorHover: string;
         colorPressed: string;
         colorFocus: string;
         colorDisabled: string;
         textColor: string;
+        textColorTertiary: string;
         textColorHover: string;
         textColorPressed: string;
         textColorFocus: string;
         textColorDisabled: string;
         textColorText: string;
-        textColorTextDepth1: string;
-        textColorTextDepth2: string;
-        textColorTextDepth3: string;
         textColorTextHover: string;
         textColorTextPressed: string;
         textColorTextFocus: string;
@@ -235,9 +245,8 @@ declare const dynamicTagsLight: import("../../_mixins").Theme<"DynamicTags", {
         borderDisabledError: string;
         rippleColorError: string;
         waveOpacity: string;
-        fontWeightText: string;
         fontWeight: string;
-        fontWeighGhost: string;
+        fontWeightStrong: string;
         paddingTiny: string;
         paddingSmall: string;
         paddingMedium: string;

package/lib/ellipsis/src/Ellipsis.d.ts

@@ -232,9 +232,13 @@ declare const _default: import("vue").DefineComponent<{
             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;

package/lib/form/src/FormItemGridItem.d.ts

@@ -137,7 +137,7 @@ export declare const formItemGiProps: {
         readonly default: true;
     };
 };
-export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "privateColStart" | "privateShow" | "privateSpan" | "privateOffset")[];
+export declare const formItemGiPropKeys: ("label" | "size" | "first" | "offset" | "span" | "required" | "path" | "theme" | "themeOverrides" | "builtinThemeOverrides" | "suffix" | "labelPlacement" | "labelAlign" | "labelStyle" | "labelWidth" | "showRequireMark" | "requireMarkPlacement" | "showFeedback" | "showLabel" | "rulePath" | "rule" | "ignorePathChange" | "validationStatus" | "feedback" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export declare type FormItemGiProps = ExtractPublicPropTypes<typeof formItemGiProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly label: StringConstructor;
@@ -425,8 +425,8 @@ declare const _default: import("vue").DefineComponent<{
     rule?: import("./interface").FormItemRule | import("./interface").FormItemRule[] | undefined;
     validationStatus?: "error" | "success" | "warning" | undefined;
     feedback?: string | undefined;
-    privateColStart?: number | undefined;
     privateSpan?: number | undefined;
+    privateColStart?: number | undefined;
     privateOffset?: number | undefined;
 }>, {
     first: boolean;

package/lib/global-style/src/GlobalStyle.js

@@ -8,6 +8,8 @@ const lodash_1 = require("lodash");
 exports.default = (0, vue_1.defineComponent)({
     name: 'GlobalStyle',
     setup() {
+        if (typeof document === 'undefined')
+            return; // TODO: inject style for SSR
         const NConfigProvider = (0, vue_1.inject)(ConfigProvider_1.configProviderInjectionKey, null);
         const { body } = document;
         const { style } = body;

package/lib/grid/src/Grid.js

@@ -132,6 +132,7 @@ exports.default = (0, vue_1.defineComponent)({
                 const suffixPropValue = (_b = maybeSuffixNode.props) === null || _b === void 0 ? void 0 : _b.suffix;
                 if (suffixPropValue !== undefined && suffixPropValue !== false) {
                     suffixSpan = (_d = (_c = maybeSuffixNode.props) === null || _c === void 0 ? void 0 : _c.span) !== null && _d !== void 0 ? _d : GridItem_1.defaultSpan;
+                    maybeSuffixNode.props.privateSpan = suffixSpan;
                     maybeSuffixNode.props.privateColStart =
                         responsiveCols + 1 - suffixSpan;
                     maybeSuffixNode.props.privateShow = true;

package/lib/grid/src/GridItem.d.ts

@@ -19,7 +19,7 @@ export declare const gridItemProps: {
         readonly default: true;
     };
 };
-export declare const gridItemPropKeys: ("offset" | "span" | "suffix" | "privateColStart" | "privateShow" | "privateSpan" | "privateOffset")[];
+export declare const gridItemPropKeys: ("offset" | "span" | "suffix" | "privateSpan" | "privateColStart" | "privateShow" | "privateOffset")[];
 export declare type GridItemProps = ExtractPublicPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly span: {
@@ -60,8 +60,8 @@ declare const _default: import("vue").DefineComponent<{
     suffix: boolean;
     privateShow: boolean;
 } & {
-    privateColStart?: number | undefined;
     privateSpan?: number | undefined;
+    privateColStart?: number | undefined;
     privateOffset?: number | undefined;
 }>, {
     offset: string | number;

package/lib/image/src/ImagePreview.d.ts

@@ -30,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     handlePreviewDblclick: () => void;
     syncTransformOrigin: () => void;
     handleAfterLeave: () => void;
+    handleDragStart: (e: Event) => void;
     zoomIn: () => void;
     zoomOut: () => void;
     rotateCounterclockwise: () => void;