naive-ui 2.23.1 → 2.24.2

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

@@ -46,30 +46,29 @@ declare const _default: import("vue").DefineComponent<{
     mergedShow: import("vue").ComputedRef<boolean>;
     mergedClsPrefix: import("vue").ComputedRef<string>;
     cssVars: import("vue").ComputedRef<{
-        '--bezier': string;
+        '--n-bezier': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly show?: unknown;
-    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/lib/collapse-transition/src/CollapseTransition.js

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

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

@@ -61,7 +61,7 @@ exports.default = (0, vue_1.defineComponent)({
     setup(props) {
         const inputValueRef = (0, vue_1.ref)('');
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        const themeRef = (0, vue_1.inject)(ColorPicker_1.colorPickerThemeInjectionKey, null);
+        const { themeRef } = (0, vue_1.inject)(ColorPicker_1.colorPickerInjectionKey, null);
         (0, vue_1.watchEffect)(() => {
             inputValueRef.value = getInputString();
         });

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

@@ -1,10 +1,10 @@
-import { PropType, VNode, InjectionKey, ComputedRef, Ref } from 'vue';
+import { PropType, VNode, ComputedRef, Ref, Slots } from 'vue';
 import { RGBA, HSLA } from 'seemly';
 import type { ColorPickerTheme } from '../styles';
 import { MergedTheme } from '../../_mixins';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ColorPickerMode } from './utils';
-import { OnUpdateValue } from './interface';
+import { OnUpdateValue, RenderLabel } from './interface';
 export declare const colorPickerPanelProps: {
     readonly value: StringConstructor;
     readonly show: {
@@ -18,7 +18,7 @@ export declare const colorPickerPanelProps: {
     readonly defaultValue: PropType<string | null>;
     readonly modes: {
         readonly type: PropType<ColorPickerMode[]>;
-        readonly default: readonly ["rgb", "hex", "hsl"];
+        readonly default: () => string[];
     };
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -36,6 +36,7 @@ export declare const colorPickerPanelProps: {
     };
     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>>;
@@ -883,7 +884,11 @@ export declare const colorPickerPanelProps: {
     }>>>;
 };
 export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerPanelProps>;
-export declare const colorPickerThemeInjectionKey: InjectionKey<ComputedRef<MergedTheme<ColorPickerTheme>>>;
+export declare const colorPickerInjectionKey: import("vue").InjectionKey<{
+    themeRef: ComputedRef<MergedTheme<ColorPickerTheme>>;
+    colorPickerSlots: Slots;
+    renderLabelRef: Ref<RenderLabel | undefined>;
+}>;
 declare const _default: import("vue").DefineComponent<{
     readonly value: StringConstructor;
     readonly show: {
@@ -897,7 +902,7 @@ declare const _default: import("vue").DefineComponent<{
     readonly defaultValue: PropType<string | null>;
     readonly modes: {
         readonly type: PropType<ColorPickerMode[]>;
-        readonly default: readonly ["rgb", "hex", "hsl"];
+        readonly default: () => string[];
     };
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
@@ -915,6 +920,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     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>>;
@@ -1774,50 +1780,55 @@ declare const _default: import("vue").DefineComponent<{
     handleClickOutside(e: MouseEvent): void;
     renderPanel: () => VNode;
     cssVars: ComputedRef<{
-        '--bezier': string;
-        '--text-color': string;
-        '--color': string;
-        '--panel-font-size': string;
-        '--font-size': string;
-        '--box-shadow': string;
-        '--border': string;
-        '--border-radius': string;
-        '--height': string;
-        '--divider-color': string;
+        '--n-bezier': string;
+        '--n-text-color': string;
+        '--n-color': string;
+        '--n-panel-font-size': string;
+        '--n-font-size': string;
+        '--n-box-shadow': string;
+        '--n-border': string;
+        '--n-border-radius': string;
+        '--n-height': string;
+        '--n-divider-color': string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    readonly value?: unknown;
-    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 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 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;
@@ -2096,8 +2107,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;
@@ -2376,8 +2387,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;
@@ -2656,16 +2667,8 @@ declare const _default: import("vue").DefineComponent<{
             iconSizeLarge: string;
             rippleDuration: string;
         }, any>;
-    }>> | 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;
     to: string | boolean | HTMLElement;
     defaultShow: boolean;

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

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.colorPickerThemeInjectionKey = exports.colorPickerPanelProps = void 0;
+exports.colorPickerInjectionKey = exports.colorPickerPanelProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -12,16 +12,16 @@ const vdirs_1 = require("vdirs");
 const styles_1 = require("../styles");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
+const button_1 = require("../../button");
 const HueSlider_1 = __importDefault(require("./HueSlider"));
 const AlphaSlider_1 = __importDefault(require("./AlphaSlider"));
 const Pallete_1 = __importDefault(require("./Pallete"));
 const ColorInput_1 = __importDefault(require("./ColorInput"));
 const ColorPickerTrigger_1 = __importDefault(require("./ColorPickerTrigger"));
 const utils_1 = require("./utils");
-const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const button_1 = require("../../button");
 const ColorPickerSwatches_1 = __importDefault(require("./ColorPickerSwatches"));
 const ColorPreview_1 = __importDefault(require("./ColorPreview"));
+const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 exports.colorPickerPanelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { value: String, show: {
         type: Boolean,
         default: undefined
@@ -31,15 +31,15 @@ exports.colorPickerPanelProps = Object.assign(Object.assign({}, _mixins_1.useThe
     }, defaultValue: String, modes: {
         type: Array,
         // no hsva by default since browser doesn't support it
-        default: ['rgb', 'hex', 'hsl']
+        default: () => ['rgb', 'hex', 'hsl']
     }, to: _utils_1.useAdjustedTo.propTo, showAlpha: {
         type: Boolean,
         default: true
     }, showPreview: Boolean, swatches: Array, actions: {
         type: Array,
         default: null
-    }, internalActions: Array, size: String, onComplete: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
-exports.colorPickerThemeInjectionKey = Symbol('colorPickerThemeInjection');
+    }, internalActions: Array, size: String, renderLabel: Function, onComplete: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
+exports.colorPickerInjectionKey = (0, _utils_1.createInjectionKey)('n-color-picker');
 exports.default = (0, vue_1.defineComponent)({
     name: 'ColorPicker',
     props: exports.colorPickerPanelProps,
@@ -51,7 +51,11 @@ exports.default = (0, vue_1.defineComponent)({
         const { localeRef } = (0, _mixins_1.useLocale)('global');
         const { mergedClsPrefixRef, namespaceRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('ColorPicker', 'ColorPicker', index_cssr_1.default, styles_1.colorPickerLight, props, mergedClsPrefixRef);
-        (0, vue_1.provide)(exports.colorPickerThemeInjectionKey, themeRef);
+        (0, vue_1.provide)(exports.colorPickerInjectionKey, {
+            themeRef,
+            renderLabelRef: (0, vue_1.toRef)(props, 'renderLabel'),
+            colorPickerSlots: slots
+        });
         const uncontrolledShowRef = (0, vue_1.ref)(props.defaultShow);
         const mergedShowRef = (0, vooks_1.useMergedState)((0, vue_1.toRef)(props, 'show'), uncontrolledShowRef);
         function doUpdateShow(value) {
@@ -70,7 +74,8 @@ exports.default = (0, vue_1.defineComponent)({
         const undoStackRef = (0, vue_1.ref)([mergedValueRef.value]);
         const valueIndexRef = (0, vue_1.ref)(0);
         const valueModeRef = (0, vue_1.computed)(() => (0, utils_1.getModeFromValue)(mergedValueRef.value));
-        const displayedModeRef = (0, vue_1.ref)((0, utils_1.getModeFromValue)(mergedValueRef.value) || 'rgb');
+        const { modes } = props;
+        const displayedModeRef = (0, vue_1.ref)((0, utils_1.getModeFromValue)(mergedValueRef.value) || modes[0] || 'rgb');
         function handleUpdateDisplayedMode() {
             const { modes } = props;
             const { value: displayedMode } = displayedModeRef;
@@ -335,16 +340,16 @@ exports.default = (0, vue_1.defineComponent)({
             const { value: mergedSize } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { textColor, color, panelFontSize, boxShadow, border, borderRadius, dividerColor, [(0, _utils_1.createKey)('height', mergedSize)]: height, [(0, _utils_1.createKey)('fontSize', mergedSize)]: fontSize } } = themeRef.value;
             return {
-                '--bezier': cubicBezierEaseInOut,
-                '--text-color': textColor,
-                '--color': color,
-                '--panel-font-size': panelFontSize,
-                '--font-size': fontSize,
-                '--box-shadow': boxShadow,
-                '--border': border,
-                '--border-radius': borderRadius,
-                '--height': height,
-                '--divider-color': dividerColor
+                '--n-bezier': cubicBezierEaseInOut,
+                '--n-text-color': textColor,
+                '--n-color': color,
+                '--n-panel-font-size': panelFontSize,
+                '--n-font-size': fontSize,
+                '--n-box-shadow': boxShadow,
+                '--n-border': border,
+                '--n-border-radius': borderRadius,
+                '--n-height': height,
+                '--n-divider-color': dividerColor
             };
         });
         function renderPanel() {
@@ -395,12 +400,14 @@ exports.default = (0, vue_1.defineComponent)({
         };
     },
     render() {
-        const { mergedClsPrefix } = this;
+        const { $slots, mergedClsPrefix } = this;
         return ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-color-picker`, ref: "selfRef", style: this.cssVars },
             (0, vue_1.h)(vueuc_1.VBinder, null, {
                 default: () => [
                     (0, vue_1.h)(vueuc_1.VTarget, null, {
-                        default: () => ((0, vue_1.h)(ColorPickerTrigger_1.default, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, onClick: this.handleTriggerClick }))
+                        default: () => ((0, vue_1.h)(ColorPickerTrigger_1.default, { clsPrefix: mergedClsPrefix, value: this.mergedValue, hsla: this.hsla, onClick: this.handleTriggerClick }, {
+                            label: $slots.label
+                        }))
                     }),
                     (0, vue_1.h)(vueuc_1.VFollower, { placement: "bottom-start", show: this.mergedShow, containerClass: this.namespace, teleportDisabled: this.adjustedTo === _utils_1.useAdjustedTo.tdkey, to: this.adjustedTo }, {
                         default: () => ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-scale-up-transition", appear: this.isMounted }, {

package/lib/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/lib/color-picker/src/ColorPickerTrigger.d.ts

@@ -14,18 +14,21 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
     onClick: PropType<() => void>;
-}, unknown, 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;
+    };
+    onClick: PropType<() => void>;
+}>>, {
     value: string | null;
     hsla: HSLA | null;
 }>;