naive-ui 2.41.1 → 2.43.0

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

@@ -93,7 +93,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 paddingMedium: string;
                 paddingLarge: string;
                 clearSize: string;
-            }, any>;
+            }, {
+                Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                    height: string;
+                    width: string;
+                    borderRadius: string;
+                    color: string;
+                    colorHover: string;
+                    railInsetHorizontalBottom: string;
+                    railInsetHorizontalTop: string;
+                    railInsetVerticalRight: string;
+                    railInsetVerticalLeft: string;
+                    railColor: string;
+                }, any>;
+            }>;
             Button: import("../../_mixins").Theme<"Button", {
                 heightTiny: string;
                 heightSmall: string;
@@ -302,7 +315,18 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         peerOverrides: {
             Input?: {
                 peers?: {
-                    [x: string]: any;
+                    Scrollbar?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Scrollbar", {
+                        height: string;
+                        width: string;
+                        borderRadius: string;
+                        color: string;
+                        colorHover: string;
+                        railInsetHorizontalBottom: string;
+                        railInsetHorizontalTop: string;
+                        railInsetVerticalRight: string;
+                        railInsetVerticalLeft: string;
+                        railColor: string;
+                    }, any>> | undefined;
                 } | undefined;
             } | undefined;
             Button?: {

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

@@ -124,7 +124,20 @@ export declare const colorPickerProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -406,7 +419,20 @@ export declare const colorPickerProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -688,7 +714,20 @@ export declare const colorPickerProps: {
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1021,7 +1060,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1303,7 +1355,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1585,7 +1650,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -1939,7 +2017,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -2221,7 +2312,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -2503,7 +2607,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             paddingMedium: string;
             paddingLarge: string;
             clearSize: string;
-        }, any>;
+        }, {
+            Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+                height: string;
+                width: string;
+                borderRadius: string;
+                color: string;
+                colorHover: string;
+                railInsetHorizontalBottom: string;
+                railInsetHorizontalTop: string;
+                railInsetVerticalRight: string;
+                railInsetVerticalLeft: string;
+                railColor: string;
+            }, any>;
+        }>;
         Button: import("../../_mixins").Theme<"Button", {
             heightTiny: string;
             heightSmall: string;
@@ -2715,9 +2832,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly show: boolean | undefined;
     readonly placement: FollowerPlacement;
     readonly defaultShow: boolean;
-    readonly actions: ActionType[];
-    readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
+    readonly showAlpha: boolean;
     readonly showPreview: boolean;
+    readonly actions: ActionType[];
 }, SlotsType<ColorPickerSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/color-picker/src/ColorPickerTrigger.mjs

@@ -1,6 +1,7 @@
 import { toHslaString } from 'seemly';
 import { defineComponent, h, inject } from 'vue';
 import { colorPickerInjectionKey } from "./context.mjs";
+import { getWCAGContrast } from "./utils.mjs";
 export default defineComponent({
   name: 'ColorPickerTrigger',
   slots: Object,
@@ -53,7 +54,7 @@ export default defineComponent({
       }), value && hsla ? h("div", {
         class: `${clsPrefix}-color-picker-trigger__value`,
         style: {
-          color: hsla[2] > 50 || hsla[3] < 0.5 ? 'black' : 'white'
+          color: getWCAGContrast(hsla) ? 'white' : 'black'
         }
       }, renderLabel ? renderLabel(value) : value) : null));
     };

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

@@ -1,7 +1,9 @@
+import { type HSLA, type RGB } from 'seemly';
 export type ColorPickerMode = 'rgb' | 'hsl' | 'hsv' | 'hex';
 export type ActionType = 'confirm' | 'clear';
 export declare function deriveDefaultValue(modes: ColorPickerMode[], showAlpha: boolean): string;
 export declare function getModeFromValue(color: string | null): ColorPickerMode | null;
+export declare function getWCAGContrast(hsla: HSLA, contrastColor?: RGB, level?: 'AA' | 'AAA'): boolean;
 export declare function floor(color: number[]): number[];
 export declare function normalizeHue(hue: number): number;
 export declare function normalizeAlpha(alpha: number): number;

package/es/color-picker/src/utils.mjs

@@ -24,6 +24,29 @@ export function getModeFromValue(color) {
   if (color.includes('hsv')) return 'hsv';
   return null;
 }
