naive-ui 2.30.7 → 2.32.0

package/lib/pagination/src/Pagination.d.ts

@@ -4,7 +4,7 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { Size as SelectSize } from '../../select/src/interface';
 import { PaginationRenderLabel, PaginationSizeOption, RenderPrefix, Size } from './interface';
-declare const paginationProps: {
+export declare const paginationProps: {
     readonly page: NumberConstructor;
     readonly defaultPage: {
         readonly type: NumberConstructor;
@@ -2094,6 +2094,7 @@ declare const _default: import("vue").DefineComponent<{
         select: () => void;
         activate: () => void;
         deactivate: () => void;
+        scrollTo: (options: ScrollToOptions) => void;
     } | null>;
     mergedPage: import("vue").ComputedRef<number>;
     pageItems: import("vue").ComputedRef<PageItem[]>;

package/lib/pagination/src/Pagination.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.paginationProps = void 0;
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 const vue_1 = require("vue");
 const vooks_1 = require("vooks");
@@ -16,8 +17,8 @@ const styles_1 = require("../styles");
 const utils_1 = require("./utils");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const _utils_1 = require("../../_utils");
-const use_rtl_1 = __importDefault(require("../../_mixins/use-rtl"));
-const paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { page: Number, defaultPage: {
+const use_rtl_1 = require("../../_mixins/use-rtl");
+exports.paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { page: Number, defaultPage: {
         type: Number,
         default: 1
     }, itemCount: Number, pageCount: Number, defaultPageCount: {
@@ -44,7 +45,7 @@ const paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props
     onChange: [Function, Array] });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Pagination',
-    props: paginationProps,
+    props: exports.paginationProps,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -155,7 +156,7 @@ exports.default = (0, vue_1.defineComponent)({
                 return itemCount;
             return (props.pageCount || 1) * mergedPageSizeRef.value;
         });
-        const rtlEnabledRef = (0, use_rtl_1.default)('Pagination', mergedRtlRef, mergedClsPrefixRef);
+        const rtlEnabledRef = (0, use_rtl_1.useRtl)('Pagination', mergedRtlRef, mergedClsPrefixRef);
         const disableTransitionOneTick = () => {
             void (0, vue_1.nextTick)(() => {
                 var _a;

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

@@ -83,6 +83,7 @@ exports.default = (0, cssr_1.cB)('pagination', `
  position: relative;
  cursor: pointer;
  user-select: none;
+ -webkit-user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;

package/lib/popconfirm/index.d.ts

@@ -1,3 +1,3 @@
-export { default as NPopconfirm } from './src/Popconfirm';
+export { default as NPopconfirm, popconfirmProps } from './src/Popconfirm';
 export type { PopconfirmInst } from './src/interface';
 export type { PopconfirmProps } from './src/Popconfirm';

package/lib/popconfirm/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.NPopconfirm = void 0;
+exports.popconfirmProps = exports.NPopconfirm = void 0;
 var Popconfirm_1 = require("./src/Popconfirm");
 Object.defineProperty(exports, "NPopconfirm", { enumerable: true, get: function () { return __importDefault(Popconfirm_1).default; } });
+Object.defineProperty(exports, "popconfirmProps", { enumerable: true, get: function () { return Popconfirm_1.popconfirmProps; } });

package/lib/popconfirm/src/Popconfirm.d.ts

@@ -2,7 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import type { PopoverTrigger } from '../../popover';
 import type { ButtonProps } from '../../button';
 import type { ExtractPublicPropTypes } from '../../_utils';
-declare const popconfirmProps: {
+export declare const popconfirmProps: {
     positiveText: PropType<string | null>;
     negativeText: PropType<string | null>;
     showIcon: {
@@ -74,6 +74,7 @@ declare const popconfirmProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -843,6 +844,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -1962,6 +1964,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | import("vue").CSSProperties>;
     headerStyle: PropType<string | import("vue").CSSProperties>;
+    footerStyle: PropType<string | import("vue").CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;

package/lib/popconfirm/src/Popconfirm.js

@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.popconfirmProps = void 0;
 const vue_1 = require("vue");
 const popover_1 = require("../../popover");
 const Popover_1 = require("../../popover/src/Popover");
@@ -35,7 +36,7 @@ const styles_1 = require("../styles");
 const PopconfirmPanel_1 = __importStar(require("./PopconfirmPanel"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-const popconfirmProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), Popover_1.popoverBaseProps), { positiveText: String, negativeText: String, showIcon: {
+exports.popconfirmProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), Popover_1.popoverBaseProps), { positiveText: String, negativeText: String, showIcon: {
         type: Boolean,
         default: true
     }, trigger: {
@@ -44,7 +45,7 @@ const popconfirmProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.
     }, positiveButtonProps: Object, negativeButtonProps: Object, onPositiveClick: Function, onNegativeClick: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popconfirm',
-    props: popconfirmProps,
+    props: exports.popconfirmProps,
     __popover__: true,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)();

package/lib/popover/index.d.ts

@@ -1,4 +1,4 @@
-export { default as NPopover } from './src/Popover';
+export { default as NPopover, popoverProps } from './src/Popover';
 export type { PopoverProps } from './src/Popover';
 export type { PopoverTrigger, PopoverInst } from './src/interface';
 export type { FollowerPlacement as PopoverPlacement } from 'vueuc';

package/lib/popover/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.NPopover = void 0;
+exports.popoverProps = exports.NPopover = void 0;
 var Popover_1 = require("./src/Popover");
 Object.defineProperty(exports, "NPopover", { enumerable: true, get: function () { return __importDefault(Popover_1).default; } });
+Object.defineProperty(exports, "popoverProps", { enumerable: true, get: function () { return Popover_1.popoverProps; } });

package/lib/popover/src/Popover.d.ts

@@ -89,6 +89,7 @@ export declare const popoverBaseProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -112,7 +113,8 @@ export declare const popoverBaseProps: {
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
 };
-declare const popoverProps: {
+export declare const popoverProps: {
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -175,6 +177,7 @@ declare const popoverProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -243,6 +246,7 @@ declare const popoverProps: {
 export declare type PopoverProps = ExtractPublicPropTypes<typeof popoverBaseProps>;
 export declare type PopoverInternalProps = ExtractInternalPropTypes<typeof popoverProps>;
 declare const _default: import("vue").DefineComponent<{
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -305,6 +309,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -386,6 +391,7 @@ declare const _default: import("vue").DefineComponent<{
     handleBlur: () => void;
     syncPosition: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
     show: {
         type: PropType<boolean | undefined>;
@@ -448,6 +454,7 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;

package/lib/popover/src/Popover.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.popoverBaseProps = void 0;
+exports.popoverProps = exports.popoverBaseProps = void 0;
 const vue_1 = require("vue");
 const vueuc_1 = require("vueuc");
 const vooks_1 = require("vooks");
@@ -118,6 +118,7 @@ exports.popoverBaseProps = {
     scrollable: Boolean,
     contentStyle: [Object, String],
     headerStyle: [Object, String],
+    footerStyle: [Object, String],
     // events
     onClickoutside: Function,
     'onUpdate:show': [Function, Array],
@@ -144,11 +145,11 @@ exports.popoverBaseProps = {
     minWidth: Number,
     maxWidth: Number
 };
-const popoverProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.popoverBaseProps), { internalRenderBody: Function });
+exports.popoverProps = Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), exports.popoverBaseProps), { internalOnAfterLeave: Function, internalRenderBody: Function });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popover',
     inheritAttrs: false,
-    props: popoverProps,
+    props: exports.popoverProps,
     __popover__: true,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
@@ -488,7 +489,8 @@ exports.default = (0, vue_1.defineComponent)({
                         }),
                     (0, vue_1.h)(PopoverBody_1.default, (0, _utils_1.keep)(this.$props, bodyPropKeys, Object.assign(Object.assign({}, this.$attrs), { showArrow: this.mergedShowArrow, show: mergedShow })), {
                         default: () => { var _a, _b; return (_b = (_a = this.$slots).default) === null || _b === void 0 ? void 0 : _b.call(_a); },
-                        header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); }
+                        header: () => { var _a, _b; return (_b = (_a = this.$slots).header) === null || _b === void 0 ? void 0 : _b.call(_a); },
+                        footer: () => { var _a, _b; return (_b = (_a = this.$slots).footer) === null || _b === void 0 ? void 0 : _b.call(_a); }
                     })
                 ];
             }

package/lib/popover/src/PopoverBody.d.ts

@@ -25,10 +25,12 @@ export declare const popoverBodyProps: {
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
+    internalOnAfterLeave: PropType<() => void>;
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
@@ -103,10 +105,12 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
+    internalOnAfterLeave: PropType<() => void>;
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {
@@ -186,10 +190,12 @@ declare const _default: import("vue").DefineComponent<{
     scrollable: BooleanConstructor;
     contentStyle: PropType<string | CSSProperties>;
     headerStyle: PropType<string | CSSProperties>;
+    footerStyle: PropType<string | CSSProperties>;
     internalDeactivateImmediately: BooleanConstructor;
     animated: BooleanConstructor;
     onClickoutside: PropType<(e: MouseEvent) => void>;
     internalTrapFocus: BooleanConstructor;
+    internalOnAfterLeave: PropType<() => void>;
     minWidth: NumberConstructor;
     maxWidth: NumberConstructor;
     theme: PropType<import("../../_mixins").Theme<"Popover", {

package/lib/popover/src/PopoverBody.js

@@ -15,9 +15,9 @@ const _utils_1 = require("../../_utils");
 const styles_1 = require("../styles");
 const interface_3 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.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], 
+exports.popoverBodyProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { to: _utils_1.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 });
 const renderArrow = ({ arrowStyle, clsPrefix }) => {
@@ -180,24 +180,31 @@ exports.default = (0, vue_1.defineComponent)({
             if (!renderBody) {
                 const { value: extraClass } = NPopover.extraClassRef;
                 const { internalTrapFocus } = props;
+                const hasHeaderOrFooter = !(0, _utils_1.isSlotEmpty)(slots.header) || !(0, _utils_1.isSlotEmpty)(slots.footer);
                 const renderContentInnerNode = () => {
-                    const content = (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => {
-                        var _a;
-                        const body = children ? ((0, vue_1.h)(vue_1.Fragment, null,
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children),
-                            (0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots))) : props.scrollable ? ((_a = slots.default) === null || _a === void 0 ? void 0 : _a.call(slots)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
-                        const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: children ? undefined : `${mergedClsPrefix}-popover__content`, contentStyle: children ? undefined : props.contentStyle }, {
-                            default: () => body
-                        })) : (body);
-                        return maybeScrollableBody;
-                    });
+                    var _a;
+                    const body = hasHeaderOrFooter ? ((0, vue_1.h)(vue_1.Fragment, null,
+                        (0, _utils_1.resolveWrappedSlot)(slots.header, (children) => {
+                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__header`, style: props.headerStyle }, children)) : null;
+                        }),
+                        (0, _utils_1.resolveWrappedSlot)(slots.default, (children) => {
+                            return children ? ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots)) : null;
+                        }),
+                        (0, _utils_1.resolveWrappedSlot)(slots.footer, (children) => {
+                            return children ? ((0, vue_1.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)) : ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-popover__content`, style: props.contentStyle }, slots));
+                    const maybeScrollableBody = props.scrollable ? ((0, vue_1.h)(scrollbar_1.NxScrollbar, { contentClass: hasHeaderOrFooter
+                            ? undefined
+                            : `${mergedClsPrefix}-popover__content`, contentStyle: hasHeaderOrFooter ? undefined : props.contentStyle }, {
+                        default: () => body
+                    })) : (body);
                     const arrow = props.showArrow
                         ? (0, exports.renderArrow)({
                             arrowStyle: props.arrowStyle,
                             clsPrefix: mergedClsPrefix
                         })
                         : null;
-                    return [content, arrow];
+                    return [maybeScrollableBody, arrow];
                 };
                 contentNode = (0, vue_1.h)('div', (0, vue_1.mergeProps)({
                     class: [
@@ -207,7 +214,7 @@ exports.default = (0, vue_1.defineComponent)({
                         extraClass.map((v) => `${mergedClsPrefix}-${v}`),
                         {
                             [`${mergedClsPrefix}-popover--scrollable`]: props.scrollable,
-                            [`${mergedClsPrefix}-popover--show-header`]: !(0, _utils_1.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,
@@ -257,6 +264,8 @@ exports.default = (0, vue_1.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/lib/popover/src/styles/index.cssr.js

@@ -45,11 +45,15 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
  `)]), (0, cssr_1.cNotM)('raw', `
  background-color: var(--n-color);
  border-radius: var(--n-border-radius);
- `, [(0, cssr_1.cNotM)('scrollable', [(0, cssr_1.cNotM)('show-header', 'padding: var(--n-padding);')])]), (0, cssr_1.cE)('header', `
+ `, [(0, cssr_1.cNotM)('scrollable', [(0, cssr_1.cNotM)('show-header-or-footer', 'padding: var(--n-padding);')])]), (0, cssr_1.cE)('header', `
  padding: var(--n-padding);
  border-bottom: 1px solid var(--n-divider-color);
  transition: border-color .3s var(--n-bezier);
- `), (0, cssr_1.cM)('scrollable, show-header', [(0, cssr_1.cE)('content', `
+ `), (0, cssr_1.cE)('footer', `
+ padding: var(--n-padding);
+ border-top: 1px solid var(--n-divider-color);
+ transition: border-color .3s var(--n-bezier);
+ `), (0, cssr_1.cM)('scrollable, show-header-or-footer', [(0, cssr_1.cE)('content', `
  padding: var(--n-padding);
  `)])]), (0, cssr_1.cB)('popover-shared', `
  transform-origin: inherit;
@@ -89,44 +93,44 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('popover', `
  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));
  `), ...(0, lodash_1.map)({
   top: ['right-start', 'left-start'],
@@ -163,7 +167,7 @@ function placementStyle(placement, arrowStyleLiteral) {
  left: 0;
  top: 0;
  bottom: 0;
- ${position}: calc(100% - 1px);
+ ${position}: 100%;
  ${oppositePlacement[position]}: auto;
  ${sizeStyle}
  `, [(0, cssr_1.cB)('popover-arrow', arrowStyleLiteral)])])]);

