naive-ui 2.30.8 → 2.31.0

package/lib/cascader/src/utils.js

@@ -1,47 +1,36 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPathLabel = exports.createSelectOptions = exports.traverseWithCallback = exports.getRawNodePath = void 0;
+exports.getPathLabel = exports.createSelectOptions = exports.getRawNodePath = void 0;
 function getRawNodePath(tmNodes) {
     if (!tmNodes)
         return null;
     return tmNodes.map((tmNode) => tmNode.rawNode);
 }
 exports.getRawNodePath = getRawNodePath;
-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);
-        }
-    }
-}
-exports.traverseWithCallback = traverseWithCallback;
 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;
 }
 exports.createSelectOptions = createSelectOptions;

package/lib/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/lib/checkbox/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCheckboxGroup = exports.NCheckbox = void 0;
+exports.checkboxGroupProps = exports.NCheckboxGroup = exports.checkboxProps = exports.NCheckbox = void 0;
 var Checkbox_1 = require("./src/Checkbox");
 Object.defineProperty(exports, "NCheckbox", { enumerable: true, get: function () { return __importDefault(Checkbox_1).default; } });
+Object.defineProperty(exports, "checkboxProps", { enumerable: true, get: function () { return Checkbox_1.checkboxProps; } });
 var CheckboxGroup_1 = require("./src/CheckboxGroup");
 Object.defineProperty(exports, "NCheckboxGroup", { enumerable: true, get: function () { return __importDefault(CheckboxGroup_1).default; } });
+Object.defineProperty(exports, "checkboxGroupProps", { enumerable: true, get: function () { return CheckboxGroup_1.checkboxGroupProps; } });

