naive-ui 2.40.4 → 2.41.1

package/lib/modal/src/Modal.d.ts

@@ -1,6 +1,10 @@
 import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
-import { type CSSProperties, type PropType } from 'vue';
+import type { CardSlots } from '../../card';
+import type { DialogSlots } from '../../dialog';
+import type { ModalDraggableOptions } from './interface';
+import { type CSSProperties, type PropType, type SlotsType, type VNode } from 'vue';
 export declare const modalProps: {
+    draggable: PropType<boolean | ModalDraggableOptions>;
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -58,7 +62,7 @@ export declare const modalProps: {
     footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
     size: {
@@ -988,7 +992,13 @@ export declare const modalProps: {
     }>>>;
 };
 export type ModalProps = ExtractPublicPropTypes<typeof modalProps>;
+export type ModalSlots = Omit<CardSlots & DialogSlots, 'default'> & {
+    default?: (props: {
+        draggableClass: string;
+    }) => VNode[];
+};
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    draggable: PropType<boolean | ModalDraggableOptions>;
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -1046,7 +1056,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
     size: {
@@ -1997,6 +2007,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     themeClass: import("vue").Ref<string, string> | undefined;
     onRender: (() => void) | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    draggable: PropType<boolean | ModalDraggableOptions>;
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<MaybeArray<(value: boolean) => void>>;
@@ -2054,7 +2065,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     footerStyle: PropType<CSSProperties | string>;
     embedded: BooleanConstructor;
     segmented: {
-        readonly type: PropType<boolean | import("../..").CardSegmented>;
+        readonly type: PropType<boolean | import("../../card").CardSegmented>;
         readonly default: false;
     };
     size: {
@@ -2996,14 +3007,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     displayDirective: "show" | "if";
     hoverable: boolean;
     embedded: boolean;
-    segmented: boolean | import("../..").CardSegmented;
-    blockScroll: boolean;
-    trapFocus: boolean;
+    segmented: boolean | import("../../card").CardSegmented;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
     maskClosable: boolean;
+    trapFocus: boolean;
     closeOnEsc: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    blockScroll: boolean;
+}, SlotsType<ModalSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/modal/src/Modal.js

@@ -38,7 +38,7 @@ exports.modalProps = Object.assign(Object.assign(Object.assign(Object.assign({},
     }, closeOnEsc: {
         type: Boolean,
         default: true
-    }, blockScroll: { type: Boolean, default: true } }), presetProps_1.presetProps), { 
+    }, blockScroll: { type: Boolean, default: true } }), presetProps_1.presetProps), { draggable: [Boolean, Object], 
     // events
     onEsc: Function, 'onUpdate:show': [Function, Array], onUpdateShow: [Function, Array], onAfterEnter: Function, onBeforeLeave: Function, onAfterLeave: Function, onClose: Function, onPositiveClick: Function, onNegativeClick: Function, onMaskClick: Function, 
     // private
@@ -52,6 +52,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Modal',
     inheritAttrs: false,
     props: exports.modalProps,
+    slots: Object,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             if (props.onHide) {
@@ -233,7 +234,7 @@ exports.default = (0, vue_1.defineComponent)({
                         this.themeClass,
                         this.namespace
                     ], style: this.cssVars },
-                    (0, vue_1.h)(BodyWrapper_1.default, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: "bodyWrapper", displayDirective: this.displayDirective, show: this.show, preset: this.preset, autoFocus: this.autoFocus, trapFocus: this.trapFocus, blockScroll: this.blockScroll }, this.presetProps, { onEsc: this.handleEsc, onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: unstableShowMask ? undefined : this.handleClickoutside, renderMask: unstableShowMask
+                    (0, vue_1.h)(BodyWrapper_1.default, Object.assign({ style: this.overlayStyle }, this.$attrs, { ref: "bodyWrapper", displayDirective: this.displayDirective, show: this.show, preset: this.preset, autoFocus: this.autoFocus, trapFocus: this.trapFocus, draggable: this.draggable, blockScroll: this.blockScroll }, this.presetProps, { onEsc: this.handleEsc, onClose: this.handleCloseClick, onNegativeClick: this.handleNegativeClick, onPositiveClick: this.handlePositiveClick, onBeforeLeave: this.handleBeforeLeave, onAfterEnter: this.onAfterEnter, onAfterLeave: this.handleAfterLeave, onClickoutside: unstableShowMask ? undefined : this.handleClickoutside, renderMask: unstableShowMask
                             ? () => {
                                 var _a;
                                 return ((0, vue_1.h)(vue_1.Transition, { name: "fade-in-transition", key: "mask", appear: (_a = this.internalAppear) !== null && _a !== void 0 ? _a : this.isMounted }, {

package/lib/modal/src/ModalEnvironment.d.ts

@@ -8,6 +8,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         type: PropType<(key: string) => void>;
         required: true;
     };
+    draggable: PropType<boolean | import("./interface").ModalDraggableOptions>;
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -1012,6 +1013,7 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
         type: PropType<(key: string) => void>;
         required: true;
     };
+    draggable: PropType<boolean | import("./interface").ModalDraggableOptions>;
     onEsc: PropType<() => void>;
     'onUpdate:show': PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
     onUpdateShow: PropType<import("../../_utils").MaybeArray<(value: boolean) => void>>;
@@ -2012,12 +2014,12 @@ export declare const NModalEnvironment: import("vue").DefineComponent<import("vu
     hoverable: boolean;
     embedded: boolean;
     segmented: boolean | import("../..").CardSegmented;
-    blockScroll: boolean;
-    trapFocus: boolean;
     internalDialog: boolean;
     internalModal: boolean;
     internalAppear: boolean | undefined;
     unstableShowMask: boolean;
     maskClosable: boolean;
+    trapFocus: boolean;
     closeOnEsc: boolean;
+    blockScroll: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/modal/src/ModalProvider.js

@@ -14,8 +14,6 @@ exports.NModalProvider = (0, vue_1.defineComponent)({
     name: 'ModalProvider',
     props: exports.modalProviderProps,
     setup() {
-        const clickedRef = (0, vooks_1.useClicked)(64);
-        const clickedPositionRef = (0, vooks_1.useClickPosition)();
         const modalListRef = (0, vue_1.ref)([]);
         const modalInstRefs = {};
         function create(options = {}) {
@@ -46,10 +44,6 @@ exports.NModalProvider = (0, vue_1.defineComponent)({
             clickedPositionRef: (0, vooks_1.useClickPosition)()
         });
         (0, vue_1.provide)(context_1.modalReactiveListInjectionKey, modalListRef);
-        (0, vue_1.provide)(context_1.modalProviderInjectionKey, {
-            clickedRef,
-            clickedPositionRef
-        });
         return Object.assign(Object.assign({}, api), { modalList: modalListRef, modalInstRefs,
             handleAfterLeave });
     },

package/lib/modal/src/composables.d.ts

@@ -1,4 +1,16 @@
+import type { Ref } from 'vue';
+import type { ModalDraggableOptions } from './interface';
 import type { ModalApiInjection, ModalReactive } from './ModalProvider';
-import { type Ref } from 'vue';
 export declare function useModal(): ModalApiInjection;
 export declare function useModalReactiveList(): Ref<readonly ModalReactive[]>;
+export declare const DRAGGABLE_CLASS = "n-draggable";
+interface UseDragModalOptions {
+    onEnd: (el: HTMLElement) => void;
+}
+export declare function useDragModal(draggablePropsRef: Ref<boolean | ModalDraggableOptions>, options: UseDragModalOptions): {
+    stopDrag: () => void;
+    startDrag: (modal: HTMLElement) => void;
+    draggableRef: import("vue").ComputedRef<boolean>;
+    draggableClassRef: import("vue").ComputedRef<"" | "n-draggable">;
+};
+export {};

package/lib/modal/src/composables.js

@@ -1,7 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.DRAGGABLE_CLASS = void 0;
 exports.useModal = useModal;
 exports.useModalReactiveList = useModalReactiveList;
+exports.useDragModal = useDragModal;
+const evtd_1 = require("evtd");
 const vue_1 = require("vue");
 const _utils_1 = require("../../_utils");
 const context_1 = require("./context");
@@ -19,3 +22,100 @@ function useModalReactiveList() {
     }
     return modalReactiveList;
 }
+exports.DRAGGABLE_CLASS = 'n-draggable';
+function useDragModal(draggablePropsRef, options) {
+    let cleanup;
+    const draggableRef = (0, vue_1.computed)(() => {
+        return draggablePropsRef.value !== false;
+    });
+    const draggableClassRef = (0, vue_1.computed)(() => {
+        return draggableRef.value ? exports.DRAGGABLE_CLASS : '';
+    });
+    const boundsToWindowRef = (0, vue_1.computed)(() => {
+        const draggableProps = draggablePropsRef.value;
+        if (draggableProps === true || draggableProps === false) {
+            return true;
+        }
+        else if (draggableProps) {
+            return draggableProps.bounds !== 'none';
+        }
+        else {
+            return true;
+        }
+    });
+    function startDrag(modal) {
+        const header = modal.querySelector(`.${exports.DRAGGABLE_CLASS}`);
+        if (!header || !draggableClassRef.value) {
+            return;
+        }
+        let maxMoveX = 0;
+        let minMoveX = 0;
+        let maxMoveY = 0;
+        let minMoveY = 0;
+        let prevMoveY = 0;
+        let prevMoveX = 0;
+        let mousedownEvent;
+        function handleMouseDown(event) {
+            event.preventDefault();
+            mousedownEvent = event;
+            const { x, y, right, bottom } = modal.getBoundingClientRect();
+            minMoveX = x;
+            minMoveY = y;
+            maxMoveX = window.innerWidth - right;
+            maxMoveY = window.innerHeight - bottom;
+            const { left, top } = modal.style;
+            prevMoveY = +top.slice(0, -2);
+            prevMoveX = +left.slice(0, -2);
+        }
+        function handleMouseMove(event) {
+            if (!mousedownEvent)
+                return;
+            const { clientX: downX, clientY: downY } = mousedownEvent;
+            let moveX = event.clientX - downX;
+            let moveY = event.clientY - downY;
+            if (boundsToWindowRef.value) {
+                if (moveX > maxMoveX) {
+                    moveX = maxMoveX;
+                }
+                else if (-moveX > minMoveX) {
+                    moveX = -minMoveX;
+                }
+                if (moveY > maxMoveY) {
+                    moveY = maxMoveY;
+                }
+                else if (-moveY > minMoveY) {
+                    moveY = -minMoveY;
+                }
+            }
+            const x = moveX + prevMoveX;
+            const y = moveY + prevMoveY;
+            modal.style.top = `${y}px`;
+            modal.style.left = `${x}px`;
+        }
+        function handleMouseUp() {
+            mousedownEvent = undefined;
+            options.onEnd(modal);
+        }
+        (0, evtd_1.on)('mousedown', header, handleMouseDown);
+        (0, evtd_1.on)('mousemove', window, handleMouseMove);
+        (0, evtd_1.on)('mouseup', window, handleMouseUp);
+        cleanup = () => {
+            (0, evtd_1.off)('mousedown', header, handleMouseDown);
+            (0, evtd_1.on)('mousemove', window, handleMouseMove);
+            (0, evtd_1.on)('mouseup', window, handleMouseUp);
+        };
+    }
+    function stopDrag() {
+        if (cleanup) {
+            cleanup();
+            cleanup = undefined;
+        }
+    }
+    (0, vue_1.onUnmounted)(stopDrag);
+    return {
+        stopDrag,
+        startDrag,
+        draggableRef,
+        draggableClassRef
+    };
+}

package/lib/modal/src/interface.d.ts

@@ -23,3 +23,9 @@ export interface ModalInjection {
     transformOriginRef: Ref<'mouse' | 'center'>;
 }
 export declare const modalInjectionKey: import("vue").InjectionKey<ModalInjection>;
+export interface ModalDraggableOptions {
+    /**
+     * If set to 'none', the modal's position will not be bounded to the window.
+     */
+    bounds?: 'none';
+}

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

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 const fade_in_scale_up_cssr_1 = require("../../../_styles/transitions/fade-in-scale-up.cssr");
 const fade_in_cssr_1 = require("../../../_styles/transitions/fade-in.cssr");
 const cssr_1 = require("../../../_utils/cssr");
+const composables_1 = require("../composables");
 // vars:
 // --n-bezier-ease-out
 // --n-box-shadow
@@ -50,4 +51,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('modal-container', `
  `, [(0, fade_in_scale_up_cssr_1.fadeInScaleUpTransition)({
   duration: '.25s',
   enterScale: '.5'
-})])]);
+}), (0, cssr_1.c)(`.${composables_1.DRAGGABLE_CLASS}`, `
+ cursor: move;
+ user-select: none;
+ `)])]);

package/lib/page-header/index.d.ts

@@ -1,2 +1,2 @@
 export { default as NPageHeader, pageHeaderProps } from './src/PageHeader';
-export type { PageHeaderProps } from './src/PageHeader';
+export type { PageHeaderProps, PageHeaderSlots } from './src/PageHeader';

package/lib/page-header/src/PageHeader.d.ts

@@ -1,5 +1,5 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNode } from 'vue';
 export declare const pageHeaderProps: {
     title: StringConstructor;
     subtitle: StringConstructor;
@@ -40,6 +40,16 @@ export declare const pageHeaderProps: {
     }, unknown>>>;
 };
 export type PageHeaderProps = ExtractPublicPropTypes<typeof pageHeaderProps>;
+export interface PageHeaderSlots {
+    avatar?: () => VNode[];
+    header?: () => VNode[];
+    default?: () => VNode[];
+    extra?: () => VNode[];
+    footer?: () => VNode[];
+    subtitle?: () => VNode[];
+    title?: () => VNode[];
+    back?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     subtitle: StringConstructor;
@@ -133,5 +143,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         titleFontSize: string;
         backSize: string;
     }, unknown>>>;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, SlotsType<PageHeaderSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/page-header/src/PageHeader.js

@@ -15,6 +15,7 @@ exports.pageHeaderProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
 exports.default = (0, vue_1.defineComponent)({
     name: 'PageHeader',
     props: exports.pageHeaderProps,
+    slots: Object,
     setup(props) {
         const { mergedClsPrefixRef, mergedRtlRef, inlineThemeDisabled } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('PageHeader', '-page-header', index_cssr_1.default, light_1.pageHeaderLight, props, mergedClsPrefixRef);

package/lib/pagination/index.d.ts

@@ -1,3 +1,3 @@
 export type { PaginationInfo, PaginationRenderLabel, PaginationSizeOption } from './src/interface';
 export { default as NPagination, paginationProps } from './src/Pagination';
-export type { PaginationProps } from './src/Pagination';
+export type { PaginationProps, PaginationSlots } from './src/Pagination';

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

@@ -2,9 +2,9 @@ import type { ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { Size as InputSize } from '../../input/src/interface';
 import type { SelectProps } from '../../select';
 import type { Size as SelectSize } from '../../select/src/interface';
-import type { PaginationRenderLabel, PaginationSizeOption, RenderGoto, RenderNext, RenderPrefix, RenderPrev, RenderSuffix, Size } from './interface';
+import type { PaginationInfo, PaginationLabelInfo, PaginationRenderLabel, PaginationSizeOption, RenderGoto, RenderNext, RenderPrefix, RenderPrev, RenderSuffix, Size } from './interface';
 import type { PageItem } from './utils';
-import { type PropType } from 'vue';
+import { type PropType, type SlotsType, type VNode } from 'vue';
 export declare const paginationProps: {
     readonly simple: BooleanConstructor;
     readonly page: NumberConstructor;
@@ -1147,6 +1147,15 @@ export declare const paginationProps: {
     }>>>;
 };
 export type PaginationProps = ExtractPublicPropTypes<typeof paginationProps>;
+export interface PaginationSlots {
+    default?: () => VNode[];
+    goto?: () => VNode[];
+    label?: (props: PaginationLabelInfo) => VNode[];
+    next?: (props: PaginationInfo) => VNode;
+    prev?: (props: PaginationInfo) => VNode;
+    prefix?: (props: PaginationInfo) => VNode;
+    suffix?: (props: PaginationInfo) => VNode;
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly simple: BooleanConstructor;
     readonly page: NumberConstructor;
@@ -4122,5 +4131,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly pageSlot: number;
     readonly displayOrder: ("pages" | "size-picker" | "quick-jumper")[];
     readonly showQuickJumpDropdown: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<PaginationSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/pagination/src/Pagination.js

@@ -45,6 +45,7 @@ exports.paginationProps = Object.assign(Object.assign({}, _mixins_1.useTheme.pro
 exports.default = (0, vue_1.defineComponent)({
     name: 'Pagination',
     props: exports.paginationProps,
+    slots: Object,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
             (0, vue_1.watchEffect)(() => {
@@ -370,8 +371,8 @@ exports.default = (0, vue_1.defineComponent)({
         // it's ok to expand all prop here since no slots' deps
         const { $slots, mergedClsPrefix, disabled, cssVars, mergedPage, mergedPageCount, pageItems, showSizePicker, showQuickJumper, mergedTheme, locale, inputSize, selectSize, mergedPageSize, pageSizeOptions, jumperValue, simple, prev, next, prefix, suffix, label, goto, handleJumperInput, handleSizePickerChange, handleBackwardClick, handlePageItemClick, handleForwardClick, handleQuickJumperChange, onRender } = this;
         onRender === null || onRender === void 0 ? void 0 : onRender();
-        const renderPrefix = $slots.prefix || prefix;
-        const renderSuffix = $slots.suffix || suffix;
+        const renderPrefix = prefix || $slots.prefix;
+        const renderSuffix = suffix || $slots.suffix;
         const renderPrev = prev || $slots.prev;
         const renderNext = next || $slots.next;
         const renderLabel = label || $slots.label;

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

@@ -24,3 +24,4 @@ export type PaginationRenderLabel = (info: {
     node: number;
     active: boolean;
 }) => VNodeChild;
+export type PaginationLabelInfo = Parameters<PaginationRenderLabel>[0];

package/lib/popconfirm/index.d.ts

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

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

@@ -2,7 +2,7 @@ import type { ExtractPublicPropTypes } from '../../_utils';
 import type { ButtonProps } from '../../button';
 import type { PopoverTrigger } from '../../popover';
 import type { InternalPopoverInst } from '../../popover/src/interface';
-import { type ExtractPropTypes, type PropType } from 'vue';
+import { type ExtractPropTypes, type PropType, type SlotsType, type VNode } from 'vue';
 export declare const popconfirmProps: {
     positiveText: PropType<string | null>;
     negativeText: PropType<string | null>;
@@ -779,6 +779,12 @@ export declare const popconfirmProps: {
 };
 export type PopconfirmProps = ExtractPublicPropTypes<typeof popconfirmProps>;
 export type PopconfirmSetupProps = ExtractPropTypes<typeof popconfirmProps>;
+export interface PopconfirmSlots {
+    action?: () => VNode[];
+    default?: () => VNode[];
+    icon?: () => VNode[];
+    trigger?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     positiveText: PropType<string | null>;
     negativeText: PropType<string | null>;
@@ -2605,5 +2611,5 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalExtraClass: string[];
     arrow: boolean | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<PopconfirmSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popconfirm/src/Popconfirm.js

@@ -46,6 +46,7 @@ exports.popconfirmProps = Object.assign(Object.assign(Object.assign({}, _mixins_
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popconfirm',
     props: exports.popconfirmProps,
+    slots: Object,
     __popover__: true,
     setup(props) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)();
@@ -108,7 +109,7 @@ exports.default = (0, vue_1.defineComponent)({
             internalExtraClass: ['popconfirm'],
             ref: 'popoverInstRef'
         }), {
-            trigger: slots.activator || slots.trigger,
+            trigger: slots.trigger,
             default: () => {
                 const panelProps = (0, _utils_1.keep)(props, PopconfirmPanel_1.panelPropKeys);
                 return (0, vue_1.h)(PopconfirmPanel_1.default, Object.assign(Object.assign({}, panelProps), { onPositiveClick: this.handlePositiveClick, onNegativeClick: this.handleNegativeClick }), slots);

package/lib/popover/index.d.ts

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

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

@@ -1,6 +1,6 @@
 import type { ExtractInternalPropTypes, ExtractPublicPropTypes, MaybeArray } from '../../_utils';
 import type { InternalRenderBody, PopoverTrigger } from './interface';
-import { type ComputedRef, type CSSProperties, type PropType, type Ref } from 'vue';
+import { type ComputedRef, type CSSProperties, type PropType, type Ref, type SlotsType, type VNode } from 'vue';
 import { type BinderInst, type FollowerPlacement } from 'vueuc';
 export interface TriggerEventHandlers {
     onClick: (e: MouseEvent) => void;
@@ -257,6 +257,12 @@ export declare const popoverProps: {
 };
 export type PopoverProps = ExtractPublicPropTypes<typeof popoverBaseProps>;
 export type PopoverInternalProps = ExtractInternalPropTypes<typeof popoverProps>;
+export interface PopoverSlots {
+    trigger?: () => VNode[];
+    footer?: () => VNode[];
+    header?: () => VNode[];
+    default?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     internalOnAfterLeave: PropType<() => void>;
     internalRenderBody: PropType<InternalRenderBody>;
@@ -570,5 +576,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     internalInheritedEventHandlers: TriggerEventHandlers[];
     internalExtraClass: string[];
     arrow: boolean | undefined;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<PopoverSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popover/src/Popover.js

@@ -157,6 +157,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'Popover',
     inheritAttrs: false,
     props: exports.popoverProps,
+    slots: Object,
     __popover__: true,
     setup(props) {
         if (process.env.NODE_ENV !== 'production') {
@@ -396,12 +397,7 @@ exports.default = (0, vue_1.defineComponent)({
         let triggerVNode;
         let popoverInside = false;
         if (!positionManually) {
-            if (slots.activator) {
-                triggerVNode = (0, _utils_1.getFirstSlotVNode)(slots, 'activator');
-            }
-            else {
-                triggerVNode = (0, _utils_1.getFirstSlotVNode)(slots, 'trigger');
-            }
+            triggerVNode = (0, _utils_1.getFirstSlotVNode)(slots, 'trigger');
             if (triggerVNode) {
                 triggerVNode = (0, vue_1.cloneVNode)(triggerVNode);
                 triggerVNode

package/lib/popselect/index.d.ts

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

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

@@ -1,6 +1,6 @@
 import type { ExtractPublicPropTypes } from '../../_utils';
 import type { PopoverInst, PopoverTrigger } from '../../popover';
-import { type ExtractPropTypes, type PropType } from 'vue';
+import { type ExtractPropTypes, type PropType, type SlotsType, type VNode } from 'vue';
 export declare const popselectProps: {
     multiple: BooleanConstructor;
     value: {
@@ -368,6 +368,12 @@ export declare const popselectProps: {
 };
 export type PopselectSetupProps = ExtractPropTypes<typeof popselectProps>;
 export type PopselectProps = ExtractPublicPropTypes<typeof popselectProps>;
+export interface PopselectSlots {
+    default?: () => VNode[];
+    header?: () => VNode[];
+    action?: () => VNode[];
+    empty?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     multiple: BooleanConstructor;
     value: {
@@ -1263,5 +1269,5 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     internalInheritedEventHandlers: import("../../popover/src/Popover").TriggerEventHandlers[];
     internalExtraClass: string[];
     cancelable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<PopselectSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/popselect/src/Popselect.js

@@ -39,6 +39,7 @@ exports.popselectProps = Object.assign(Object.assign(Object.assign(Object.assign
 exports.default = (0, vue_1.defineComponent)({
     name: 'Popselect',
     props: exports.popselectProps,
+    slots: Object,
     inheritAttrs: false,
     __popover__: true,
     setup(props) {

package/lib/progress/src/Circle.d.ts

@@ -85,8 +85,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: number;
     };
 }>> & Readonly<{}>, {
+    gapOffsetDegree: number;
     percentage: number;
     offsetDegree: number;
-    gapOffsetDegree: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/progress/src/MultipleCircle.d.ts

@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     railColor: string[];
     fillColor: string[] | ProgressGradient[];
-    percentage: number[];
     railStyle: (string | CSSProperties)[];
+    percentage: number[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -385,10 +385,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly strokeWidth: number;
     readonly unit: string;
     readonly processing: boolean;
-    readonly showIndicator: boolean;
     readonly viewBoxWidth: number;
+    readonly showIndicator: boolean;
+    readonly indicatorPosition: "inside" | "outside";
     readonly indicatorPlacement: "inside" | "outside";
     readonly circleGap: number;
-    readonly indicatorPosition: "inside" | "outside";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/result/index.d.ts

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