naive-ui 2.40.4 → 2.41.1

package/es/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/es/modal/src/Modal.mjs

@@ -49,6 +49,7 @@ export const modalProps = Object.assign(Object.assign(Object.assign(Object.assig
     default: true
   }
 }), presetProps), {
+  draggable: [Boolean, Object],
   // events
   onEsc: Function,
   'onUpdate:show': [Function, Array],
@@ -77,6 +78,7 @@ export default defineComponent({
   name: 'Modal',
   inheritAttrs: false,
   props: modalProps,
+  slots: Object,
   setup(props) {
     if (process.env.NODE_ENV !== 'production') {
       if (props.onHide) {
@@ -289,6 +291,7 @@ export default defineComponent({
           preset: this.preset,
           autoFocus: this.autoFocus,
           trapFocus: this.trapFocus,
+          draggable: this.draggable,
           blockScroll: this.blockScroll
         }, this.presetProps, {
           onEsc: this.handleEsc,

package/es/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/es/modal/src/ModalProvider.mjs

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

package/es/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/es/modal/src/composables.mjs

@@ -1,4 +1,5 @@
-import { inject } from 'vue';
+import { off, on } from 'evtd';
+import { computed, inject, onUnmounted } from 'vue';
 import { throwError } from "../../_utils/index.mjs";
 import { modalApiInjectionKey, modalReactiveListInjectionKey } from "./context.mjs";
 export function useModal() {
@@ -14,4 +15,107 @@ export function useModalReactiveList() {
     throwError('use-modal-reactive-list', 'No outer <n-modal-provider /> founded.');
   }
   return modalReactiveList;
+}
+export const DRAGGABLE_CLASS = 'n-draggable';
+export function useDragModal(draggablePropsRef, options) {
+  let cleanup;
+  const draggableRef = computed(() => {
+    return draggablePropsRef.value !== false;
+  });
+  const draggableClassRef = computed(() => {
+    return draggableRef.value ? DRAGGABLE_CLASS : '';
+  });
+  const boundsToWindowRef = 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(`.${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);
+    }
+    on('mousedown', header, handleMouseDown);
+    on('mousemove', window, handleMouseMove);
+    on('mouseup', window, handleMouseUp);
+    cleanup = () => {
+      off('mousedown', header, handleMouseDown);
+      on('mousemove', window, handleMouseMove);
+      on('mouseup', window, handleMouseUp);
+    };
+  }
+  function stopDrag() {
+    if (cleanup) {
+      cleanup();
+      cleanup = undefined;
+    }
+  }
+  onUnmounted(stopDrag);
+  return {
+    stopDrag,
+    startDrag,
+    draggableRef,
+    draggableClassRef
+  };
 }

package/es/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/es/modal/src/styles/index.cssr.mjs

@@ -1,6 +1,7 @@
 import { fadeInScaleUpTransition } from "../../../_styles/transitions/fade-in-scale-up.cssr.mjs";
 import { fadeInTransition } from "../../../_styles/transitions/fade-in.cssr.mjs";
 import { c, cB } from "../../../_utils/cssr/index.mjs";
+import { DRAGGABLE_CLASS } from "../composables.mjs";
 // vars:
 // --n-bezier-ease-out
 // --n-box-shadow
@@ -45,4 +46,7 @@ export default c([cB('modal-container', `
  `, [fadeInScaleUpTransition({
   duration: '.25s',
   enterScale: '.5'
-})])]);
+}), c(`.${DRAGGABLE_CLASS}`, `
+ cursor: move;
+ user-select: none;
+ `)])]);

package/es/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/es/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/es/page-header/src/PageHeader.mjs

@@ -14,6 +14,7 @@ export const pageHeaderProps = Object.assign(Object.assign({}, useTheme.props),
 export default defineComponent({
   name: 'PageHeader',
   props: pageHeaderProps,
+  slots: Object,
   setup(props) {
     const {
       mergedClsPrefixRef,

package/es/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/es/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/es/pagination/src/Pagination.mjs

@@ -71,6 +71,7 @@ export const paginationProps = Object.assign(Object.assign({}, useTheme.props),
 export default defineComponent({
   name: 'Pagination',
   props: paginationProps,
+  slots: Object,
   setup(props) {
     if (process.env.NODE_ENV !== 'production') {
       watchEffect(() => {
@@ -480,8 +481,8 @@ export default defineComponent({
       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/es/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/es/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/es/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/es/popconfirm/src/Popconfirm.mjs

@@ -26,6 +26,7 @@ export const popconfirmProps = Object.assign(Object.assign(Object.assign({}, use
 export default defineComponent({
   name: 'Popconfirm',
   props: popconfirmProps,
+  slots: Object,
   __popover__: true,
   setup(props) {
     const {
@@ -94,7 +95,7 @@ export default defineComponent({
       internalExtraClass: ['popconfirm'],
       ref: 'popoverInstRef'
     }), {
-      trigger: slots.activator || slots.trigger,
+      trigger: slots.trigger,
       default: () => {
         const panelProps = keep(props, panelPropKeys);
         return h(PopconfirmPanel, Object.assign(Object.assign({}, panelProps), {

package/es/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/es/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/es/popover/src/Popover.mjs

@@ -132,6 +132,7 @@ export default defineComponent({
   name: 'Popover',
   inheritAttrs: false,
   props: popoverProps,
+  slots: Object,
   __popover__: true,
   setup(props) {
     if (process.env.NODE_ENV !== 'production') {
@@ -374,11 +375,7 @@ export default defineComponent({
     let triggerVNode;
     let popoverInside = false;
     if (!positionManually) {
-      if (slots.activator) {
-        triggerVNode = getFirstSlotVNode(slots, 'activator');
-      } else {
-        triggerVNode = getFirstSlotVNode(slots, 'trigger');
-      }
+      triggerVNode = getFirstSlotVNode(slots, 'trigger');
       if (triggerVNode) {
         triggerVNode = cloneVNode(triggerVNode);
         triggerVNode = triggerVNode.type === Text ? h('span', [triggerVNode]) : triggerVNode;

package/es/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/es/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/es/popselect/src/Popselect.mjs

@@ -18,6 +18,7 @@ export const popselectProps = Object.assign(Object.assign(Object.assign(Object.a
 export default defineComponent({
   name: 'Popselect',
   props: popselectProps,
+  slots: Object,
   inheritAttrs: false,
   __popover__: true,
   setup(props) {

package/es/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/es/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/es/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/es/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';

package/es/result/src/Result.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 resultProps: {
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
@@ -91,6 +91,11 @@ export declare const resultProps: {
     }, any>>>;
 };
 export type ResultProps = ExtractPublicPropTypes<typeof resultProps>;
+export interface ResultSlots {
+    default?: () => VNode[];
+    footer?: () => VNode[];
+    icon?: () => VNode[];
+}
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"small" | "medium" | "large" | "huge">;
@@ -287,5 +292,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     size: "small" | "medium" | "large" | "huge";
     status: "error" | "500" | "info" | "success" | "warning" | "404" | "403" | "418";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, SlotsType<ResultSlots>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;