@destyler/popover 0.0.1-beta.1 → 0.0.1-beta.4

package/dist/index.cjs

@@ -39,9 +39,9 @@ const DestylerBinder = vue.defineComponent({
       default: true
     }
   },
-  setup(props, { slots }) {
+  setup(props) {
     vue.provide("DestylerBinder", vue.getCurrentInstance()?.proxy);
-    const DestylerBinder = vue.inject("DestylerBinder", null);
+    const DestylerBinder2 = vue.inject("DestylerBinder", null);
     const targetRef = vue.ref(null);
     const followerResizeListeners = /* @__PURE__ */ new Set();
     const followerScrollListeners = /* @__PURE__ */ new Set();
@@ -56,8 +56,8 @@ const DestylerBinder = vue.defineComponent({
     };
     const setTargetRef = (el) => {
       targetRef.value = el;
-      if (DestylerBinder && props.syncTargetWithParent)
-        DestylerBinder.setTargetRef(el);
+      if (DestylerBinder2 && props.syncTargetWithParent)
+        DestylerBinder2.setTargetRef(el);
     };
     let scrollableNodes = [];
     const ensureScrollListener = () => {
@@ -731,19 +731,15 @@ const DestylerPopoverBody = vue.defineComponent({
           }, slots);
           return [body2];
         };
-        contentNode = vue.h(
-          "div",
-          vue.mergeProps({
-            ref: body,
-            destyler: "popover-body-toggle",
-            onMouseenter: handleMouseEnter,
-            onMouseleave: handleMouseLeave
-          }, attrs),
-          internalTrapFocus ? vue.h(DestylerFocusTrap, {
-            active: props.show,
-            autoFocus: true
-          }, renderContentInnerNode) : renderContentInnerNode()
-        );
+        contentNode = vue.h("div", vue.mergeProps({
+          ref: body,
+          destyler: "popover-body-toggle",
+          onMouseenter: handleMouseEnter,
+          onMouseleave: handleMouseLeave
+        }, attrs), internalTrapFocus ? vue.h(DestylerFocusTrap, {
+          active: props.show,
+          autoFocus: true
+        }, renderContentInnerNode) : renderContentInnerNode());
       } else {
         contentNode = renderBody(body, handleMouseEnter, handleMouseLeave);
       }
@@ -872,7 +868,7 @@ const DestylerPopover = vue.defineComponent({
   inheritAttrs: false,
   props: destylerPopoverProps,
   __popover__: true,
-  setup(props, { slots, attrs }) {
+  setup(props) {
     const isMounted = composition.useIsMounted();
     const binderInst = vue.ref(null);
     const controlledShow = vue.computed(() => props.show);
@@ -1123,34 +1119,26 @@ const DestylerPopover = vue.defineComponent({
         }
       }
     }
-    return vue.h(
-      DestylerBinder,
-      {
-        ref: "binderInst",
-        syncTarget: !popoverInside,
-        syncTargetWithParent: this.$props.internalSyncTargetWithParent
-      },
-      () => {
-        return [
-          this.$props.internalTrapFocus && this.getMergedShow() ? vue.withDirectives(vue.h("div"), [[directives.zindexable, { enabled: this.getMergedShow(), zIndex: this.$props.zIndex }]]) : null,
-          this.positionManually ? null : vue.h(DestylerTarget, null, {
-            default: () => triggerVNode
-          }),
-          vue.h(
-            DestylerPopoverBody,
-            shared.keep(this.$props, bodyPropKeys, {
-              ...this.$attrs,
-              show: this.getMergedShow()
-            }),
-            {
-              default: () => this.$slots.default?.(),
-              header: () => this.$slots.header?.(),
-              footer: () => this.$slots.footer?.()
-            }
-          )
-        ];
-      }
-    );
+    return vue.h(DestylerBinder, {
+      ref: "binderInst",
+      syncTarget: !popoverInside,
+      syncTargetWithParent: this.$props.internalSyncTargetWithParent
+    }, () => {
+      return [
+        this.$props.internalTrapFocus && this.getMergedShow() ? vue.withDirectives(vue.h("div"), [[directives.zindexable, { enabled: this.getMergedShow(), zIndex: this.$props.zIndex }]]) : null,
+        this.positionManually ? null : vue.h(DestylerTarget, null, {
+          default: () => triggerVNode
+        }),
+        vue.h(DestylerPopoverBody, shared.keep(this.$props, bodyPropKeys, {
+          ...this.$attrs,
+          show: this.getMergedShow()
+        }), {
+          default: () => this.$slots.default?.(),
+          header: () => this.$slots.header?.(),
+          footer: () => this.$slots.footer?.()
+        })
+      ];
+    });
   }
 });
 

package/dist/index.d.cts

@@ -1,4 +1,3 @@
-import * as vue from 'vue';
 import { Ref, VNode, ComputedRef, PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '@destyler/shared';
 import { ComponentResolver } from 'unplugin-vue-components';
@@ -105,162 +104,7 @@ interface BodyInstance {
     syncPosition: () => void;
     [key: string]: unknown;
 }
-declare const DestylerPopover: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}, {
-    binderInst: Ref<{
-        targetRef: HTMLElement | null;
-    } | null>;
-    positionManually: ComputedRef<boolean>;
-    mergedShowConsideringDisabledProp: ComputedRef<boolean | undefined>;
-    uncontrolledShow: Ref<boolean | undefined>;
-    setShow: (value: boolean) => void;
-    getMergedShow: () => boolean;
-    handleClick: () => void;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}>>, {
-    show: boolean | undefined;
-    trigger: PopoverTrigger;
-    delay: number;
-    duration: number;
-    displayDirective: "show" | "if";
-    internalInheritedEventHandlers: TriggerEventHandlers[];
-}, {}>;
+declare const DestylerPopover: any;
 
 declare const popoverBodyProps: {
     show: {
@@ -306,102 +150,7 @@ declare const popoverBodyProps: {
         type: PropType<(e: MouseEvent) => void>;
     };
 };
-declare const DestylerPopoverBody: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}, {
-    displayed: vue.Ref<boolean>;
-    isMounted: vue.Ref<boolean>;
-    zIndex: vue.Ref<number | undefined>;
-    follower: vue.Ref<{
-        syncPosition: () => void;
-    } | null>;
-    followerEnabled: vue.Ref<boolean | undefined>;
-    renderContentNode: () => VNode | null;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}>>, {}, {}>;
+declare const DestylerPopoverBody: any;
 
 declare function DestylerPopoverResolver(): ComponentResolver;
 

package/dist/index.d.mts

@@ -1,4 +1,3 @@
-import * as vue from 'vue';
 import { Ref, VNode, ComputedRef, PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '@destyler/shared';
 import { ComponentResolver } from 'unplugin-vue-components';
@@ -105,162 +104,7 @@ interface BodyInstance {
     syncPosition: () => void;
     [key: string]: unknown;
 }
-declare const DestylerPopover: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}, {
-    binderInst: Ref<{
-        targetRef: HTMLElement | null;
-    } | null>;
-    positionManually: ComputedRef<boolean>;
-    mergedShowConsideringDisabledProp: ComputedRef<boolean | undefined>;
-    uncontrolledShow: Ref<boolean | undefined>;
-    setShow: (value: boolean) => void;
-    getMergedShow: () => boolean;
-    handleClick: () => void;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}>>, {
-    show: boolean | undefined;
-    trigger: PopoverTrigger;
-    delay: number;
-    duration: number;
-    displayDirective: "show" | "if";
-    internalInheritedEventHandlers: TriggerEventHandlers[];
-}, {}>;
+declare const DestylerPopover: any;
 
 declare const popoverBodyProps: {
     show: {
@@ -306,102 +150,7 @@ declare const popoverBodyProps: {
         type: PropType<(e: MouseEvent) => void>;
     };
 };
-declare const DestylerPopoverBody: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}, {
-    displayed: vue.Ref<boolean>;
-    isMounted: vue.Ref<boolean>;
-    zIndex: vue.Ref<number | undefined>;
-    follower: vue.Ref<{
-        syncPosition: () => void;
-    } | null>;
-    followerEnabled: vue.Ref<boolean | undefined>;
-    renderContentNode: () => VNode | null;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}>>, {}, {}>;
+declare const DestylerPopoverBody: any;
 
 declare function DestylerPopoverResolver(): ComponentResolver;
 

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import * as vue from 'vue';
 import { Ref, VNode, ComputedRef, PropType } from 'vue';
 import { MaybeArray, ExtractPublicPropTypes } from '@destyler/shared';
 import { ComponentResolver } from 'unplugin-vue-components';
@@ -105,162 +104,7 @@ interface BodyInstance {
     syncPosition: () => void;
     [key: string]: unknown;
 }
-declare const DestylerPopover: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}, {
-    binderInst: Ref<{
-        targetRef: HTMLElement | null;
-    } | null>;
-    positionManually: ComputedRef<boolean>;
-    mergedShowConsideringDisabledProp: ComputedRef<boolean | undefined>;
-    uncontrolledShow: Ref<boolean | undefined>;
-    setShow: (value: boolean) => void;
-    getMergedShow: () => boolean;
-    handleClick: () => void;
-    handleMouseEnter: () => void;
-    handleMouseLeave: () => void;
-    handleFocus: () => void;
-    handleBlur: () => void;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean | undefined>;
-        default: undefined;
-    };
-    defaultShow: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-        default: string;
-    };
-    delay: {
-        type: NumberConstructor;
-        default: number;
-    };
-    duration: {
-        type: NumberConstructor;
-        default: number;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    disabled: {
-        type: PropType<boolean>;
-    };
-    getDisabled: {
-        type: PropType<() => boolean>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-        default: string;
-    };
-    zIndex: {
-        type: PropType<number>;
-    };
-    internalSyncTargetWithParent: {
-        type: PropType<boolean>;
-    };
-    internalInheritedEventHandlers: {
-        type: PropType<TriggerEventHandlers[]>;
-        default: () => never[];
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-    'onUpdate:show': {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onUpdateShow: {
-        type: PropType<MaybeArray<(value: boolean) => void>>;
-    };
-    onShow: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    onHide: {
-        type: PropType<MaybeArray<(value: boolean) => void> | undefined>;
-    };
-    internalRenderBody: {
-        type: PropType<InternalRenderBody>;
-    };
-}>>, {
-    show: boolean | undefined;
-    trigger: PopoverTrigger;
-    delay: number;
-    duration: number;
-    displayDirective: "show" | "if";
-    internalInheritedEventHandlers: TriggerEventHandlers[];
-}, {}>;
+declare const DestylerPopover: any;
 
 declare const popoverBodyProps: {
     show: {
@@ -306,102 +150,7 @@ declare const popoverBodyProps: {
         type: PropType<(e: MouseEvent) => void>;
     };
 };
-declare const DestylerPopoverBody: vue.DefineComponent<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}, {
-    displayed: vue.Ref<boolean>;
-    isMounted: vue.Ref<boolean>;
-    zIndex: vue.Ref<number | undefined>;
-    follower: vue.Ref<{
-        syncPosition: () => void;
-    } | null>;
-    followerEnabled: vue.Ref<boolean | undefined>;
-    renderContentNode: () => VNode | null;
-}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
-    show: {
-        type: PropType<boolean>;
-    };
-    trigger: {
-        type: PropType<PopoverTrigger>;
-    };
-    delay: {
-        type: PropType<number>;
-    };
-    duration: {
-        type: PropType<number>;
-    };
-    displayDirective: {
-        type: PropType<"show" | "if">;
-    };
-    x: {
-        type: PropType<number>;
-    };
-    y: {
-        type: PropType<number>;
-    };
-    flip: {
-        type: PropType<boolean>;
-    };
-    internalTrapFocus: {
-        type: PropType<boolean>;
-    };
-    overlap: {
-        type: PropType<boolean>;
-    };
-    keepAliveOnHover: {
-        type: PropType<boolean>;
-    };
-    scrollable: {
-        type: PropType<boolean>;
-    };
-    internalDeactivateImmediately: {
-        type: PropType<boolean>;
-    };
-    onClickoutside: {
-        type: PropType<(e: MouseEvent) => void>;
-    };
-}>>, {}, {}>;
+declare const DestylerPopoverBody: any;
 
 declare function DestylerPopoverResolver(): ComponentResolver;
 

package/dist/index.mjs

@@ -37,9 +37,9 @@ const DestylerBinder = defineComponent({
       default: true
     }
   },
-  setup(props, { slots }) {
+  setup(props) {
     provide("DestylerBinder", getCurrentInstance()?.proxy);
-    const DestylerBinder = inject("DestylerBinder", null);
+    const DestylerBinder2 = inject("DestylerBinder", null);
     const targetRef = ref(null);
     const followerResizeListeners = /* @__PURE__ */ new Set();
     const followerScrollListeners = /* @__PURE__ */ new Set();
@@ -54,8 +54,8 @@ const DestylerBinder = defineComponent({
     };
     const setTargetRef = (el) => {
       targetRef.value = el;
-      if (DestylerBinder && props.syncTargetWithParent)
-        DestylerBinder.setTargetRef(el);
+      if (DestylerBinder2 && props.syncTargetWithParent)
+        DestylerBinder2.setTargetRef(el);
     };
     let scrollableNodes = [];
     const ensureScrollListener = () => {
@@ -729,19 +729,15 @@ const DestylerPopoverBody = defineComponent({
           }, slots);
           return [body2];
         };
-        contentNode = h(
-          "div",
-          mergeProps({
-            ref: body,
-            destyler: "popover-body-toggle",
-            onMouseenter: handleMouseEnter,
-            onMouseleave: handleMouseLeave
-          }, attrs),
-          internalTrapFocus ? h(DestylerFocusTrap, {
-            active: props.show,
-            autoFocus: true
-          }, renderContentInnerNode) : renderContentInnerNode()
-        );
+        contentNode = h("div", mergeProps({
+          ref: body,
+          destyler: "popover-body-toggle",
+          onMouseenter: handleMouseEnter,
+          onMouseleave: handleMouseLeave
+        }, attrs), internalTrapFocus ? h(DestylerFocusTrap, {
+          active: props.show,
+          autoFocus: true
+        }, renderContentInnerNode) : renderContentInnerNode());
       } else {
         contentNode = renderBody(body, handleMouseEnter, handleMouseLeave);
       }
@@ -870,7 +866,7 @@ const DestylerPopover = defineComponent({
   inheritAttrs: false,
   props: destylerPopoverProps,
   __popover__: true,
-  setup(props, { slots, attrs }) {
+  setup(props) {
     const isMounted = useIsMounted();
     const binderInst = ref(null);
     const controlledShow = computed(() => props.show);
@@ -1121,34 +1117,26 @@ const DestylerPopover = defineComponent({
         }
       }
     }
-    return h(
-      DestylerBinder,
-      {
-        ref: "binderInst",
-        syncTarget: !popoverInside,
-        syncTargetWithParent: this.$props.internalSyncTargetWithParent
-      },
-      () => {
-        return [
-          this.$props.internalTrapFocus && this.getMergedShow() ? withDirectives(h("div"), [[zindexable, { enabled: this.getMergedShow(), zIndex: this.$props.zIndex }]]) : null,
-          this.positionManually ? null : h(DestylerTarget, null, {
-            default: () => triggerVNode
-          }),
-          h(
-            DestylerPopoverBody,
-            keep(this.$props, bodyPropKeys, {
-              ...this.$attrs,
-              show: this.getMergedShow()
-            }),
-            {
-              default: () => this.$slots.default?.(),
-              header: () => this.$slots.header?.(),
-              footer: () => this.$slots.footer?.()
-            }
-          )
-        ];
-      }
-    );
+    return h(DestylerBinder, {
+      ref: "binderInst",
+      syncTarget: !popoverInside,
+      syncTargetWithParent: this.$props.internalSyncTargetWithParent
+    }, () => {
+      return [
+        this.$props.internalTrapFocus && this.getMergedShow() ? withDirectives(h("div"), [[zindexable, { enabled: this.getMergedShow(), zIndex: this.$props.zIndex }]]) : null,
+        this.positionManually ? null : h(DestylerTarget, null, {
+          default: () => triggerVNode
+        }),
+        h(DestylerPopoverBody, keep(this.$props, bodyPropKeys, {
+          ...this.$attrs,
+          show: this.getMergedShow()
+        }), {
+          default: () => this.$slots.default?.(),
+          header: () => this.$slots.header?.(),
+          footer: () => this.$slots.footer?.()
+        })
+      ];
+    });
   }
 });
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@destyler/popover",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.4",
   "description": "unstyled popover component for vue",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -23,9 +23,9 @@
     "vue": "^3.3.4"
   },
   "dependencies": {
-    "@destyler/directives": "0.0.1-beta.1",
-    "@destyler/shared": "0.0.1-beta.1",
-    "@destyler/composition": "0.0.1-beta.1"
+    "@destyler/composition": "0.0.1-beta.4",
+    "@destyler/directives": "0.0.1-beta.4",
+    "@destyler/shared": "0.0.1-beta.4"
   },
   "scripts": {
     "clear": "rimraf ./dist",