naive-ui 2.34.3 → 2.35.0

package/es/cascader/src/CascaderOption.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TmNode } from './interface';
+import { type PropType } from 'vue';
+import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     tmNode: {
         type: PropType<TmNode>;
@@ -380,5 +380,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/cascader/src/CascaderSelectMenu.d.ts

@@ -1,7 +1,7 @@
-import { PropType } from 'vue';
-import { TreeNode } from 'treemate';
+import { type PropType } from 'vue';
+import { type TreeNode } from 'treemate';
 import type { SelectBaseOption, SelectGroupOption, SelectIgnoredOption } from '../../select/src/interface';
-import { TmNode, Value, Filter } from './interface';
+import type { TmNode, Value, Filter } from './interface';
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: PropType<Value | null>;
@@ -394,7 +394,7 @@ declare const _default: import("vue").DefineComponent<{
     handleToggle: (tmNode: TreeNode<SelectBaseOption>) => void;
     handleClickOutside: (e: MouseEvent) => void;
     cascaderSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
@@ -426,5 +426,5 @@ declare const _default: import("vue").DefineComponent<{
     show: boolean;
     multiple: boolean;
     tmNodes: TmNode[];
-}>;
+}, {}>;
 export default _default;

package/es/cascader/src/CascaderSubmenu.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { TmNode } from './interface';
+import { type PropType } from 'vue';
+import { type TmNode } from './interface';
 declare const _default: import("vue").DefineComponent<{
     depth: {
         type: NumberConstructor;
@@ -394,5 +394,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<TmNode[]>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

package/es/cascader/src/interface.d.ts

@@ -1,8 +1,8 @@
-import { CheckStrategy, TreeNode } from 'treemate';
+import type { CheckStrategy, TreeNode } from 'treemate';
 import type { MergedTheme } from '../../_mixins';
 import type { NLocale } from '../../locales';
 import type { CascaderTheme } from '../styles';
-import { Ref, Slots, VNodeChild } from 'vue';
+import type { Ref, Slots, VNodeChild } from 'vue';
 export type ValueAtom = string | number;
 export type Value = ValueAtom | ValueAtom[];
 export type Key = ValueAtom;

package/es/checkbox/src/Checkbox.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import { type PropType } from 'vue';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateChecked, CheckboxInst } from './interface';
 export declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;
@@ -252,7 +252,7 @@ declare const _default: import("vue").DefineComponent<{
 }, import("../../_mixins/use-form-item").UseFormItem<"small" | "medium" | "large"> & CheckboxInst & {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     selfRef: import("vue").Ref<HTMLDivElement | null>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     mergedDisabled: import("vue").ComputedRef<boolean>;
     renderedChecked: import("vue").ComputedRef<boolean>;
     mergedTheme: import("vue").ComputedRef<{
@@ -561,5 +561,5 @@ declare const _default: import("vue").DefineComponent<{
     checkedValue: string | number | boolean;
     uncheckedValue: string | number | boolean;
     privateInsideTable: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/checkbox/src/Checkbox.js

@@ -4,7 +4,7 @@ import { createId } from 'seemly';
 import { on } from 'evtd';
 import { useConfig, useFormItem, useTheme, useThemeClass } from '../../_mixins';
 import { NIconSwitchTransition } from '../../_internal';
-import { call, createKey, warnOnce } from '../../_utils';
+import { call, createKey, warnOnce, resolveWrappedSlot } from '../../_utils';
 import { checkboxLight } from '../styles';
 import CheckMark from './CheckMark';
 import LineMark from './LineMark';
@@ -217,6 +217,12 @@ export default defineComponent({
         var _a;
         const { $slots, renderedChecked, mergedDisabled, indeterminate, privateInsideTable, cssVars, labelId, label, mergedClsPrefix, focusable, handleKeyUp, handleKeyDown, handleClick } = this;
         (_a = this.onRender) === null || _a === void 0 ? void 0 : _a.call(this);
+        const labelNode = resolveWrappedSlot($slots.default, (children) => {
+            if (label || children) {
+                return (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, label || children));
+            }
+            return null;
+        });
         return (h("div", { ref: "selfRef", class: [
                 `${mergedClsPrefix}-checkbox`,
                 this.themeClass,
@@ -224,7 +230,8 @@ export default defineComponent({
                 renderedChecked && `${mergedClsPrefix}-checkbox--checked`,
                 mergedDisabled && `${mergedClsPrefix}-checkbox--disabled`,
                 indeterminate && `${mergedClsPrefix}-checkbox--indeterminate`,
-                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`
+                privateInsideTable && `${mergedClsPrefix}-checkbox--inside-table`,
+                labelNode && `${mergedClsPrefix}-checkbox--show-label`
             ], tabindex: mergedDisabled || !focusable ? undefined : 0, role: "checkbox", "aria-checked": indeterminate ? 'mixed' : renderedChecked, "aria-labelledby": labelId, style: cssVars, onKeyup: handleKeyUp, onKeydown: handleKeyDown, onClick: handleClick, onMousedown: () => {
                 on('selectstart', window, (e) => {
                     e.preventDefault();
@@ -239,6 +246,6 @@ export default defineComponent({
                         default: () => this.indeterminate ? (h("div", { key: "indeterminate", class: `${mergedClsPrefix}-checkbox-icon` }, LineMark)) : (h("div", { key: "check", class: `${mergedClsPrefix}-checkbox-icon` }, CheckMark))
                     }),
                     h("div", { class: `${mergedClsPrefix}-checkbox-box__border` }))),
-            label !== null || $slots.default ? (h("span", { class: `${mergedClsPrefix}-checkbox__label`, id: labelId }, $slots.default ? $slots.default() : label)) : null));
+            labelNode));
     }
 });

package/es/checkbox/src/CheckboxGroup.d.ts

@@ -1,6 +1,5 @@
-import { PropType, Ref, ComputedRef } from 'vue';
-import { MaybeArray } from '../../_utils';
-import type { ExtractPublicPropTypes } from '../../_utils';
+import { type PropType, type Ref, type ComputedRef } from 'vue';
+import { type MaybeArray, type ExtractPublicPropTypes } from '../../_utils';
 export interface CheckboxGroupInjection {
     checkedCountRef: ComputedRef<number>;
     maxRef: Ref<number | undefined>;
@@ -58,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void>>;
     readonly onChange: PropType<MaybeArray<(value: (string | number)[]) => void> | undefined>;
 }, {
-    mergedClsPrefix: ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
@@ -84,5 +83,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     readonly disabled: boolean | undefined;
     readonly defaultValue: (string | number)[] | null;
-}>;
+}, {}>;
 export default _default;

package/es/checkbox/src/styles/index.cssr.js

@@ -25,7 +25,6 @@ import { iconSwitchTransition } from '../../../_styles/transitions/icon-switch.c
 // --n-font-size
 // --n-label-padding
 export default c([cB('checkbox', `
- line-height: var(--n-label-line-height);
  font-size: var(--n-font-size);
  outline: none;
  cursor: pointer;
@@ -33,10 +32,9 @@ export default c([cB('checkbox', `
  flex-wrap: nowrap;
  align-items: flex-start;
  word-break: break-word;
+ line-height: var(--n-size);
  --n-merged-color-table: var(--n-color-table);
- `, [c('&:hover', [cB('checkbox-box', [cE('border', {
-  border: 'var(--n-border-checked)'
-})])]), c('&:focus:not(:active)', [cB('checkbox-box', [cE('border', `
+ `, [cM('show-label', 'line-height: var(--n-label-line-height);'), c('&:hover', [cB('checkbox-box', [cE('border', 'border: var(--n-border-checked);')])]), c('&:focus:not(:active)', [cB('checkbox-box', [cE('border', `
  border: var(--n-border-focus);
  box-shadow: var(--n-box-shadow-focus);
  `)])]), cM('inside-table', [cB('checkbox-box', `
@@ -73,13 +71,13 @@ c('.check-icon', `
   fill: 'var(--n-check-mark-color-disabled-checked)'
 })])])]), cB('checkbox-box', `
  background-color: var(--n-color-disabled);
- `, [cE('border', {
-  border: 'var(--n-border-disabled)'
-}), cB('checkbox-icon', [c('.check-icon, .line-icon', {
-  fill: 'var(--n-check-mark-color-disabled)'
-})])]), cE('label', {
-  color: 'var(--n-text-color-disabled)'
-})]), cB('checkbox-box-wrapper', `
+ `, [cE('border', `
+ border: var(--n-border-disabled);
+ `), cB('checkbox-icon', [c('.check-icon, .line-icon', `
+ fill: var(--n-check-mark-color-disabled);
+ `)])]), cE('label', `
+ color: var(--n-text-color-disabled);
+ `)]), cB('checkbox-box-wrapper', `
  position: relative;
  width: var(--n-size);
  flex-shrink: 0;

package/es/code/src/Code.d.ts

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { Hljs } from '../../_mixins';
+import { type PropType } from 'vue';
+import { type Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const codeProps: {
     language: StringConstructor;
@@ -128,7 +128,7 @@ declare const _default: import("vue").DefineComponent<{
         lineNumberTextColor: string;
     }, any>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     codeRef: import("vue").Ref<HTMLElement | null>;
     mergedShowLineNumbers: import("vue").ComputedRef<boolean>;
     lineNumbers: import("vue").ComputedRef<string>;
@@ -221,5 +221,5 @@ declare const _default: import("vue").DefineComponent<{
     uri: boolean;
     showLineNumbers: boolean;
     internalNoHighlight: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import { type Theme } from '../../_mixins/use-theme';
 declare const self: (vars: ThemeCommonVars) => {
     textColor: string;
     fontSize: string;

package/es/collapse/src/Collapse.d.ts

@@ -1,7 +1,6 @@
-import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
-import { ExtractPublicPropTypes } from '../../_utils';
-import type { MaybeArray } from '../../_utils';
-import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
+import { type PropType, type Ref, type ExtractPropTypes, type Slots } from 'vue';
+import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
+import type { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
 export declare const collapseProps: {
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
@@ -39,6 +38,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -51,6 +51,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -63,6 +64,7 @@ export declare const collapseProps: {
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 };
 export type CollapseProps = ExtractPublicPropTypes<typeof collapseProps>;
@@ -111,6 +113,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -123,6 +126,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -135,6 +139,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 }, {
     rtlEnabled: Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -255,18 +260,20 @@ declare const _default: import("vue").DefineComponent<{
             arrowColor: string;
             arrowColorDisabled: string;
             itemMargin: string;
+            titlePadding: string;
         };
         peers: any;
         peerOverrides: {
             [x: string]: any;
         };
     }>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-font-size': string;
         '--n-bezier': string;
         '--n-text-color': string;
         '--n-divider-color': string;
+        '--n-title-padding': string;
         '--n-title-font-size': string;
         '--n-title-text-color': string;
         '--n-title-text-color-disabled': string;
@@ -314,6 +321,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>;
     readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -326,6 +334,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
     readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Collapse", {
         titleFontSize: string;
@@ -338,6 +347,7 @@ declare const _default: import("vue").DefineComponent<{
         arrowColor: string;
         arrowColorDisabled: string;
         itemMargin: string;
+        titlePadding: string;
     }, any>>>;
 }>>, {
     readonly displayDirective: "show" | "if";
@@ -345,5 +355,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly arrowPlacement: "left" | "right";
     readonly accordion: boolean;
     readonly onExpandedNamesChange: MaybeArray<OnUpdateExpandedNames> | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/collapse/src/Collapse.js

@@ -101,12 +101,13 @@ export default defineComponent({
         });
         const rtlEnabledRef = useRtl('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, itemMargin } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titlePadding, titleTextColor, titleTextColorDisabled, textColor, arrowColor, fontSize, titleFontSize, arrowColorDisabled, itemMargin } } = themeRef.value;
             return {
                 '--n-font-size': fontSize,
                 '--n-bezier': cubicBezierEaseInOut,
                 '--n-text-color': textColor,
                 '--n-divider-color': dividerColor,
+                '--n-title-padding': titlePadding,
                 '--n-title-font-size': titleFontSize,
                 '--n-title-text-color': titleTextColor,
                 '--n-title-text-color-disabled': titleTextColorDisabled,

package/es/collapse/src/CollapseItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const collapseItemProps: {
     readonly title: StringConstructor;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     collapseSlots: Readonly<{
-        [name: string]: import("vue").Slot | undefined;
+        [name: string]: import("vue").Slot<any> | undefined;
     }>;
     randomName: string;
     mergedClsPrefix: import("vue").Ref<string>;
@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly displayDirective: PropType<"show" | "if">;
 }>>, {
     readonly disabled: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/collapse/src/CollapseItemContent.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     displayDirective: {
         type: PropType<"show" | "if">;
@@ -23,5 +23,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     show: boolean;
-}>;
+}, {}>;
 export default _default;

package/es/collapse/src/styles/index.cssr.js

@@ -5,6 +5,7 @@ import { fadeInHeightExpandTransition } from '../../../_styles/transitions/fade-
 // --n-bezier
 // --n-text-color
 // --n-divider-color
+// --n-title-padding
 // --n-title-font-size
 // --n-title-text-color
 // --n-title-font-weight
@@ -32,7 +33,7 @@ export default cB('collapse', 'width: 100%;', [cB('collapse-item', `
  align-items: center;
  transition: color .3s var(--n-bezier);
  position: relative;
- padding: 16px 0 0 0;
+ padding: var(--n-title-padding);
  color: var(--n-title-text-color);
  cursor: pointer;
  `, [cE('header-main', `

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

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
     titleFontSize: string;
     titleFontWeight: string;
@@ -11,6 +11,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     arrowColor: string;
     arrowColorDisabled: string;
     itemMargin: string;
+    titlePadding: string;
 };
 export type CollapseThemeVars = ReturnType<typeof self>;
 declare const collapseLight: Theme<'Collapse', CollapseThemeVars>;

package/es/collapse/styles/light.js

@@ -11,7 +11,8 @@ export const self = (vars) => {
         textColor: textColor2,
         arrowColor: textColor2,
         arrowColorDisabled: textColorDisabled,
-        itemMargin: '16px 0 0 0'
+        itemMargin: '16px 0 0 0',
+        titlePadding: '16px 0 0 0'
     };
 };
 const collapseLight = {

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 export declare const collapseTransitionProps: {
     readonly show: {
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
     mergedShow: import("vue").ComputedRef<boolean>;
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: import("vue").Ref<string>;
     cssVars: import("vue").ComputedRef<{
         '--n-bezier': string;
     }> | undefined;
@@ -75,5 +75,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly show: boolean;
     readonly appear: boolean;
     readonly collapsed: boolean | undefined;
-}>;
+}, {}>;
 export default _default;

package/es/collapse-transition/styles/light.d.ts

@@ -1,5 +1,5 @@
 import type { ThemeCommonVars } from '../../_styles/common';
-import { Theme } from '../../_mixins/use-theme';
+import type { Theme } from '../../_mixins/use-theme';
 export declare const self: (vars: ThemeCommonVars) => {
     bezier: string;
 };

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { RGBA } from 'seemly';
+import { type PropType } from 'vue';
+import { type RGBA } from 'seemly';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     alpha: number;
     rgba: RGBA | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { HSVA, HSLA, RGBA } from 'seemly';
-import { PropType } from 'vue';
+import { type HSVA, type HSLA, type RGBA } from 'seemly';
+import { type PropType } from 'vue';
 import type { ColorPickerMode } from './utils';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
@@ -72,5 +72,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | null;
     valueArr: RGBA | HSLA | HSVA | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -435,5 +435,5 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     value: string | number | null;
     showAlpha: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,9 +1,9 @@
-import { PropType, VNode, Ref } from 'vue';
-import { RGBA, HSLA } from 'seemly';
-import { FollowerPlacement } from 'vueuc';
+import { type PropType, type VNode, type Ref } from 'vue';
+import { type RGBA, type HSLA } from 'seemly';
+import { type FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ColorPickerMode, ActionType } from './utils';
-import { OnUpdateValue, RenderLabel } from './interface';
+import type { OnUpdateValue, RenderLabel } from './interface';
 export declare const colorPickerProps: {
     readonly value: PropType<string | null>;
     readonly show: {
@@ -1779,7 +1779,7 @@ declare const _default: import("vue").DefineComponent<{
         }, any>;
     }>>>;
 }, {
-    mergedClsPrefix: import("vue").ComputedRef<string>;
+    mergedClsPrefix: Ref<string>;
     namespace: import("vue").ComputedRef<string | undefined>;
     selfRef: Ref<HTMLElement | null>;
     hsla: import("vue").ComputedRef<HSLA | null>;
@@ -2702,5 +2702,5 @@ declare const _default: import("vue").DefineComponent<{
     readonly showAlpha: boolean;
     readonly modes: ColorPickerMode[];
     readonly showPreview: boolean;
-}>;
+}, {}>;
 export default _default;

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

@@ -385,9 +385,13 @@ export default defineComponent({
                         h("div", { class: `${mergedClsPrefix}-color-picker-preview__sliders` },
                             h(HueSlider, { clsPrefix: mergedClsPrefix, hue: displayedHue, onUpdateHue: handleUpdateHue, onComplete: handleComplete }),
                             props.showAlpha ? (h(AlphaSlider, { clsPrefix: mergedClsPrefix, rgba: rgba, alpha: displayedAlphaRef.value, onUpdateAlpha: handleUpdateAlpha, onComplete: handleComplete })) : null),
-                        props.showPreview ? (h(ColorPreview, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && toHexString(rgbaRef.value), onUpdateColor: (color) => doUpdateValue(color, 'input') })) : null),
+                        props.showPreview ? (h(ColorPreview, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, color: rgbaRef.value && toHexString(rgbaRef.value), onUpdateColor: (color) => {
+                                doUpdateValue(color, 'input');
+                            } })) : null),
                     h(ColorInput, { clsPrefix: mergedClsPrefix, showAlpha: props.showAlpha, mode: displayedModeRef.value, modes: modes, onUpdateMode: handleUpdateDisplayedMode, value: mergedValueRef.value, valueArr: mergedValueArrRef.value, onUpdateValue: handleInputUpdateValue }),
-                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && (h(ColorPickerSwatches, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => doUpdateValue(color, 'input') }))),
+                    ((_a = props.swatches) === null || _a === void 0 ? void 0 : _a.length) && (h(ColorPickerSwatches, { clsPrefix: mergedClsPrefix, mode: displayedModeRef.value, swatches: props.swatches, onUpdateColor: (color) => {
+                            doUpdateValue(color, 'input');
+                        } }))),
                 (actions === null || actions === void 0 ? void 0 : actions.length) ? (h("div", { class: `${mergedClsPrefix}-color-picker-action` },
                     actions.includes('confirm') && (h(NButton, { size: "small", onClick: handleConfirm, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.confirm })),
                     actions.includes('clear') && (h(NButton, { size: "small", onClick: handleClear, disabled: !mergedValueRef.value, theme: mergedTheme.peers.Button, themeOverrides: mergedTheme.peerOverrides.Button }, { default: () => localeRef.value.clear })))) : null,

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ColorPickerMode } from './utils';
+import { type PropType } from 'vue';
+import { type ColorPickerMode } from './utils';
 interface ParsedColor {
     value: string;
     mode: ColorPickerMode | null;
@@ -43,5 +43,5 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(value: string) => void>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;

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

@@ -84,7 +84,11 @@ export default defineComponent({
     },
     render() {
         const { clsPrefix } = this;
-        return (h("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => (h("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => this.handleSwatchSelect(swatch), onKeydown: (e) => this.handleSwatchKeyDown(e, swatch) },
+        return (h("div", { class: `${clsPrefix}-color-picker-swatches` }, this.parsedSwatchesRef.map((swatch) => (h("div", { class: `${clsPrefix}-color-picker-swatch`, tabindex: 0, onClick: () => {
+                this.handleSwatchSelect(swatch);
+            }, onKeydown: (e) => {
+                this.handleSwatchKeyDown(e, swatch);
+            } },
             h("div", { class: `${clsPrefix}-color-picker-swatch__fill`, style: { background: swatch.legalValue } }))))));
     }
 });

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

@@ -1,5 +1,5 @@
-import { HSLA } from 'seemly';
-import { PropType } from 'vue';
+import { type HSLA } from 'seemly';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -34,5 +34,5 @@ declare const _default: import("vue").DefineComponent<{
     value: string | null;
     disabled: boolean;
     hsla: HSLA | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { PropType } from 'vue';
-import { ColorPickerMode } from './utils';
+import { type PropType } from 'vue';
+import { type ColorPickerMode } from './utils';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -40,5 +40,5 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     color: string | null;
-}>;
+}, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     clsPrefix: {
         type: StringConstructor;
@@ -30,5 +30,5 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     onComplete: PropType<() => void>;
-}>>, {}>;
+}>>, {}, {}>;
 export default _default;