package/lib/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/lib/popselect/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.NPopselect = void 0;
+exports.popselectProps = exports.NPopselect = void 0;
 var Popselect_1 = require("./src/Popselect");
 Object.defineProperty(exports, "NPopselect", { enumerable: true, get: function () { return __importDefault(Popselect_1).default; } });
+Object.defineProperty(exports, "popselectProps", { enumerable: true, get: function () { return Popselect_1.popselectProps; } });

package/lib/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/lib/popselect/src/Popselect.js

@@ -23,6 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.popselectProps = void 0;
 const vue_1 = require("vue");
 const Popover_1 = require("../../popover/src/Popover");
 const popover_1 = require("../../popover");
@@ -31,13 +32,13 @@ const _utils_1 = require("../../_utils");
 const _mixins_1 = require("../../_mixins");
 const styles_1 = require("../styles");
 const interface_1 = require("./interface");
-const popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
+exports.popselectProps = Object.assign(Object.assign(Object.assign(Object.assign({}, _mixins_1.useTheme.props), (0, _utils_1.omit)(Popover_1.popoverBaseProps, ['showArrow', 'arrow'])), { placement: Object.assign(Object.assign({}, Popover_1.popoverBaseProps.placement), { default: 'bottom' }), trigger: {
         type: String,
         default: 'hover'
     } }), PopselectPanel_1.panelProps);
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popselect',
-    props: popselectProps,
+    props: exports.popselectProps,
     inheritAttrs: false,
     __popover__: true,
     setup(props) {

package/lib/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/lib/progress/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.NProgress = void 0;
+exports.progressProps = exports.NProgress = void 0;
 var Progress_1 = require("./src/Progress");
 Object.defineProperty(exports, "NProgress", { enumerable: true, get: function () { return __importDefault(Progress_1).default; } });
+Object.defineProperty(exports, "progressProps", { enumerable: true, get: function () { return Progress_1.progressProps; } });

package/lib/progress/src/Circle.js

@@ -69,7 +69,9 @@ exports.default = (0, vue_1.defineComponent)({
             const pathStyle = {
                 stroke: strokeColor,
                 strokeDasharray: `${(percent / 100) * (len - gapDegree)}px ${viewBoxWidth * 8}px`,
-                strokeDashoffset: `-${gapDegree / 2 + (Math.PI / 3.6) * offsetDegree}px`
+                strokeDashoffset: `-${gapDegree / 2}px`,
+                transformOrigin: offsetDegree ? 'center' : undefined,
+                transform: offsetDegree ? `rotate(${offsetDegree}deg)` : undefined
             };
             return {
                 pathString,

package/lib/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/lib/progress/src/Progress.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.progressProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -11,7 +12,7 @@ const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
 const Line_1 = __importDefault(require("./Line"));
 const Circle_1 = __importDefault(require("./Circle"));
 const MultipleCircle_1 = __importDefault(require("./MultipleCircle"));
-const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { processing: Boolean, type: {
+exports.progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { processing: Boolean, type: {
         type: String,
         default: 'line'
     }, gapDegree: Number, gapOffsetDegree: Number, status: {
@@ -41,7 +42,7 @@ const progressProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props),
     }, height: Number, borderRadius: [String, Number], fillBorderRadius: [String, Number], offsetDegree: Number });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Progress',
-    props: progressProps,
+    props: exports.progressProps,
     setup(props) {
         const mergedIndicatorPlacementRef = (0, vue_1.computed)(() => {
             return props.indicatorPlacement || props.indicatorPosition;

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

@@ -3,10 +3,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.NRadioButton = exports.NRadioGroup = exports.NRadio = void 0;
+exports.radioButtonProps = exports.NRadioButton = exports.radioGroupProps = exports.NRadioGroup = exports.radioProps = exports.NRadio = void 0;
 var Radio_1 = require("./src/Radio");
 Object.defineProperty(exports, "NRadio", { enumerable: true, get: function () { return __importDefault(Radio_1).default; } });
+Object.defineProperty(exports, "radioProps", { enumerable: true, get: function () { return Radio_1.radioProps; } });
 var RadioGroup_1 = require("./src/RadioGroup");
 Object.defineProperty(exports, "NRadioGroup", { enumerable: true, get: function () { return __importDefault(RadioGroup_1).default; } });
+Object.defineProperty(exports, "radioGroupProps", { enumerable: true, get: function () { return RadioGroup_1.radioGroupProps; } });
 var RadioButton_1 = require("./src/RadioButton");
 Object.defineProperty(exports, "NRadioButton", { enumerable: true, get: function () { return __importDefault(RadioButton_1).default; } });
+Object.defineProperty(exports, "radioButtonProps", { enumerable: true, get: function () { return RadioButton_1.radioButtonProps; } });