package/lib/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/lib/checkbox/src/Checkbox.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkboxProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const seemly_1 = require("seemly");
@@ -15,8 +16,8 @@ const CheckMark_1 = __importDefault(require("./CheckMark"));
 const LineMark_1 = __importDefault(require("./LineMark"));
 const CheckboxGroup_1 = require("./CheckboxGroup");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, checked: {
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { size: String, checked: {
         type: [Boolean, String, Number],
         default: undefined
     }, defaultChecked: {
@@ -41,7 +42,7 @@ const checkboxProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Checkbox',
-    props: checkboxProps,
+    props: exports.checkboxProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -167,7 +168,7 @@ exports.default = (0, vue_1.defineComponent)({
                 (_a = selfRef.value) === null || _a === void 0 ? void 0 : _a.blur();
             }
         };
-        const rtlEnabledRef = (0, use_rtl_1.default)('Checkbox', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Checkbox', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { value: mergedSize } = mergedSizeRef;
             const { common: { cubicBezierEaseInOut }, self: { borderRadius, color, colorChecked, colorDisabled, colorTableHeader, colorTableHeaderModal, colorTableHeaderPopover, checkMarkColor, checkMarkColorDisabled, border, borderFocus, borderDisabled, borderChecked, boxShadowFocus, textColor, textColorDisabled, checkMarkColorDisabledChecked, colorDisabledChecked, borderDisabledChecked, labelPadding, labelLineHeight, [(0, _utils_1.createKey)('fontSize', mergedSize)]: fontSize, [(0, _utils_1.createKey)('size', mergedSize)]: size } } = themeRef.value;

package/lib/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/lib/checkbox/src/CheckboxGroup.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.checkboxGroupInjectionKey = void 0;
+exports.checkboxGroupProps = exports.checkboxGroupInjectionKey = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 exports.checkboxGroupInjectionKey = (0, _utils_1.createInjectionKey)('n-checkbox-group');
-const checkboxGroupProps = {
+exports.checkboxGroupProps = {
     min: Number,
     max: Number,
     size: String,
@@ -35,7 +35,7 @@ const checkboxGroupProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'CheckboxGroup',
-    props: checkboxGroupProps,
+    props: exports.checkboxGroupProps,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const formItem = (0, _mixins_1.useFormItem)(props);

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

@@ -92,6 +92,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  flex-shrink: 0;
  flex-grow: 0;
  user-select: none;
+ -webkit-user-select: none;
  `), (0, cssr_1.cB)('checkbox-box', `
  position: absolute;
  left: 0;
@@ -142,6 +143,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('checkbox', `
  color: var(--n-text-color);
  transition: color .3s var(--n-bezier);
  user-select: none;
+ -webkit-user-select: none;
  padding: var(--n-label-padding);
  `, [(0, cssr_1.c)('&:empty', {
   display: 'none'

package/lib/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/lib/code/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCode = void 0;
+exports.codeProps = exports.NCode = void 0;
 var Code_1 = require("./src/Code");
 Object.defineProperty(exports, "NCode", { enumerable: true, get: function () { return __importDefault(Code_1).default; } });
+Object.defineProperty(exports, "codeProps", { enumerable: true, get: function () { return Code_1.codeProps; } });

package/lib/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/lib/code/src/Code.js

@@ -3,11 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.codeProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { language: String, code: {
+exports.codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { language: String, code: {
         type: String,
         default: ''
     }, trim: {
@@ -18,7 +19,7 @@ const codeProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { l
     internalFontSize: Number, internalNoHighlight: Boolean });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Code',
-    props: codeProps,
+    props: exports.codeProps,
     setup(props, { slots }) {
         const { internalNoHighlight } = props;
         const { mergedClsPrefixRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)();

package/lib/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/lib/collapse/index.js

@@ -3,8 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCollapseItem = exports.NCollapse = void 0;
+exports.collapseItemProps = exports.NCollapseItem = exports.collapseProps = exports.NCollapse = void 0;
 var Collapse_1 = require("./src/Collapse");
 Object.defineProperty(exports, "NCollapse", { enumerable: true, get: function () { return __importDefault(Collapse_1).default; } });
+Object.defineProperty(exports, "collapseProps", { enumerable: true, get: function () { return Collapse_1.collapseProps; } });
 var CollapseItem_1 = require("./src/CollapseItem");
 Object.defineProperty(exports, "NCollapseItem", { enumerable: true, get: function () { return __importDefault(CollapseItem_1).default; } });
+Object.defineProperty(exports, "collapseItemProps", { enumerable: true, get: function () { return CollapseItem_1.collapseItemProps; } });

package/lib/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/lib/collapse/src/Collapse.js

@@ -3,15 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.collapseInjectionKey = void 0;
+exports.collapseInjectionKey = exports.collapseProps = void 0;
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultExpandedNames: {
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { defaultExpandedNames: {
         type: [Array, String],
         default: null
     }, expandedNames: [Array, String], arrowPlacement: {
@@ -38,7 +38,7 @@ const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
 exports.collapseInjectionKey = (0, _utils_1.createInjectionKey)('n-collapse');
 exports.default = (0, vue_1.defineComponent)({
     name: 'Collapse',
-    props: collapseProps,
+    props: exports.collapseProps,
     setup(props, { slots }) {
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const uncontrolledExpandedNamesRef = (0, vue_1.ref)(props.defaultExpandedNames);
@@ -105,7 +105,7 @@ exports.default = (0, vue_1.defineComponent)({
             slots,
             toggleItem
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('Collapse', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { common: { cubicBezierEaseInOut }, self: { titleFontWeight, dividerColor, titleTextColor, textColor, arrowColor, fontSize, titleFontSize } } = themeRef.value;
             return {

package/lib/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/lib/collapse/src/CollapseItem.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.collapseItemProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -11,16 +12,16 @@ const _internal_1 = require("../../_internal");
 const _utils_1 = require("../../_utils");
 const Collapse_1 = require("./Collapse");
 const CollapseItemContent_1 = __importDefault(require("./CollapseItemContent"));
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _mixins_1 = require("../../_mixins");
-const collapseItemProps = {
+exports.collapseItemProps = {
     title: String,
     name: [String, Number],
     displayDirective: String
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'CollapseItem',
-    props: collapseItemProps,
+    props: exports.collapseItemProps,
     setup(props) {
         const { mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const randomName = (0, seemly_1.createId)();
@@ -45,7 +46,7 @@ exports.default = (0, vue_1.defineComponent)({
             }
             return true;
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('Collapse', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Collapse', mergedRtlRef, mergedClsPrefixRef);
         return {
             rtlEnabled: rtlEnabledRef,
             collapseSlots,

package/lib/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/lib/collapse-transition/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCollapseTransition = void 0;
+exports.collapseTransitionProps = exports.NCollapseTransition = void 0;
 var CollapseTransition_1 = require("./src/CollapseTransition");
 Object.defineProperty(exports, "NCollapseTransition", { enumerable: true, get: function () { return __importDefault(CollapseTransition_1).default; } });
+Object.defineProperty(exports, "collapseTransitionProps", { enumerable: true, get: function () { return CollapseTransition_1.collapseTransitionProps; } });

package/lib/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/lib/collapse-transition/src/CollapseTransition.js

@@ -3,14 +3,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.collapseTransitionProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
+const use_rtl_1 = require("../../_mixins/use-rtl");
 const _utils_1 = require("../../_utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const styles_1 = require("../styles");
 const _internal_1 = require("../../_internal");
-const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: {
+exports.collapseTransitionProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { show: {
         type: Boolean,
         default: true
     }, appear: Boolean, 
@@ -24,7 +25,7 @@ const collapseProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'CollapseTransition',
-    props: collapseProps,
+    props: exports.collapseTransitionProps,
     inheritAttrs: false,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
@@ -36,7 +37,7 @@ exports.default = (0, vue_1.defineComponent)({
         }
         const { mergedClsPrefixRef, inlineThemeDisabled, mergedRtlRef } = (0, _mixins_1.useConfig)(props);
         const mergedThemeRef = (0, _mixins_1.useTheme)('CollapseTransition', '-collapse-transition', index_cssr_1.default, styles_1.collapseTransitionLight, props, mergedClsPrefixRef);
-        const rtlEnabledRef = (0, use_rtl_1.default)('CollapseTransition', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('CollapseTransition', mergedRtlRef, mergedClsPrefixRef);
         const mergedShowRef = (0, vue_1.computed)(() => {
             if (props.collapsed !== undefined) {
                 // No mistake, it's implemented with error at first, just keep it here

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

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NColorPicker = void 0;
+exports.colorPickerProps = exports.NColorPicker = void 0;
 var ColorPicker_1 = require("./src/ColorPicker");
 Object.defineProperty(exports, "NColorPicker", { enumerable: true, get: function () { return __importDefault(ColorPicker_1).default; } });
+Object.defineProperty(exports, "colorPickerProps", { enumerable: true, get: function () { return ColorPicker_1.colorPickerProps; } });

package/lib/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/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.colorPickerPanelProps = void 0;
+exports.colorPickerProps = void 0;
 const vue_1 = require("vue");
 const seemly_1 = require("seemly");
 const vooks_1 = require("vooks");
@@ -23,7 +23,7 @@ const ColorPickerSwatches_1 = __importDefault(require("./ColorPickerSwatches"));
 const ColorPreview_1 = __importDefault(require("./ColorPreview"));
 const context_1 = require("./context");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.colorPickerPanelProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { value: String, show: {
+exports.colorPickerProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { value: String, show: {
         type: Boolean,
         default: undefined
     }, defaultShow: Boolean, defaultValue: String, modes: {
@@ -45,7 +45,7 @@ exports.colorPickerPanelProps = Object.assign(Object.assign({}, _mixins_1.useThe
     }, internalActions: Array, size: String, renderLabel: Function, onComplete: Function, onConfirm: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], 'onUpdate:value': [Function, Array], onUpdateValue: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'ColorPicker',
-    props: exports.colorPickerPanelProps,
+    props: exports.colorPickerProps,
     setup(props, { slots }) {
         const selfRef = (0, vue_1.ref)(null);
         let upcomingValue = null;

package/lib/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/lib/countdown/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NCountdown = void 0;
+exports.countdownProps = exports.NCountdown = void 0;
 var Countdown_1 = require("./src/Countdown");
 Object.defineProperty(exports, "NCountdown", { enumerable: true, get: function () { return __importDefault(Countdown_1).default; } });
+Object.defineProperty(exports, "countdownProps", { enumerable: true, get: function () { return Countdown_1.countdownProps; } });

package/lib/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;

package/lib/countdown/src/Countdown.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.countdownProps = void 0;
 const vue_1 = require("vue");
-const countdownProps = {
+exports.countdownProps = {
     duration: {
         type: Number,
         default: 0
@@ -19,7 +20,7 @@ const countdownProps = {
 };
 exports.default = (0, vue_1.defineComponent)({
     name: 'Countdown',
-    props: countdownProps,
+    props: exports.countdownProps,
     setup(props) {
         let timerId = null;
         let rafId = null;
@@ -114,32 +115,48 @@ exports.default = (0, vue_1.defineComponent)({
         (0, vue_1.onBeforeUnmount)(() => {
             stopTimer();
         });
-        return () => {
-            const { render, precision } = props;
-            const { value: distance } = distanceRef;
-            let timeInfo;
-            switch (precision) {
-                case 0:
-                    timeInfo = getTimeInfo(distance + 999);
-                    timeInfo.milliseconds = 0;
-                    break;
-                case 1:
-                    timeInfo = getTimeInfo(distance + 99);
-                    timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
-                    break;
-                case 2:
-                    timeInfo = getTimeInfo(distance + 9);
-                    timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
-                    break;
-                case 3:
-                    timeInfo = getTimeInfo(distance);
-            }
-            if (render) {
-                return render(timeInfo);
-            }
-            else {
-                return getDisplayValue(timeInfo);
+        function reset() {
+            distanceRef.value = props.duration;
+            elapsed = 0;
+            pnow = performance.now();
+            if (props.active && finished) {
+                frame();
             }
+            finished = false;
+        }
+        const countdownExposedMethod = {
+            reset
         };
+        return Object.assign(countdownExposedMethod, {
+            distance: distanceRef,
+            getTimeInfo,
+            getDisplayValue
+        });
+    },
+    render() {
+        const { render, precision, distance, getTimeInfo, getDisplayValue } = this;
+        let timeInfo;
+        switch (precision) {
+            case 0:
+                timeInfo = getTimeInfo(distance + 999);
+                timeInfo.milliseconds = 0;
+                break;
+            case 1:
+                timeInfo = getTimeInfo(distance + 99);
+                timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 100) * 100;
+                break;
+            case 2:
+                timeInfo = getTimeInfo(distance + 9);
+                timeInfo.milliseconds = Math.floor(timeInfo.milliseconds / 10) * 10;
+                break;
+            case 3:
+                timeInfo = getTimeInfo(distance);
+        }
+        if (render) {
+            return render(timeInfo);
+        }
+        else {
+            return getDisplayValue(timeInfo);
+        }
     }
 });

package/lib/data-table/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NDataTable } from './src/DataTable';
+export { default as NDataTable, dataTableProps } from './src/DataTable';
 export type { DataTableProps } from './src/DataTable';
 export type { RowKey as DataTableRowKey, RenderFilter as DataTableRenderFilter, RenderSorter as DataTableRenderSorter, RenderFilterIcon as DataTableRenderFilterIcon, RenderSorterIcon as DataTableRenderSorterIcon, ColumnKey as DataTableColumnKey, TableColumn as DataTableColumn, TableColumns as DataTableColumns, TableBaseColumn as DataTableBaseColumn, TableSelectionColumn as DataTableSelectionColumn, TableExpandColumn as DataTableExpandColumn, CreateRowClassName as DataTableCreateRowClassName, CreateRowKey as DataTableCreateRowKey, CreateRowProps as DataTableCreateRowProps, DataTableInst, CreateSummary as DataTableCreateSummary, FilterState as DataTableFilterState, SortState as DataTableSortState } from './src/interface';

package/lib/data-table/index.js

@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NDataTable = void 0;
+exports.dataTableProps = exports.NDataTable = void 0;
 var DataTable_1 = require("./src/DataTable");
 Object.defineProperty(exports, "NDataTable", { enumerable: true, get: function () { return __importDefault(DataTable_1).default; } });
+Object.defineProperty(exports, "dataTableProps", { enumerable: true, get: function () { return DataTable_1.dataTableProps; } });