+export function getWCAGContrast(hsla, contrastColor = [255, 255, 255], level = 'AA') {
+  const [r, g, b, a] = rgba(toHslaString(hsla));
+  if (a === 1) {
+    const luminance1 = rgb2luminance([r, g, b]);
+    const luminance2 = rgb2luminance(contrastColor);
+    const contrast = (Math.max(luminance1, luminance2) + 0.05) / (Math.min(luminance1, luminance2) + 0.05);
+    return contrast >= (level === 'AA' ? 4.5 : 7);
+  }
+  const blendedR = Math.round(r * a + contrastColor[0] * (1 - a));
+  const blendedG = Math.round(g * a + contrastColor[1] * (1 - a));
+  const blendedB = Math.round(b * a + contrastColor[2] * (1 - a));
+  const luminanceBlended = rgb2luminance([blendedR, blendedG, blendedB]);
+  const luminanceWhite = rgb2luminance(contrastColor);
+  const contrastBlended = (Math.max(luminanceBlended, luminanceWhite) + 0.05) / (Math.min(luminanceBlended, luminanceWhite) + 0.05);
+  return contrastBlended >= (level === 'AA' ? 4.5 : 7);
+}
+function rgb2luminance(rgb) {
+  const [cr, cg, cb] = rgb.map(c => {
+    c /= 255;
+    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * cr + 0.7152 * cg + 0.0722 * cb;
+}
 export function floor(color) {
   return color.map(channel => Math.floor(channel));
 }

package/es/color-picker/styles/light.d.ts

@@ -15,7 +15,7 @@ export declare function self(vars: ThemeCommonVars): {
     dividerColor: string;
 };
 export type ColorPickerThemeVars = ReturnType<typeof self>;
-declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPicker", {
+declare const colorPickerLight: import("../../_mixins").Theme<"ColorPicker", {
     panelFontSize: string;
     boxShadow: string;
     color: string;
@@ -30,7 +30,7 @@ declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPi
     fontSizeLarge: string;
     dividerColor: string;
 }, {
-    Input: import("../../_mixins/use-theme").Theme<"Input", {
+    Input: import("../../_mixins").Theme<"Input", {
         fontWeight: string;
         countTextColorDisabled: string;
         countTextColor: string;
@@ -91,8 +91,21 @@ declare const colorPickerLight: import("../../_mixins/use-theme").Theme<"ColorPi
         paddingMedium: string;
         paddingLarge: string;
         clearSize: string;
-    }, any>;
-    Button: import("../../_mixins/use-theme").Theme<"Button", {
+    }, {
+        Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
+            height: string;
+            width: string;
+            borderRadius: string;
+            color: string;
+            colorHover: string;
+            railInsetHorizontalBottom: string;
+            railInsetHorizontalTop: string;
+            railInsetVerticalRight: string;
+            railInsetVerticalLeft: string;
+            railColor: string;
+        }, any>;
+    }>;
+    Button: import("../../_mixins").Theme<"Button", {
         heightTiny: string;
         heightSmall: string;
         heightMedium: string;

package/es/components.d.ts

@@ -41,6 +41,7 @@ export * from './form';
 export * from './global-style';
 export * from './gradient-text';
 export * from './grid';
+export * from './heatmap';
 export * from './highlight';
 export * from './icon';
 export * from './icon-wrapper';

package/es/components.mjs

@@ -41,6 +41,7 @@ export * from "./form/index.mjs";
 export * from "./global-style/index.mjs";
 export * from "./gradient-text/index.mjs";
 export * from "./grid/index.mjs";
+export * from "./heatmap/index.mjs";
 export * from "./highlight/index.mjs";
 export * from "./icon/index.mjs";
 export * from "./icon-wrapper/index.mjs";

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

@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     readonly abstract: boolean;
     readonly as: string | undefined;
     readonly bordered: boolean | undefined;
-    readonly preflightStyleDisabled: boolean;
     readonly inlineThemeDisabled: boolean;
+    readonly preflightStyleDisabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/config-provider/src/ConfigProvider.mjs

@@ -1,5 +1,5 @@
 import { hash } from 'css-render';
-import { merge } from 'lodash-es';
+import { merge } from 'lodash';
 import { useMemo } from 'vooks';
 import { computed, defineComponent, h, inject, markRaw, provide } from 'vue';
 import { defaultClsPrefix } from "../../_mixins/index.mjs";

package/es/config-provider/src/internal-interface.d.ts

@@ -45,6 +45,7 @@ import type { FloatButtonGroupTheme } from '../../float-button-group/styles';
 import type { FloatButtonTheme } from '../../float-button/styles';
 import type { FormTheme } from '../../form/styles';
 import type { GradientTextTheme } from '../../gradient-text/styles';
+import type { HeatmapTheme } from '../../heatmap/styles';
 import type { IconWrapperTheme } from '../../icon-wrapper/styles';
 import type { IconTheme } from '../../icon/styles';
 import type { ImageTheme } from '../../image/styles';
@@ -189,6 +190,7 @@ export interface GlobalThemeWithoutCommon {
     Split?: SplitTheme;
     Row?: RowTheme;
     Marquee?: MarqueeTheme;
+    Heatmap?: HeatmapTheme;
     InternalSelectMenu?: InternalSelectMenuTheme;
     InternalSelection?: InternalSelectionTheme;
     InputOtp?: InputOtpTheme;