naive-ui 2.24.1 → 2.24.5

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

@@ -48,28 +48,27 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<{
         '--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;
-    readonly appear?: unknown;
-    readonly collapsed?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    show: boolean;
-    appear: boolean;
-} & {
-    theme?: import("../../_mixins").Theme<"CollapseTransition", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly show: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly appear: BooleanConstructor;
+    /** @deprecated */
+    readonly collapsed: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly theme: PropType<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"CollapseTransition", {
         bezier: string;
-    }, any>> | undefined;
-    collapsed?: boolean | undefined;
-}>, {
+    }, any>>>;
+}>>, {
     show: boolean;
     appear: boolean;
     collapsed: boolean | undefined;

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

@@ -22,20 +22,25 @@ declare const _default: import("vue").DefineComponent<{
     railRef: import("vue").Ref<HTMLElement | null>;
     railBackgroundImage: import("vue").ComputedRef<string>;
     handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    rgba?: unknown;
-    alpha?: unknown;
-    onUpdateAlpha?: unknown;
-    onComplete?: unknown;
-} & {
-    alpha: number;
-    clsPrefix: string;
-    rgba: RGBA | null;
-    onUpdateAlpha: (value: number) => void;
-} & {
-    onComplete?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    rgba: {
+        type: PropType<RGBA | null>;
+        default: null;
+    };
+    alpha: {
+        type: NumberConstructor;
+        default: number;
+    };
+    onUpdateAlpha: {
+        type: PropType<(value: number) => void>;
+        required: true;
+    };
+    onComplete: PropType<() => void>;
+}>>, {
     alpha: number;
     rgba: RGBA | null;
 }>;

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

@@ -36,25 +36,40 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleUnitUpdateValue(index: number, value: number | string): void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    mode?: unknown;
-    modes?: unknown;
-    showAlpha?: unknown;
-    value?: unknown;
-    valueArr?: unknown;
-    onUpdateValue?: unknown;
-    onUpdateMode?: unknown;
-} & {
-    value: string | null;
-    mode: ColorPickerMode;
-    clsPrefix: string;
-    onUpdateValue: (value: string) => void;
-    showAlpha: boolean;
-    modes: ColorPickerMode[];
-    valueArr: RGBA | HSLA | HSVA | null;
-    onUpdateMode: () => void;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<ColorPickerMode>;
+        required: true;
+    };
+    modes: {
+        type: PropType<ColorPickerMode[]>;
+        required: true;
+    };
+    showAlpha: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    valueArr: {
+        type: PropType<RGBA | HSLA | HSVA | null>;
+        default: null;
+    };
+    onUpdateValue: {
+        type: PropType<(value: string) => void>;
+        required: true;
+    };
+    onUpdateMode: {
+        type: PropType<() => void>;
+        required: true;
+    };
+}>>, {
     value: string | null;
     valueArr: RGBA | HSLA | HSVA | null;
 }>;

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

@@ -415,17 +415,21 @@ declare const _default: import("vue").DefineComponent<{
     inputValue: import("vue").Ref<string>;
     handleInputChange: (value: string) => void;
     handleInputUpdateValue: (value: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    label?: unknown;
-    value?: unknown;
-    showAlpha?: unknown;
-    onUpdateValue?: unknown;
-} & {
-    value: string | number | null;
-    label: string;
-    onUpdateValue: (value: number | string) => void;
-    showAlpha: boolean;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | number | null>;
+        default: null;
+    };
+    showAlpha: BooleanConstructor;
+    onUpdateValue: {
+        type: PropType<(value: number | string) => void>;
+        required: true;
+    };
+}>>, {
     value: string | number | null;
     showAlpha: boolean;
 }>;

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

@@ -1,4 +1,4 @@
-import { PropType, VNode, InjectionKey, ComputedRef, Ref, Slots } from 'vue';
+import { PropType, VNode, ComputedRef, Ref, Slots } from 'vue';
 import { RGBA, HSLA } from 'seemly';
 import type { ColorPickerTheme } from '../styles';
 import { MergedTheme } from '../../_mixins';
@@ -30,6 +30,10 @@ export declare const colorPickerPanelProps: {
     };
     readonly showPreview: BooleanConstructor;
     readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
     readonly actions: {
         readonly type: PropType<"confirm"[]>;
         readonly default: null;
@@ -884,7 +888,7 @@ export declare const colorPickerPanelProps: {
     }>>>;
 };
 export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerPanelProps>;
