naive-ui 2.30.8 → 2.31.0

package/es/button/src/Button.js

@@ -2,14 +2,15 @@ import { h, ref, computed, inject, defineComponent, watchEffect } from 'vue';
 import { useMemo } from 'vooks';
 import { changeColor } from 'seemly';
 import { createHoverColor, createPressedColor } from '../../_utils/color/index';
+import { buttonGroupInjectionKey } from '../../button-group/src/context';
+import { useRtl } from '../../_mixins/use-rtl';
+import { isSafari } from '../../_utils/env/browser';
 import { useConfig, useFormItem, useTheme, useThemeClass } from '../../_mixins';
 import { NFadeInExpandTransition, NIconSwitchTransition, NBaseLoading, NBaseWave } from '../../_internal';
 import { call, color2Class, createKey, isSlotEmpty, resolveWrappedSlot, warnOnce } from '../../_utils';
 import { buttonLight } from '../styles';
-import { buttonGroupInjectionKey } from '../../button-group/src/context';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
-const buttonProps = Object.assign(Object.assign({}, useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
+export const buttonProps = Object.assign(Object.assign({}, useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
         type: Boolean,
         default: true
     }, keyboard: {
@@ -30,7 +31,10 @@ const buttonProps = Object.assign(Object.assign({}, useTheme.props), { color: St
     }, bordered: {
         type: Boolean,
         default: true
-    }, onClick: [Function, Array], nativeFocusBehavior: Boolean });
+    }, onClick: [Function, Array], nativeFocusBehavior: {
+        type: Boolean,
+        default: !isSafari
+    } });
 const Button = defineComponent({
     name: 'Button',
     props: buttonProps,

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

@@ -58,6 +58,7 @@ export default c([cB('button', `
  align-items: center;
  justify-content: center;
  user-select: none;
+ -webkit-user-select: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;

package/es/button-group/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NButtonGroup } from './src/ButtonGroup';
+export { default as NButtonGroup, buttonGroupProps } from './src/ButtonGroup';
 export type { ButtonGroupProps } from './src/ButtonGroup';

package/es/button-group/index.js

@@ -1 +1 @@
-export { default as NButtonGroup } from './src/ButtonGroup';
+export { default as NButtonGroup, buttonGroupProps } from './src/ButtonGroup';

package/es/button-group/src/ButtonGroup.d.ts

@@ -4,7 +4,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 export interface ButtonGroupInjection {
     size?: Size | undefined;
 }
-declare const buttonGroupProps: {
+export declare const buttonGroupProps: {
     readonly size: {
         readonly type: PropType<Size | undefined>;
         readonly default: undefined;

package/es/button-group/src/ButtonGroup.js

@@ -1,9 +1,9 @@
 import { h, defineComponent, provide } from 'vue';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig, useStyle } from '../../_mixins';
 import { buttonGroupInjectionKey } from './context';
 import style from './styles/index.cssr';
-const buttonGroupProps = {
+export const buttonGroupProps = {
     size: {
         type: String,
         default: undefined

package/es/calendar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCalendar } from './src/Calendar';
+export { default as NCalendar, calendarProps } from './src/Calendar';
 export type { CalendarProps } from './src/Calendar';

package/es/calendar/index.js

@@ -1 +1 @@
-export { default as NCalendar } from './src/Calendar';
+export { default as NCalendar, calendarProps } from './src/Calendar';

package/es/calendar/src/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { OnUpdateValue, DateItem, OnPanelChange } from './interface';
-declare const calendarProps: {
+export declare const calendarProps: {
     readonly isDateDisabled: PropType<(date: number) => boolean | undefined>;
     readonly value: NumberConstructor;
     readonly defaultValue: {

package/es/calendar/src/Calendar.js

@@ -10,7 +10,7 @@ import { NButtonGroup } from '../../button-group';
 import { useConfig, useLocale, useTheme, useThemeClass } from '../../_mixins';
 import { calendarLight } from '../styles';
 import style from './styles/index.cssr';
-const calendarProps = Object.assign(Object.assign({}, useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
+export const calendarProps = Object.assign(Object.assign({}, useTheme.props), { isDateDisabled: Function, value: Number, defaultValue: {
         type: Number,
         default: null
     }, onPanelChange: Function, 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });

package/es/card/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCard } from './src/Card';
+export { default as NCard, cardProps } from './src/Card';
 export type { CardProps } from './src/Card';

package/es/card/index.js

@@ -1 +1 @@
-export { default as NCard } from './src/Card';
+export { default as NCard, cardProps } from './src/Card';

package/es/card/src/Card.d.ts

@@ -32,8 +32,8 @@ export declare const cardBaseProps: {
     readonly role: StringConstructor;
     readonly onClose: PropType<MaybeArray<() => void>>;
 };
-export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "hoverable" | "headerExtraStyle" | "footerStyle" | "embedded" | "segmented")[];
-declare const cardProps: {
+export declare const cardBasePropKeys: ("size" | "title" | "role" | "bordered" | "closable" | "contentStyle" | "onClose" | "headerStyle" | "footerStyle" | "hoverable" | "headerExtraStyle" | "embedded" | "segmented")[];
+export declare const cardProps: {
     title: StringConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;

package/es/card/src/Card.js

@@ -1,6 +1,6 @@
 import { h, defineComponent, computed } from 'vue';
 import { getPadding } from 'seemly';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { call, createKey, keysOf, resolveWrappedSlot } from '../../_utils';
 import { NBaseClose } from '../../_internal';
@@ -34,7 +34,7 @@ export const cardBaseProps = {
     onClose: [Function, Array]
 };
 export const cardBasePropKeys = keysOf(cardBaseProps);
-const cardProps = Object.assign(Object.assign({}, useTheme.props), cardBaseProps);
+export const cardProps = Object.assign(Object.assign({}, useTheme.props), cardBaseProps);
 export default defineComponent({
     name: 'Card',
     props: cardProps,

package/es/carousel/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NCarousel } from './src/Carousel';
+export { default as NCarousel, carouselProps } from './src/Carousel';
 export { default as NCarouselItem } from './src/CarouselItem';
 export type { CarouselProps } from './src/Carousel';

package/es/carousel/index.js

@@ -1,2 +1,2 @@
-export { default as NCarousel } from './src/Carousel';
+export { default as NCarousel, carouselProps } from './src/Carousel';
 export { default as NCarouselItem } from './src/CarouselItem';

package/es/carousel/src/Carousel.d.ts

@@ -3,7 +3,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ElementOf } from './interface';
 declare const transitionProperties: ["transitionDuration", "transitionTimingFunction"];
 declare type TransitionStyle = Partial<Pick<CSSProperties, ElementOf<typeof transitionProperties>>>;
-declare const carouselProps: {
+export declare const carouselProps: {
     defaultIndex: {
         type: NumberConstructor;
         default: number;

package/es/carousel/src/Carousel.js

@@ -11,7 +11,7 @@ import NCarouselItem from './CarouselItem';
 import { carouselMethodsInjectionKey, tuple } from './interface';
 import style from './styles/index.cssr';
 const transitionProperties = tuple('transitionDuration', 'transitionTimingFunction');
-const carouselProps = Object.assign(Object.assign({}, useTheme.props), { defaultIndex: {
+export const carouselProps = Object.assign(Object.assign({}, useTheme.props), { defaultIndex: {
         type: Number,
         default: 0
     }, currentIndex: Number, showArrow: Boolean, dotType: {

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

@@ -75,6 +75,7 @@ export default cB('carousel', `
  color: var(--n-arrow-color);
  border-radius: 8px;
  user-select: none;
+ -webkit-user-select: none;
  font-size: 18px;
  `, [c('svg', `
  height: 1em;

package/es/cascader/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NCascader } from './src/Cascader';
+export { default as NCascader, cascaderProps } from './src/Cascader';
 export type { CascaderProps } from './src/Cascader';
 export type { CascaderOption, CascaderInst } from './src/interface';

package/es/cascader/index.js

@@ -1 +1 @@
-export { default as NCascader } from './src/Cascader';
+export { default as NCascader, cascaderProps } from './src/Cascader';

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

@@ -5,7 +5,7 @@ import type { FormValidationStatus } from '../../form/src/interface';
 import type { SelectBaseOption } from '../../select/src/interface';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { CascaderOption, ExpandTrigger, Filter, OnLoad, OnUpdateValue, Value } from './interface';
-declare const cascaderProps: {
+export declare const cascaderProps: {
     readonly allowCheckingNotLoaded: BooleanConstructor;
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;

package/es/cascader/src/Cascader.js

@@ -12,7 +12,7 @@ import CascaderMenu from './CascaderMenu';
 import CascaderSelectMenu from './CascaderSelectMenu';
 import { cascaderInjectionKey } from './interface';
 import style from './styles/index.cssr';
-const cascaderProps = Object.assign(Object.assign({}, useTheme.props), { allowCheckingNotLoaded: Boolean, to: useAdjustedTo.propTo, bordered: {
+export const cascaderProps = Object.assign(Object.assign({}, useTheme.props), { allowCheckingNotLoaded: Boolean, to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, options: {

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

@@ -2,13 +2,10 @@ import type { TmNode, CascaderOption } from './interface';
 import type { SelectBaseOption } from '../../select/src/interface';
 declare function getRawNodePath(tmNodes: TmNode[]): CascaderOption[];
 declare function getRawNodePath(tmNodes: TmNode[] | undefined): CascaderOption[] | null;
-declare function traverseWithCallback<T extends {
-    children?: T[];
-}>(options: T[], beforeCallback: (node: T) => void, afterCallback: (node: T) => void): void;
 export { getRawNodePath };
 declare function createSelectOptions(tmNodes: TmNode[], checkStrategyIsChild: boolean, labelField: string, separator: string): Array<SelectBaseOption & {
     rawNode: CascaderOption;
     path: CascaderOption[];
 }>;
 declare function getPathLabel(node: TmNode | null, separator: string, labelField: string): string;
-export { traverseWithCallback, createSelectOptions, getPathLabel };
+export { createSelectOptions, getPathLabel };

package/es/cascader/src/utils.js

@@ -3,41 +3,31 @@ function getRawNodePath(tmNodes) {
         return null;
     return tmNodes.map((tmNode) => tmNode.rawNode);
 }
-function traverseWithCallback(options, beforeCallback, afterCallback) {
-    if (Array.isArray(options)) {
-        for (const option of options) {
-            if (beforeCallback)
-                beforeCallback(option);
-            if (option.children) {
-                traverseWithCallback(option.children, beforeCallback, afterCallback);
-            }
-            if (afterCallback)
-                afterCallback(option);
-        }
-    }
-}
 export { getRawNodePath };
 function createSelectOptions(tmNodes, checkStrategyIsChild, labelField, separator) {
     const selectOptions = [];
     const path = [];
-    traverseWithCallback(tmNodes, (tmNode) => {
-        if (tmNode.isLeaf || !checkStrategyIsChild) {
+    function traverse(_tmNodes) {
+        for (const tmNode of _tmNodes) {
             if (tmNode.disabled)
-                return;
+                continue;
             const { rawNode } = tmNode;
             path.push(rawNode);
-            selectOptions.push({
-                label: path
-                    .map((rawNodeInPath) => rawNodeInPath[labelField])
-                    .join(separator),
-                value: tmNode.key,
-                rawNode: tmNode.rawNode,
-                path: Array.from(path)
-            });
+            if (tmNode.isLeaf || !checkStrategyIsChild) {
+                selectOptions.push({
+                    label: getPathLabel(tmNode, separator, labelField),
+                    value: tmNode.key,
+                    rawNode: tmNode.rawNode,
+                    path: Array.from(path)
+                });
+            }
+            if (!tmNode.isLeaf && tmNode.children) {
+                traverse(tmNode.children);
+            }
+            path.pop();
         }
-    }, () => {
-        path.pop();
-    });
+    }
+    traverse(tmNodes);
     return selectOptions;
 }
 function getPathLabel(node, separator, labelField) {
@@ -48,4 +38,4 @@ function getPathLabel(node, separator, labelField) {
     }
     return path.reverse().join(separator);
 }
-export { traverseWithCallback, createSelectOptions, getPathLabel };
+export { createSelectOptions, getPathLabel };

package/es/checkbox/index.d.ts

@@ -1,5 +1,5 @@
-export { default as NCheckbox } from './src/Checkbox';
-export { default as NCheckboxGroup } from './src/CheckboxGroup';
+export { default as NCheckbox, checkboxProps } from './src/Checkbox';
+export { default as NCheckboxGroup, checkboxGroupProps } from './src/CheckboxGroup';
 export type { CheckboxProps } from './src/Checkbox';
 export type { CheckboxGroupProps } from './src/CheckboxGroup';
 export type { CheckboxInst } from './src/interface';

package/es/checkbox/index.js

@@ -1,2 +1,2 @@
-export { default as NCheckbox } from './src/Checkbox';
-export { default as NCheckboxGroup } from './src/CheckboxGroup';
+export { default as NCheckbox, checkboxProps } from './src/Checkbox';
+export { default as NCheckboxGroup, checkboxGroupProps } from './src/CheckboxGroup';

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { OnUpdateChecked, CheckboxInst } from './interface';
-declare const checkboxProps: {
+export declare const checkboxProps: {
     size: PropType<"small" | "medium" | "large">;
     checked: {
         type: PropType<string | number | boolean | undefined>;

package/es/checkbox/src/Checkbox.js

@@ -10,8 +10,8 @@ import CheckMark from './CheckMark';
 import LineMark from './LineMark';
 import { checkboxGroupInjectionKey } from './CheckboxGroup';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
-const checkboxProps = Object.assign(Object.assign({}, useTheme.props), { size: String, checked: {
+import { useRtl } from '../../_mixins/use-rtl';
+export const checkboxProps = Object.assign(Object.assign({}, useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
     }, defaultChecked: {

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

@@ -11,7 +11,7 @@ export interface CheckboxGroupInjection {
     toggleCheckbox: (checked: boolean, checkboxValue: string | number) => void;
 }
 export declare const checkboxGroupInjectionKey: import("vue").InjectionKey<CheckboxGroupInjection>;
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     readonly min: NumberConstructor;
     readonly max: NumberConstructor;
     readonly size: PropType<"small" | "medium" | "large">;

package/es/checkbox/src/CheckboxGroup.js

@@ -3,7 +3,7 @@ import { useMergedState } from 'vooks';
 import { useConfig, useFormItem } from '../../_mixins';
 import { warn, call, createInjectionKey } from '../../_utils';
 export const checkboxGroupInjectionKey = createInjectionKey('n-checkbox-group');
-const checkboxGroupProps = {
+export const checkboxGroupProps = {
     min: Number,
     max: Number,
     size: String,

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

@@ -84,6 +84,7 @@ c('.check-icon', `
  flex-shrink: 0;
  flex-grow: 0;
  user-select: none;
+ -webkit-user-select: none;
  `), cB('checkbox-box', `
  position: absolute;
  left: 0;
@@ -134,6 +135,7 @@ c('.check-icon', `
  color: var(--n-text-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  padding: var(--n-label-padding);
  `, [c('&:empty', {
   display: 'none'

package/es/code/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCode } from './src/Code';
+export { default as NCode, codeProps } from './src/Code';
 export type { CodeProps } from './src/Code';

package/es/code/index.js

@@ -1 +1 @@
-export { default as NCode } from './src/Code';
+export { default as NCode, codeProps } from './src/Code';

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { Hljs } from '../../_mixins';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const codeProps: {
+export declare const codeProps: {
     language: StringConstructor;
     code: {
         type: StringConstructor;

package/es/code/src/Code.js

@@ -2,7 +2,7 @@ import { defineComponent, h, toRef, watch, onMounted, ref, computed } from 'vue'
 import { useTheme, useHljs, useConfig, useThemeClass } from '../../_mixins';
 import { codeLight } from '../styles';
 import style from './styles/index.cssr';
-const codeProps = Object.assign(Object.assign({}, useTheme.props), { language: String, code: {
+export const codeProps = Object.assign(Object.assign({}, useTheme.props), { language: String, code: {
         type: String,
         default: ''
     }, trim: {

package/es/collapse/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NCollapse } from './src/Collapse';
-export { default as NCollapseItem } from './src/CollapseItem';
+export { default as NCollapse, collapseProps } from './src/Collapse';
+export { default as NCollapseItem, collapseItemProps } from './src/CollapseItem';
 export type { CollapseProps } from './src/Collapse';
 export type { CollapseItemProps } from './src/CollapseItem';

package/es/collapse/index.js

@@ -1,2 +1,2 @@
-export { default as NCollapse } from './src/Collapse';
-export { default as NCollapseItem } from './src/CollapseItem';
+export { default as NCollapse, collapseProps } from './src/Collapse';
+export { default as NCollapseItem, collapseItemProps } from './src/CollapseItem';

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

@@ -2,7 +2,7 @@ import { PropType, Ref, ExtractPropTypes, Slots } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import type { MaybeArray } from '../../_utils';
 import { OnItemHeaderClick, OnUpdateExpandedNames } from './interface';
-declare const collapseProps: {
+export declare const collapseProps: {
     readonly defaultExpandedNames: {
         readonly type: PropType<string | number | (string | number)[] | null>;
         readonly default: null;

package/es/collapse/src/Collapse.js

@@ -4,8 +4,8 @@ import { useConfig, useTheme, useThemeClass } from '../../_mixins';
 import { call, createInjectionKey, warn } from '../../_utils';
 import { collapseLight } from '../styles';
 import style from './styles/index.cssr';
-import useRtl from '../../_mixins/use-rtl';
-const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
+import { useRtl } from '../../_mixins/use-rtl';
+export const collapseProps = Object.assign(Object.assign({}, useTheme.props), { defaultExpandedNames: {
         type: [Array, String],
         default: null
     }, expandedNames: [Array, String], arrowPlacement: {

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
-declare const collapseItemProps: {
+export declare const collapseItemProps: {
     readonly title: StringConstructor;
     readonly name: PropType<string | number>;
     readonly displayDirective: PropType<"show" | "if">;

package/es/collapse/src/CollapseItem.js

@@ -6,9 +6,9 @@ import { NBaseIcon } from '../../_internal';
 import { throwError } from '../../_utils';
 import { collapseInjectionKey } from './Collapse';
 import NCollapseItemContent from './CollapseItemContent';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { useConfig } from '../../_mixins';
-const collapseItemProps = {
+export const collapseItemProps = {
     title: String,
     name: [String, Number],
     displayDirective: String

package/es/collapse-transition/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCollapseTransition } from './src/CollapseTransition';
+export { default as NCollapseTransition, collapseTransitionProps } from './src/CollapseTransition';
 export type { CollapseTransitionProps } from './src/CollapseTransition';

package/es/collapse-transition/index.js

@@ -1 +1 @@
-export { default as NCollapseTransition } from './src/CollapseTransition';
+export { default as NCollapseTransition, collapseTransitionProps } from './src/CollapseTransition';

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const collapseProps: {
+export declare const collapseTransitionProps: {
     readonly show: {
         readonly type: BooleanConstructor;
         readonly default: true;
@@ -21,7 +21,7 @@ declare const collapseProps: {
         bezier: string;
     }, any>>>;
 };
-export declare type CollapseTransitionProps = ExtractPublicPropTypes<typeof collapseProps>;
+export declare type CollapseTransitionProps = ExtractPublicPropTypes<typeof collapseTransitionProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly show: {
         readonly type: BooleanConstructor;

package/es/collapse-transition/src/CollapseTransition.js

@@ -1,11 +1,11 @@
 import { computed, h, defineComponent, mergeProps, watchEffect } from 'vue';
 import { useConfig, useTheme, useThemeClass } from '../../_mixins';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 import { warnOnce } from '../../_utils';
 import style from './styles/index.cssr';
 import { collapseTransitionLight } from '../styles';
 import { NFadeInExpandTransition } from '../../_internal';
-const collapseProps = Object.assign(Object.assign({}, useTheme.props), { show: {
+export const collapseTransitionProps = Object.assign(Object.assign({}, useTheme.props), { show: {
         type: Boolean,
         default: true
     }, appear: Boolean, 
@@ -19,7 +19,7 @@ const collapseProps = Object.assign(Object.assign({}, useTheme.props), { show: {
     } });
 export default defineComponent({
     name: 'CollapseTransition',
-    props: collapseProps,
+    props: collapseTransitionProps,
     inheritAttrs: false,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {

package/es/color-picker/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NColorPicker } from './src/ColorPicker';
+export { default as NColorPicker, colorPickerProps } from './src/ColorPicker';
 export type { ColorPickerProps } from './src/ColorPicker';

package/es/color-picker/index.js

@@ -1 +1 @@
-export { default as NColorPicker } from './src/ColorPicker';
+export { default as NColorPicker, colorPickerProps } from './src/ColorPicker';

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

@@ -4,7 +4,7 @@ import { FollowerPlacement } from 'vueuc';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { ColorPickerMode } from './utils';
 import { OnUpdateValue, RenderLabel } from './interface';
-export declare const colorPickerPanelProps: {
+export declare const colorPickerProps: {
     readonly value: PropType<string | null>;
     readonly show: {
         readonly type: PropType<boolean | undefined>;
@@ -888,7 +888,7 @@ export declare const colorPickerPanelProps: {
         }, any>;
     }>>>;
 };
-export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerPanelProps>;
+export declare type ColorPickerProps = ExtractPublicPropTypes<typeof colorPickerProps>;
 declare const _default: import("vue").DefineComponent<{
     readonly value: PropType<string | null>;
     readonly show: {

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

@@ -17,7 +17,7 @@ import ColorPickerSwatches from './ColorPickerSwatches';
 import ColorPreview from './ColorPreview';
 import { colorPickerInjectionKey } from './context';
 import style from './styles/index.cssr';
-export const colorPickerPanelProps = Object.assign(Object.assign({}, useTheme.props), { value: String, show: {
+export const colorPickerProps = Object.assign(Object.assign({}, useTheme.props), { value: String, show: {
         type: Boolean,
         default: undefined
     }, defaultShow: Boolean, defaultValue: String, modes: {
@@ -39,7 +39,7 @@ export const colorPickerPanelProps = Object.assign(Object.assign({}, useTheme.pr
     }, internalActions: Array, size: String, renderLabel: Function, onComplete: Function, onConfirm: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 export default defineComponent({
     name: 'ColorPicker',
-    props: colorPickerPanelProps,
+    props: colorPickerProps,
     setup(props, { slots }) {
         const selfRef = ref(null);
         let upcomingValue = null;

package/es/countdown/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NCountdown } from './src/Countdown';
-export type { CountdownProps, CountdownTimeInfo } from './src/Countdown';
+export { default as NCountdown, countdownProps } from './src/Countdown';
+export type { CountdownProps, CountdownTimeInfo, CountdownInst } from './src/Countdown';

package/es/countdown/index.js

@@ -1 +1 @@
-export { default as NCountdown } from './src/Countdown';
+export { default as NCountdown, countdownProps } from './src/Countdown';

package/es/countdown/src/Countdown.d.ts

@@ -6,7 +6,10 @@ export interface CountdownTimeInfo {
     seconds: number;
     milliseconds: number;
 }
-declare const countdownProps: {
+export interface CountdownInst {
+    reset: () => void;
+}
+export declare const countdownProps: {
     duration: {
         type: NumberConstructor;
         default: number;
@@ -38,7 +41,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     render: PropType<(props: CountdownTimeInfo) => VNodeChild>;
     onFinish: PropType<() => void>;
-}, () => VNodeChild, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, CountdownInst & {
+    distance: import("vue").Ref<number>;
+    getTimeInfo: (distance: number) => CountdownTimeInfo;
+    getDisplayValue: (info: CountdownTimeInfo) => string;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     duration: {
         type: NumberConstructor;
         default: number;