naive-ui 2.30.8 → 2.31.0

package/es/popover/src/PopoverBody.js

@@ -9,9 +9,9 @@ import { formatLength, isSlotEmpty, resolveWrappedSlot, useAdjustedTo, isJsdom }
 import { popoverLight } from '../styles';
 import { popoverBodyInjectionKey } from './interface';
 import style from './styles/index.cssr';
-export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentStyle: [Object, String], headerStyle: [Object, String], 
+export const popoverBodyProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, show: Boolean, trigger: String, showArrow: Boolean, delay: Number, duration: Number, raw: Boolean, arrowPointToCenter: Boolean, arrowStyle: [String, Object], displayDirective: String, x: Number, y: Number, flip: Boolean, overlap: Boolean, placement: String, width: [Number, String], keepAliveOnHover: Boolean, scrollable: Boolean, contentStyle: [Object, String], headerStyle: [Object, String], footerStyle: [Object, String], 
     // private
-    internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, 
+    internalDeactivateImmediately: Boolean, animated: Boolean, onClickoutside: Function, internalTrapFocus: Boolean, internalOnAfterLeave: Function, 
     // deprecated
     minWidth: Number, maxWidth: Number });
 export const renderArrow = ({ arrowStyle, clsPrefix }) => {
@@ -173,24 +173,31 @@ export default defineComponent({
             if (!renderBody) {
                 const { value: extraClass } = NPopover.extraClassRef;
                 const { internalTrapFocus } = props;
+                const hasHeaderOrFooter = !isSlotEmpty(slots.header) || !isSlotEmpty(slots.footer);
                 const renderContentInnerNode = () => {
-                    const content = resolveWrappedSlot(slots.header, (children) => {
-                        var _a;
-                        const body = children ? (h(Fragment, null,
-                            h("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children),
-                            h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
-                        const maybeScrollableBody = props.scrollable ? (h(NxScrollbar, { contentClass: children ? undefined : `${mergedClsPrefix}-popover__content`, contentStyle: children ? undefined : props.contentStyle }, {
-                            default: () => body
-                        })) : (body);
-                        return maybeScrollableBody;
-                    });
+                    var _a;
+                    const body = hasHeaderOrFooter ? (h(Fragment, null,
+                        resolveWrappedSlot(slots.header, (children) => {
+                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children)) : null;
+                        }),
+                        resolveWrappedSlot(slots.default, (children) => {
+                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots)) : null;
+                        }),
+                        resolveWrappedSlot(slots.footer, (children) => {
+                            return children ? (h("div", { class: `${mergedClsPrefix}-popover__footer`, style: props.footerStyle }, children)) : null;
+                        }))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : (h("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
+                    const maybeScrollableBody = props.scrollable ? (h(NxScrollbar, { contentClass: hasHeaderOrFooter
+                            ? undefined
+                            : `${mergedClsPrefix}-popover__content`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
+                        default: () => body
+                    })) : (body);
                     const arrow = props.showArrow
                         ? renderArrow({
                             arrowStyle: props.arrowStyle,
                             clsPrefix: mergedClsPrefix
                         })
                         : null;
-                    return [content, arrow];
+                    return [maybeScrollableBody, arrow];
                 };
                 contentNode = h('div', mergeProps({
                     class: [
@@ -200,7 +207,7 @@ export default defineComponent({
                         extraClass.map((v) => `${mergedClsPrefix}-${v}`),
                         {
                             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
-                            [`${mergedClsPrefix}-popover--show-header`]: !isSlotEmpty(slots.header),
+                            [`${mergedClsPrefix}-popover--show-header-or-footer`]: hasHeaderOrFooter,
                             [`${mergedClsPrefix}-popover--raw`]: props.raw,
                             [`${mergedClsPrefix}-popover-shared--overlap`]: props.overlap,
                             [`${mergedClsPrefix}-popover-shared--show-arrow`]: props.showArrow,
@@ -250,6 +257,8 @@ export default defineComponent({
                     onEnter: () => {
                         this.followerEnabled = true;
                     }, onAfterLeave: () => {
+                        var _a;
+                        (_a = this.internalOnAfterLeave) === null || _a === void 0 ? void 0 : _a.call(this);
                         this.followerEnabled = false;
                         this.displayed = false;
                     } }, {

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

@@ -37,11 +37,15 @@ export default c([cB('popover', `
  `)]), cNotM('raw', `
  background-color: var(--n-color);
  border-radius: var(--n-border-radius);
- `, [cNotM('scrollable', [cNotM('show-header', 'padding: var(--n-padding);')])]), cE('header', `
+ `, [cNotM('scrollable', [cNotM('show-header-or-footer', 'padding: var(--n-padding);')])]), cE('header', `
  padding: var(--n-padding);
  border-bottom: 1px solid var(--n-divider-color);
  transition: border-color .3s var(--n-bezier);
- `), cM('scrollable, show-header', [cE('content', `
+ `), cE('footer', `
+ padding: var(--n-padding);
+ border-top: 1px solid var(--n-divider-color);
+ transition: border-color .3s var(--n-bezier);
+ `), cM('scrollable, show-header-or-footer', [cE('content', `
  padding: var(--n-padding);
  `)])]), cB('popover-shared', `
  transform-origin: inherit;
@@ -81,44 +85,44 @@ c('&.popover-transition-enter-from, &.popover-transition-leave-to', `
  opacity .15s var(--n-bezier-ease-in),
  transform .15s var(--n-bezier-ease-in);
  `)]), placementStyle('top-start', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  left: calc(${getArrowOffset('top-start')} - var(--v-offset-left));
  `), placementStyle('top', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('top-end', `
- top: calc(${arrowSize} / -2 + 1px);
+ top: calc(${arrowSize} / -2);
  right: calc(${getArrowOffset('top-end')} + var(--v-offset-left));
  `), placementStyle('bottom-start', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  left: calc(${getArrowOffset('bottom-start')} - var(--v-offset-left));
  `), placementStyle('bottom', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  transform: translateX(calc(${arrowSize} / -2)) rotate(45deg);
  left: 50%;
  `), placementStyle('bottom-end', `
- bottom: calc(${arrowSize} / -2 + 1px);
+ bottom: calc(${arrowSize} / -2);
  right: calc(${getArrowOffset('bottom-end')} + var(--v-offset-left));
  `), placementStyle('left-start', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  top: calc(${getArrowOffset('left-start')} - var(--v-offset-top));
  `), placementStyle('left', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('left-end', `
- left: calc(${arrowSize} / -2 + 1px);
+ left: calc(${arrowSize} / -2);
  bottom: calc(${getArrowOffset('left-end')} + var(--v-offset-top));
  `), placementStyle('right-start', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  top: calc(${getArrowOffset('right-start')} - var(--v-offset-top));
  `), placementStyle('right', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  transform: translateY(calc(${arrowSize} / -2)) rotate(45deg);
  top: 50%;
  `), placementStyle('right-end', `
- right: calc(${arrowSize} / -2 + 1px);
+ right: calc(${arrowSize} / -2);
  bottom: calc(${getArrowOffset('right-end')} + var(--v-offset-top));
  `), ...map({
   top: ['right-start', 'left-start'],
@@ -155,7 +159,7 @@ function placementStyle(placement, arrowStyleLiteral) {
  left: 0;
  top: 0;
  bottom: 0;
- ${position}: calc(100% - 1px);
+ ${position}: 100%;
  ${oppositePlacement[position]}: auto;
  ${sizeStyle}
  `, [cB('popover-arrow', arrowStyleLiteral)])])]);

package/es/popselect/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NPopselect } from './src/Popselect';
+export { default as NPopselect, popselectProps } from './src/Popselect';
 export type { PopselectInst } from './src/interface';
 export type { PopselectProps } from './src/Popselect';

package/es/popselect/index.js

@@ -1 +1 @@
-export { default as NPopselect } from './src/Popselect';
+export { default as NPopselect, popselectProps } from './src/Popselect';

package/es/popselect/src/Popselect.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { PopoverTrigger } from '../../popover';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const popselectProps: {
+export declare const popselectProps: {
     multiple: BooleanConstructor;
     value: {
         readonly type: PropType<import("../../select/src/interface").Value | null>;
@@ -81,6 +81,7 @@ declare const popselectProps: {
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -399,6 +400,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;
@@ -928,6 +930,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: {
         type: BooleanConstructor;

package/es/popselect/src/Popselect.js

@@ -6,7 +6,7 @@ import { omit, keep, createRefSetter, mergeEventHandlers } from '../../_utils';
 import { useTheme } from '../../_mixins';
 import { popselectLight } from '../styles';
 import { popselectInjectionKey } from './interface';
-const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), omit(popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, popoverBaseProps.placement), { default: 'bottom' }), trigger: {
+export const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, useTheme.props), omit(popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, popoverBaseProps.placement), { default: 'bottom' }), trigger: {
         type: String,
         default: 'hover'
     } }), panelProps);

package/es/progress/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NProgress } from './src/Progress';
+export { default as NProgress, progressProps } from './src/Progress';
 export type { ProgressProps } from './src/Progress';

package/es/progress/index.js

@@ -1 +1 @@
-export { default as NProgress } from './src/Progress';
+export { default as NProgress, progressProps } from './src/Progress';

package/es/progress/src/Progress.d.ts

@@ -1,7 +1,7 @@
 import { PropType, CSSProperties } from 'vue';
 import { ExtractPublicPropTypes } from '../../_utils';
 import { Status } from './interface';
-declare const progressProps: {
+export declare const progressProps: {
     readonly processing: BooleanConstructor;
     readonly type: {
         readonly type: PropType<"circle" | "line" | "multiple-circle" | "dashboard">;

package/es/progress/src/Progress.js

@@ -6,7 +6,7 @@ import style from './styles/index.cssr';
 import Line from './Line';
 import Circle from './Circle';
 import MultipleCircle from './MultipleCircle';
-const progressProps = Object.assign(Object.assign({}, useTheme.props), { processing: Boolean, type: {
+export const progressProps = Object.assign(Object.assign({}, useTheme.props), { processing: Boolean, type: {
         type: String,
         default: 'line'
     }, gapDegree: Number, gapOffsetDegree: Number, status: {

package/es/radio/index.d.ts

@@ -1,6 +1,6 @@
-export { default as NRadio } from './src/Radio';
-export { default as NRadioGroup } from './src/RadioGroup';
-export { default as NRadioButton } from './src/RadioButton';
+export { default as NRadio, radioProps } from './src/Radio';
+export { default as NRadioGroup, radioGroupProps } from './src/RadioGroup';
+export { default as NRadioButton, radioButtonProps } from './src/RadioButton';
 export type { RadioProps } from './src/Radio';
 export type { RadioGroupProps } from './src/RadioGroup';
 export type { RadioButtonProps } from './src/RadioButton';

package/es/radio/index.js

@@ -1,3 +1,3 @@
-export { default as NRadio } from './src/Radio';
-export { default as NRadioGroup } from './src/RadioGroup';
-export { default as NRadioButton } from './src/RadioButton';
+export { default as NRadio, radioProps } from './src/Radio';
+export { default as NRadioGroup, radioGroupProps } from './src/RadioGroup';
+export { default as NRadioButton, radioButtonProps } from './src/RadioButton';

package/es/radio/src/Radio.d.ts

@@ -1,5 +1,30 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 import useRadio from './use-radio';
+export declare const radioProps: {
+    readonly name: StringConstructor;
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "on";
+    };
+    readonly checked: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+};
 export declare type RadioProps = ExtractPublicPropTypes<typeof useRadio.props>;
 declare const _default: import("vue").DefineComponent<{
     name: StringConstructor;

package/es/radio/src/Radio.js

@@ -4,7 +4,8 @@ import { createKey, resolveWrappedSlot } from '../../_utils';
 import { radioLight } from '../styles';
 import useRadio from './use-radio';
 import style from './styles/radio.cssr';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
+export const radioProps = useRadio.props;
 export default defineComponent({
     name: 'Radio',
     props: Object.assign(Object.assign({}, useTheme.props), useRadio.props),

package/es/radio/src/RadioButton.d.ts

@@ -1,5 +1,30 @@
 import { ExtractPublicPropTypes } from '../../_utils';
 import useRadio from './use-radio';
+export declare const radioButtonProps: {
+    readonly name: StringConstructor;
+    readonly value: {
+        readonly type: import("vue").PropType<string | number>;
+        readonly default: "on";
+    };
+    readonly checked: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly defaultChecked: BooleanConstructor;
+    readonly disabled: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly default: undefined;
+    };
+    readonly label: StringConstructor;
+    readonly size: import("vue").PropType<"small" | "medium" | "large">;
+    readonly onUpdateChecked: import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly 'onUpdate:checked': import("vue").PropType<import("../../_utils").MaybeArray<(value: boolean) => void> | undefined>;
+    readonly checkedValue: {
+        readonly type: import("vue").PropType<boolean | undefined>;
+        readonly validator: () => boolean;
+        readonly default: undefined;
+    };
+};
 export declare type RadioButtonProps = ExtractPublicPropTypes<typeof useRadio.props>;
 declare const _default: import("vue").DefineComponent<{
     readonly name: StringConstructor;

package/es/radio/src/RadioButton.js

@@ -1,6 +1,7 @@
 import { h, defineComponent } from 'vue';
 import { resolveWrappedSlot } from '../../_utils';
 import useRadio from './use-radio';
+export const radioButtonProps = useRadio.props;
 export default defineComponent({
     name: 'RadioButton',
     props: useRadio.props,

package/es/radio/src/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import { OnUpdateValue } from './interface';
-declare const radioGroupProps: {
+export declare const radioGroupProps: {
     readonly name: StringConstructor;
     readonly value: PropType<string | number | null>;
     readonly defaultValue: {

package/es/radio/src/RadioGroup.js

@@ -5,7 +5,7 @@ import { getSlot, warn, createKey, call, flatten } from '../../_utils';
 import { radioLight } from '../styles';
 import { radioGroupInjectionKey } from './use-radio';
 import style from './styles/radio-group.cssr';
-import useRtl from '../../_mixins/use-rtl';
+import { useRtl } from '../../_mixins/use-rtl';
 function mapSlot(defaultSlot, value, clsPrefix) {
     var _a;
     const children = [];
@@ -63,7 +63,7 @@ function mapSlot(defaultSlot, value, clsPrefix) {
         isButtonGroup
     };
 }
-const radioGroupProps = Object.assign(Object.assign({}, useTheme.props), { name: String, value: [String, Number], defaultValue: {
+export const radioGroupProps = Object.assign(Object.assign({}, useTheme.props), { name: String, value: [String, Number], defaultValue: {
         type: [String, Number],
         default: null
     }, size: String, disabled: {

package/es/radio/src/styles/radio-group.cssr.js

@@ -35,6 +35,7 @@ export default cB('radio-group', `
  outline: none;
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  display: inline-block;
  box-sizing: border-box;
  padding-left: 14px;
@@ -49,6 +50,7 @@ export default cB('radio-group', `
  border-top: 1px solid var(--n-button-border-color);
  border-bottom: 1px solid var(--n-button-border-color);
  `, [cB('radio-input', `
+ pointer-events: none;
  position: absolute;
  border: 0;
  border-radius: inherit;

package/es/radio/src/styles/radio.cssr.js

@@ -21,6 +21,7 @@ export default cB('radio', `
  outline: none;
  position: relative;
  user-select: none;
+ -webkit-user-select: none;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: nowrap;

package/es/rate/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NRate } from './src/Rate';
+export { default as NRate, rateProps } from './src/Rate';
 export type { RateProps } from './src/Rate';

package/es/rate/index.js

@@ -1 +1 @@
-export { default as NRate } from './src/Rate';
+export { default as NRate, rateProps } from './src/Rate';

package/es/rate/src/Rate.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-declare const rateProps: {
+export declare const rateProps: {
     readonly allowHalf: BooleanConstructor;
     readonly count: {
         readonly type: NumberConstructor;

package/es/rate/src/Rate.js

@@ -6,7 +6,7 @@ import { call, color2Class, createKey } from '../../_utils';
 import { rateLight } from '../styles';
 import style from './styles/index.cssr';
 import StarIcon from './StarIcon';
-const rateProps = Object.assign(Object.assign({}, useTheme.props), { allowHalf: Boolean, count: {
+export const rateProps = Object.assign(Object.assign({}, useTheme.props), { allowHalf: Boolean, count: {
         type: Number,
         default: 5
     }, value: Number, defaultValue: {

package/es/result/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NResult } from './src/Result';
+export { default as NResult, resultProps } from './src/Result';
 export type { ResultProps } from './src/Result';

package/es/result/index.js

@@ -1 +1 @@
-export { default as NResult } from './src/Result';
+export { default as NResult, resultProps } from './src/Result';

package/es/result/src/Result.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const resultProps: {
+export declare const resultProps: {
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
         default: string;

package/es/result/src/Result.js

@@ -19,7 +19,7 @@ const iconMap = {
     warning: h(WarningIcon, null),
     error: h(ErrorIcon, null)
 };
-const resultProps = Object.assign(Object.assign({}, useTheme.props), { size: {
+export const resultProps = Object.assign(Object.assign({}, useTheme.props), { size: {
         type: String,
         default: 'medium'
     }, status: {

package/es/scrollbar/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NScrollbar } from './src/Scrollbar';
+export { default as NScrollbar, scrollbarProps } from './src/Scrollbar';
 export type { ScrollbarInst, ScrollbarProps } from './src/Scrollbar';

package/es/scrollbar/index.js

@@ -1 +1 @@
-export { default as NScrollbar } from './src/Scrollbar';
+export { default as NScrollbar, scrollbarProps } from './src/Scrollbar';

package/es/scrollbar/src/Scrollbar.d.ts

@@ -13,7 +13,7 @@ export interface ScrollbarInst {
     scrollTo: ScrollTo;
     scrollBy: ScrollBy;
 }
-declare const scrollbarProps: {
+export declare const scrollbarProps: {
     readonly trigger: PropType<"none" | "hover">;
     readonly xScrollable: BooleanConstructor;
     readonly onScroll: PropType<(e: Event) => void>;

package/es/scrollbar/src/Scrollbar.js

@@ -1,7 +1,7 @@
 import { h, defineComponent, ref } from 'vue';
 import { NScrollbar } from '../../_internal';
 import { useTheme } from '../../_mixins';
-const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { trigger: String, xScrollable: Boolean, onScroll: Function });
+export const scrollbarProps = Object.assign(Object.assign({}, useTheme.props), { trigger: String, xScrollable: Boolean, onScroll: Function });
 const Scrollbar = defineComponent({
     name: 'Scrollbar',
     props: scrollbarProps,

package/es/select/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NSelect } from './src/Select';
+export { default as NSelect, selectProps } from './src/Select';
 export type { SelectProps } from './src/Select';
 export type { SelectGroupOption, SelectOption, SelectInst, SelectFilter } from './src/interface';
 export type { RenderLabelImpl as SelectRenderLabel, RenderOptionImpl as SelectRenderOption } from '../_internal/select-menu/src/interface';

package/es/select/index.js

@@ -1 +1 @@
-export { default as NSelect } from './src/Select';
+export { default as NSelect, selectProps } from './src/Select';

package/es/select/src/Select.d.ts

@@ -6,7 +6,7 @@ import { RenderTag } from '../../_internal/selection/src/interface';
 import type { FormValidationStatus } from '../../form/src/interface';
 import type { MaybeArray, ExtractPublicPropTypes } from '../../_utils';
 import type { SelectMixedOption, SelectOption, SelectGroupOption, SelectIgnoredOption, SelectFallbackOption, OnUpdateValue, Value, Size, ValueAtom, SelectBaseOption, SelectFilter } from './interface';
-declare const selectProps: {
+export declare const selectProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

package/es/select/src/Select.js

@@ -10,7 +10,7 @@ import { NInternalSelectMenu, NInternalSelection } from '../../_internal';
 import { selectLight } from '../styles';
 import { createValOptMap, filterOptions, createTmOptions, patternMatched } from './utils';
 import style from './styles/index.cssr';
-const selectProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
+export const selectProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, bordered: {
         type: Boolean,
         default: undefined
     }, clearable: Boolean, clearFilterAfterSelect: {

package/es/skeleton/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NSkeleton } from './src/Skeleton';
+export { default as NSkeleton, skeletonProps } from './src/Skeleton';
 export type { SkeletonProps } from './src/Skeleton';

package/es/skeleton/index.js

@@ -1 +1 @@
-export { default as NSkeleton } from './src/Skeleton';
+export { default as NSkeleton, skeletonProps } from './src/Skeleton';

package/es/skeleton/src/Skeleton.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const skeletonProps: {
+export declare const skeletonProps: {
     readonly text: BooleanConstructor;
     readonly round: BooleanConstructor;
     readonly circle: BooleanConstructor;

package/es/skeleton/src/Skeleton.js

@@ -4,7 +4,7 @@ import { useConfig, useTheme } from '../../_mixins';
 import { createKey, useHoudini } from '../../_utils';
 import { skeletonLight } from '../styles';
 import style from './styles/index.cssr';
-const skeletonProps = Object.assign(Object.assign({}, useTheme.props), { text: Boolean, round: Boolean, circle: Boolean, height: [String, Number], width: [String, Number], size: String, repeat: {
+export const skeletonProps = Object.assign(Object.assign({}, useTheme.props), { text: Boolean, round: Boolean, circle: Boolean, height: [String, Number], width: [String, Number], size: String, repeat: {
         type: Number,
         default: 1
     }, animated: {

package/es/slider/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NSlider } from './src/Slider';
+export { default as NSlider, sliderProps } from './src/Slider';
 export type { SliderProps } from './src/Slider';

package/es/slider/index.js

@@ -1 +1 @@
-export { default as NSlider } from './src/Slider';
+export { default as NSlider, sliderProps } from './src/Slider';

package/es/slider/src/Slider.d.ts

@@ -6,7 +6,7 @@ export interface ClosestMark {
     distance: number;
     index: number;
 }
-declare const sliderProps: {
+export declare const sliderProps: {
     readonly to: {
         type: PropType<string | boolean | HTMLElement>;
         default: undefined;

package/es/slider/src/Slider.js

@@ -9,7 +9,7 @@ import { isTouchEvent, useRefs } from './utils';
 import style from './styles/index.cssr';
 // ref: https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEvent/button
 const eventButtonLeft = 0;
-const sliderProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, defaultValue: {
+export const sliderProps = Object.assign(Object.assign({}, useTheme.props), { to: useAdjustedTo.propTo, defaultValue: {
         type: [Number, Array],
         default: 0
     }, marks: Object, disabled: {

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

@@ -36,6 +36,7 @@ export default c([cB('slider', `
  width: 100%;
  cursor: pointer;
  user-select: none;
+ -webkit-user-select: none;
  `, [cM('reverse', [cB('slider-handles', [cB('slider-handle-wrapper', `
  transform: translate(50%, -50%);
  `)]), cB('slider-dots', [cB('slider-dot', `

package/es/space/index.d.ts

@@ -1,2 +1,2 @@
-export { default as NSpace } from './src/Space';
+export { default as NSpace, spaceProps } from './src/Space';
 export type { SpaceProps } from './src/Space';

package/es/space/index.js

@@ -1 +1 @@
-export { default as NSpace } from './src/Space';
+export { default as NSpace, spaceProps } from './src/Space';

package/es/space/src/Space.d.ts

@@ -2,7 +2,7 @@ import { PropType, CSSProperties } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
 declare type Align = 'stretch' | 'baseline' | 'start' | 'end' | 'center' | 'flex-end' | 'flex-start';
 export declare type Justify = 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly';
-declare const spaceProps: {
+export declare const spaceProps: {
     readonly align: PropType<Align>;
     readonly justify: {
         readonly type: PropType<Justify>;