-export declare const colorPickerInjectionKey: InjectionKey<{
+export declare const colorPickerInjectionKey: import("vue").InjectionKey<{
     themeRef: ComputedRef<MergedTheme<ColorPickerTheme>>;
     colorPickerSlots: Slots;
     renderLabelRef: Ref<RenderLabel | undefined>;
@@ -914,6 +918,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     readonly showPreview: BooleanConstructor;
     readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
     readonly actions: {
         readonly type: PropType<"confirm"[]>;
         readonly default: null;
@@ -1773,6 +1781,7 @@ declare const _default: import("vue").DefineComponent<{
     hsla: ComputedRef<HSLA | null>;
     rgba: ComputedRef<RGBA | null>;
     mergedShow: ComputedRef<boolean>;
+    mergedDisabled: ComputedRef<boolean>;
     isMounted: Readonly<Ref<boolean>>;
     adjustedTo: ComputedRef<string | HTMLElement>;
     mergedValue: ComputedRef<string | null>;
@@ -1791,40 +1800,48 @@ declare const _default: import("vue").DefineComponent<{
         '--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;
-    readonly show?: unknown;
-    readonly defaultShow?: unknown;
-    readonly defaultValue?: unknown;
-    readonly modes?: unknown;
-    readonly to?: unknown;
-    readonly showAlpha?: unknown;
-    readonly showPreview?: unknown;
-    readonly swatches?: unknown;
-    readonly actions?: unknown;
-    readonly internalActions?: unknown;
-    readonly size?: unknown;
-    readonly renderLabel?: unknown;
-    readonly onComplete?: unknown;
-    readonly 'onUpdate:show'?: unknown;
-    readonly onUpdateShow?: unknown;
-    readonly 'onUpdate:value'?: unknown;
-    readonly onUpdateValue?: unknown;
-    readonly theme?: unknown;
-    readonly themeOverrides?: unknown;
-    readonly builtinThemeOverrides?: unknown;
-} & {
-    defaultShow: boolean;
-    showAlpha: boolean;
-    modes: ColorPickerMode[];
-    showPreview: boolean;
-    actions: "confirm"[];
-} & {
-    value?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    show?: boolean | undefined;
-    to?: string | boolean | HTMLElement | undefined;
-    theme?: import("../../_mixins").Theme<"ColorPicker", {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly value: StringConstructor;
+    readonly show: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultShow: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly defaultValue: PropType<string | null>;
+    readonly modes: {
+        readonly type: PropType<ColorPickerMode[]>;
+        readonly default: () => string[];
+    };
+    readonly to: {
+        type: PropType<string | boolean | HTMLElement>;
+        default: undefined;
+    };
+    readonly showAlpha: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly showPreview: BooleanConstructor;
+    readonly swatches: PropType<string[]>;
+    readonly disabled: {
+        readonly type: PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly actions: {
+        readonly type: PropType<"confirm"[]>;
+        readonly default: null;
+    };
+    readonly internalActions: PropType<readonly ("undo" | "redo")[]>;
+    readonly size: PropType<"small" | "medium" | "large">;
+    readonly renderLabel: PropType<RenderLabel>;
+    readonly onComplete: PropType<OnUpdateValue>;
+    readonly 'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
+    readonly onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
+    readonly 'onUpdate:value': PropType<MaybeArray<OnUpdateValue>>;
+    readonly onUpdateValue: PropType<MaybeArray<OnUpdateValue>>;
+    readonly theme: PropType<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2103,8 +2120,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }> | undefined;
-    themeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
+    }>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2383,8 +2400,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    builtinThemeOverrides?: import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
+    }>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"ColorPicker", {
         panelFontSize: string;
         boxShadow: string;
         color: string;
@@ -2663,18 +2680,10 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | undefined;
-    renderLabel?: RenderLabel | undefined;
-    "onUpdate:show"?: MaybeArray<(value: boolean) => void> | undefined;
-    onUpdateShow?: MaybeArray<(value: boolean) => void> | undefined;
-    defaultValue?: string | null | undefined;
-    "onUpdate:value"?: MaybeArray<OnUpdateValue> | undefined;
-    onUpdateValue?: MaybeArray<OnUpdateValue> | undefined;
-    onComplete?: OnUpdateValue | undefined;
-    swatches?: string[] | undefined;
-    internalActions?: readonly ("undo" | "redo")[] | undefined;
-}>, {
+    }>>>;
+}>>, {
     show: boolean | undefined;
+    disabled: boolean | undefined;
     to: string | boolean | HTMLElement;
     defaultShow: boolean;
     showAlpha: boolean;

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

@@ -1,11 +1,11 @@
-import { h, defineComponent, ref, computed, toRef, watchEffect, withDirectives, Transition, provide, watch, nextTick, renderSlot } from 'vue';
+import { h, defineComponent, ref, computed, toRef, watchEffect, withDirectives, Transition, provide, watch, nextTick } from 'vue';
 import { hsv2rgb, rgb2hsv, rgba, hsva, hsla, hsl2hsv, hsv2hsl, rgb2hsl, hsl2rgb, toRgbaString, toHsvaString, toHslaString, toHexaString, toHsvString, toRgbString, toHexString, toHslString } from 'seemly';
 import { useIsMounted, useMergedState } from 'vooks';
 import { VBinder, VFollower, VTarget } from 'vueuc';
 import { clickoutside } from 'vdirs';
 import { colorPickerLight } from '../styles';
 import { useFormItem, useConfig, useTheme, useLocale } from '../../_mixins';
-import { call, createKey, useAdjustedTo } from '../../_utils';
+import { call, createInjectionKey, createKey, useAdjustedTo } from '../../_utils';
 import { NButton } from '../../button';
 import HueSlider from './HueSlider';
 import AlphaSlider from './AlphaSlider';
@@ -29,11 +29,14 @@ export const colorPickerPanelProps = Object.assign(Object.assign({}, useTheme.pr
     }, to: useAdjustedTo.propTo, showAlpha: {
         type: Boolean,
         default: true
-    }, showPreview: Boolean, swatches: Array, actions: {
+    }, showPreview: Boolean, swatches: Array, disabled: {
+        type: Boolean,
+        default: undefined
+    }, actions: {
         type: Array,
         default: null
     }, internalActions: Array, size: String, renderLabel: Function, onComplete: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
-export const colorPickerInjectionKey = Symbol('colorPickerThemeInjection');
+export const colorPickerInjectionKey = createInjectionKey('n-color-picker');
 export default defineComponent({
     name: 'ColorPicker',
     props: colorPickerPanelProps,
@@ -41,7 +44,7 @@ export default defineComponent({
         const selfRef = ref(null);
         let upcomingValue = null;
         const formItem = useFormItem(props);
-        const { mergedSizeRef } = formItem;
+        const { mergedSizeRef, mergedDisabledRef } = formItem;
         const { localeRef } = useLocale('global');
         const { mergedClsPrefixRef, namespaceRef } = useConfig(props);
         const themeRef = useTheme('ColorPicker', 'ColorPicker', style, colorPickerLight, props, mergedClsPrefixRef);
@@ -377,6 +380,7 @@ export default defineComponent({
             hsla: hslaRef,
             rgba: rgbaRef,
             mergedShow: mergedShowRef,
+            mergedDisabled: mergedDisabledRef,
             isMounted: useIsMounted(),
             adjustedTo: useAdjustedTo(props),
             mergedValue: mergedValueRef,
@@ -399,10 +403,8 @@ export default defineComponent({
             h(VBinder, null, {
                 default: () => [
                     h(VTarget, null, {
-                        default: () => (h(ColorPickerTrigger, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, onClick: this.handleTriggerClick }, {
+                        default: () => (h(ColorPickerTrigger, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, disabled: this.mergedDisabled, onClick: this.handleTriggerClick }, {
                             label: $slots.label
-                                ? () => renderSlot($slots, 'label')
-                                : undefined
                         }))
                     }),
                     h(VFollower, { placement: "bottom-start", show: this.mergedShow, containerClass: this.namespace, teleportDisabled: this.adjustedTo === useAdjustedTo.tdkey, to: this.adjustedTo }, {

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

@@ -26,15 +26,22 @@ declare const _default: import("vue").DefineComponent<{
     parsedSwatchesRef: import("vue").ComputedRef<ParsedColor[]>;
     handleSwatchSelect: (parsed: ParsedColor) => void;
     handleSwatchKeyDown: (e: KeyboardEvent, parsed: ParsedColor) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    mode?: unknown;
-    swatches?: unknown;
-    onUpdateColor?: unknown;
-} & {
-    mode: ColorPickerMode;
-    clsPrefix: string;
-    swatches: string[];
-    onUpdateColor: (value: string) => void;
-} & {}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<ColorPickerMode>;
+        required: true;
+    };
+    swatches: {
+        type: PropType<string[]>;
+        required: true;
+    };
+    onUpdateColor: {
+        type: PropType<(value: string) => void>;
+        required: true;
+    };
+}>>, {}>;
 export default _default;

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

@@ -13,20 +13,26 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<HSLA | null>;
         default: null;
     };
+    disabled: BooleanConstructor;
     onClick: PropType<() => void>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    value?: unknown;
-    hsla?: unknown;
-    onClick?: unknown;
-} & {
-    value: string | null;
-    clsPrefix: string;
-    hsla: HSLA | null;
-} & {
-    onClick?: (() => void) | undefined;
-}>, {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: PropType<string | null>;
+        default: null;
+    };
+    hsla: {
+        type: PropType<HSLA | null>;
+        default: null;
+    };
+    disabled: BooleanConstructor;
+    onClick: PropType<() => void>;
+}>>, {
     value: string | null;
+    disabled: boolean;
     hsla: HSLA | null;
 }>;
 export default _default;

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

@@ -16,15 +16,19 @@ export default defineComponent({
             type: Array,
             default: null
         },
+        disabled: Boolean,
         onClick: Function
     },
     setup(props) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         const { colorPickerSlots, renderLabelRef } = inject(colorPickerInjectionKey, null);
         return () => {
-            const { hsla, value, clsPrefix, onClick } = props;
+            const { hsla, value, clsPrefix, onClick, disabled } = props;
             const renderLabel = colorPickerSlots.label || renderLabelRef.value;
-            return (h("div", { class: `${clsPrefix}-color-picker-trigger`, onClick: onClick },
+            return (h("div", { class: [
+                    `${clsPrefix}-color-picker-trigger`,
+                    disabled && `${clsPrefix}-color-picker-trigger--disabled`
+                ], onClick: disabled ? undefined : onClick },
                 h("div", { class: `${clsPrefix}-color-picker-trigger__fill` },
                     h("div", { class: `${clsPrefix}-color-picker-checkboard` }),
                     h("div", { style: {

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

@@ -20,17 +20,25 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     handleChange: (e: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    mode?: unknown;
-    color?: unknown;
-    onUpdateColor?: unknown;
-} & {
-    mode: ColorPickerMode;
-    color: string | null;
-    clsPrefix: string;
-    onUpdateColor: (value: string) => void;
-} & {}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    mode: {
+        type: PropType<ColorPickerMode>;
+        required: true;
+    };
+    color: {
+        type: PropType<string | null>;
+        default: null;
+        validator: (value: string) => boolean;
+    };
+    onUpdateColor: {
+        type: PropType<(value: string) => void>;
+        required: true;
+    };
+}>>, {
     color: string | null;
 }>;
 export default _default;

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

@@ -16,16 +16,19 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     railRef: import("vue").Ref<HTMLElement | null>;
     handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    hue?: unknown;
-    onUpdateHue?: unknown;
-    onComplete?: unknown;
-} & {
-    hue: number;
-    clsPrefix: string;
-    onUpdateHue: (value: number) => void;
-} & {
-    onComplete?: (() => void) | undefined;
-}>, {}>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    hue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    onUpdateHue: {
+        type: PropType<(value: number) => void>;
+        required: true;
+    };
+    onComplete: PropType<() => void>;
+}>>, {}>;
 export default _default;

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

@@ -26,22 +26,29 @@ declare const _default: import("vue").DefineComponent<{
     palleteRef: import("vue").Ref<HTMLElement | null>;
     handleColor: import("vue").ComputedRef<string>;
     handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    clsPrefix?: unknown;
-    rgba?: unknown;
-    displayedHue?: unknown;
-    displayedSv?: unknown;
-    onUpdateSV?: unknown;
-    onComplete?: unknown;
-} & {
-    clsPrefix: string;
-    rgba: HSVA | null;
-    displayedHue: number;
-    displayedSv: [number, number];
-    onUpdateSV: (s: number, v: number) => void;
-} & {
-    onComplete?: (() => void) | undefined;
-}>, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    clsPrefix: {
+        type: StringConstructor;
+        required: true;
+    };
+    rgba: {
+        type: PropType<HSVA | null>;
+        default: null;
+    };
+    displayedHue: {
+        type: NumberConstructor;
+        required: true;
+    };
+    displayedSv: {
+        type: PropType<[number, number]>;
+        required: true;
+    };
+    onUpdateSV: {
+        type: PropType<(s: number, v: number) => void>;
+        required: true;
+    };
+    onComplete: PropType<() => void>;
+}>>, {
     rgba: HSVA | null;
 }>;
 export default _default;

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

@@ -151,7 +151,7 @@ export default c([cB('color-picker', `
  right: 4px;
  top: 4px;
  bottom: 4px;
- `), cB('color-picker-checkboard', `
+ `), cM('disabled', 'cursor: not-allowed'), cB('color-picker-checkboard', `
  border-radius: var(--n-border-radius);
  `, [c('&::after', `
  --n-block-size: calc((var(--n-height) - 8px) / 3);