@destyler/popover 0.0.1-beta.12 → 0.0.1-beta.14

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-PRESENT Elone Hoo
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/component.cjs

@@ -2,7 +2,7 @@
 
 const vue = require('vue');
 const popper = require('@destyler/popper');
-const index = require('./shared/popover.5d0578ba.cjs');
+const index = require('./shared/popover.f0fbccbe.cjs');
 require('@destyler/primitive');
 require('@destyler/shared');
 require('@destyler/composition');

package/dist/component.d.cts

@@ -4,8 +4,8 @@ import * as _destyler_primitive from '@destyler/primitive';
 import { AsTag } from '@destyler/primitive';
 import * as _destyler_shared from '@destyler/shared';
 import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
-import { P as PopoverRootContext } from './shared/popover.b75b8d61.cjs';
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.cjs';
+import { P as PopoverRootContext } from './shared/popover.1e7c063d.cjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.cjs';
 import * as _vue_shared from '@vue/shared';
 
 declare const destylerPopoverAnchorProps: {
@@ -465,7 +465,7 @@ declare const DestylerPopoverContentModal: vue.DefineComponent<{
         readonly onPlaced?: (() => void) | undefined;
     } & {}> & Record<string, any>>;
     isRightClickOutsideRef: vue.Ref<boolean>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly side: {
         readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;

package/dist/component.d.mts

@@ -4,8 +4,8 @@ import * as _destyler_primitive from '@destyler/primitive';
 import { AsTag } from '@destyler/primitive';
 import * as _destyler_shared from '@destyler/shared';
 import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
-import { P as PopoverRootContext } from './shared/popover.b75b8d61.mjs';
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.mjs';
+import { P as PopoverRootContext } from './shared/popover.1e7c063d.mjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.mjs';
 import * as _vue_shared from '@vue/shared';
 
 declare const destylerPopoverAnchorProps: {
@@ -465,7 +465,7 @@ declare const DestylerPopoverContentModal: vue.DefineComponent<{
         readonly onPlaced?: (() => void) | undefined;
     } & {}> & Record<string, any>>;
     isRightClickOutsideRef: vue.Ref<boolean>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly side: {
         readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;

package/dist/component.d.ts

@@ -4,8 +4,8 @@ import * as _destyler_primitive from '@destyler/primitive';
 import { AsTag } from '@destyler/primitive';
 import * as _destyler_shared from '@destyler/shared';
 import { ExtractPublicPropTypes, Measurable } from '@destyler/shared';
-import { P as PopoverRootContext } from './shared/popover.b75b8d61.js';
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.js';
+import { P as PopoverRootContext } from './shared/popover.1e7c063d.js';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.js';
 import * as _vue_shared from '@vue/shared';
 
 declare const destylerPopoverAnchorProps: {
@@ -465,7 +465,7 @@ declare const DestylerPopoverContentModal: vue.DefineComponent<{
         readonly onPlaced?: (() => void) | undefined;
     } & {}> & Record<string, any>>;
     isRightClickOutsideRef: vue.Ref<boolean>;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, string[], string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly side: {
         readonly type: vue.PropType<"top" | "right" | "bottom" | "left">;

package/dist/component.mjs

@@ -1,7 +1,7 @@
 import { defineComponent, onBeforeMount, onUnmounted, h, mergeProps } from 'vue';
 import { DestylerPopperAnchor } from '@destyler/popper';
-import { i as injectPopoverRootContext } from './shared/popover.1439b1d2.mjs';
-export { D as DestylerPopoverArrow, a as DestylerPopoverClose, b as DestylerPopoverContent, c as DestylerPopoverContentImpl, d as DestylerPopoverContentModal, e as DestylerPopoverContentNonModal, f as DestylerPopoverPortal, g as DestylerPopoverRoot, h as DestylerPopoverTrigger } from './shared/popover.1439b1d2.mjs';
+import { i as injectPopoverRootContext } from './shared/popover.a25f925c.mjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverClose, b as DestylerPopoverContent, c as DestylerPopoverContentImpl, d as DestylerPopoverContentModal, e as DestylerPopoverContentNonModal, f as DestylerPopoverPortal, g as DestylerPopoverRoot, h as DestylerPopoverTrigger } from './shared/popover.a25f925c.mjs';
 import '@destyler/primitive';
 import '@destyler/shared';
 import '@destyler/composition';

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./shared/popover.5d0578ba.cjs');
+const index = require('./shared/popover.f0fbccbe.cjs');
 require('vue');
 require('@destyler/popper');
 require('@destyler/primitive');

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.cjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.cjs';
 import 'vue';
 import '@destyler/primitive';
 import '@destyler/shared';

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.mjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.mjs';
 import 'vue';
 import '@destyler/primitive';
 import '@destyler/shared';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.b75b8d61.js';
+export { D as DestylerPopoverArrow, a as DestylerPopoverArrowProps, b as DestylerPopoverClose, c as DestylerPopoverCloseProps, d as DestylerPopoverContent, e as DestylerPopoverContentProps, f as DestylerPopoverPortal, g as DestylerPopoverPortalProps, h as DestylerPopoverRoot, i as DestylerPopoverRootProps, j as DestylerPopoverTrigger, k as DestylerPopoverTriggerProps } from './shared/popover.1e7c063d.js';
 import 'vue';
 import '@destyler/primitive';
 import '@destyler/shared';

package/dist/index.mjs

@@ -1,4 +1,4 @@
-export { D as DestylerPopoverArrow, a as DestylerPopoverClose, b as DestylerPopoverContent, f as DestylerPopoverPortal, g as DestylerPopoverRoot, h as DestylerPopoverTrigger } from './shared/popover.1439b1d2.mjs';
+export { D as DestylerPopoverArrow, a as DestylerPopoverClose, b as DestylerPopoverContent, f as DestylerPopoverPortal, g as DestylerPopoverRoot, h as DestylerPopoverTrigger } from './shared/popover.a25f925c.mjs';
 import 'vue';
 import '@destyler/popper';
 import '@destyler/primitive';

package/dist/shared/{popover.b75b8d61.d.ts → popover.1e7c063d.d.cts}

@@ -590,7 +590,7 @@ declare const DestylerPopoverTrigger: vue.DefineComponent<{
     };
 }, {
     rootContext: PopoverRootContext;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly asChild: {
         readonly type: PropType<boolean>;

package/dist/shared/{popover.b75b8d61.d.cts → popover.1e7c063d.d.mts}

@@ -590,7 +590,7 @@ declare const DestylerPopoverTrigger: vue.DefineComponent<{
     };
 }, {
     rootContext: PopoverRootContext;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly asChild: {
         readonly type: PropType<boolean>;

package/dist/shared/{popover.b75b8d61.d.mts → popover.1e7c063d.d.ts}

@@ -590,7 +590,7 @@ declare const DestylerPopoverTrigger: vue.DefineComponent<{
     };
 }, {
     rootContext: PopoverRootContext;
-    customElement: vue.Ref<vue.ComponentPublicInstance | undefined>;
+    forwardRef: (ref: Element | vue.ComponentPublicInstance | null) => void;
 }, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     readonly asChild: {
         readonly type: PropType<boolean>;

package/dist/shared/{popover.1439b1d2.mjs → popover.a25f925c.mjs}

@@ -2,7 +2,7 @@ import { defineComponent, h, mergeProps, toRef, ref, withDirectives, onMounted }
 import { DestylerPopperArrow, DestylerPopperRoot, DestylerPopperContent, DestylerPopperAnchor } from '@destyler/popper';
 import { DestylerPrimitive } from '@destyler/primitive';
 import { createContext } from '@destyler/shared';
-import { useVModel, useId, useForwardProps, useFocusGuards, useForwardPropsEmits, useCustomElement, useHideOthers } from '@destyler/composition';
+import { useVModel, useId, useForwardProps, useFocusGuards, useForwardPropsEmits, useForwardExpose, useHideOthers } from '@destyler/composition';
 import { DestylerPresence } from '@destyler/presence';
 import { DestylerDismissableLayer } from '@destyler/dismissable-layer';
 import { DestylerFocusScope } from '@destyler/focus-scope';
@@ -291,27 +291,27 @@ const DestylerPopoverContentModal = defineComponent({
     const rootContext = injectPopoverRootContext();
     const isRightClickOutsideRef = ref(false);
     const forwarded = useForwardPropsEmits(props, emit);
-    const { customElement, currentElement } = useCustomElement();
+    const { forwardRef, currentElement } = useForwardExpose();
     useHideOthers(currentElement);
     return {
       rootContext,
       forwarded,
       isRightClickOutsideRef,
-      customElement
+      forwardRef
     };
   },
   render() {
     return h(DestylerPopoverContentImpl, {
-      "ref": "customElement",
+      ref: (el) => this.forwardRef(el),
       ...mergeProps(this.forwarded),
-      "trapFocus": this.rootContext.open.value,
-      "disable-outside-pointer-events": "",
-      "onCloseAutoFocusPrevent": (event) => {
+      trapFocus: this.rootContext.open.value,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocusPrevent: (event) => {
         this.$emit("closeAutoFocus", event);
         if (!this.isRightClickOutsideRef)
           this.rootContext.triggerElement.value?.focus();
       },
-      "onPointerDownOutside": (event) => {
+      onPointerDownOutside: (event) => {
         this.$emit("pointerDownOutside", event);
         const originalEvent = event.detail.originalEvent;
         const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
@@ -456,20 +456,20 @@ const DestylerPopoverTrigger = defineComponent({
   props: destylerPopoverTriggerProps,
   setup() {
     const rootContext = injectPopoverRootContext();
-    const { customElement, currentElement: triggerElement } = useCustomElement();
+    const { forwardRef, currentElement: triggerElement } = useForwardExpose();
     onMounted(() => {
       rootContext.triggerElement.value = triggerElement.value;
     });
     return {
       rootContext,
-      customElement
+      forwardRef
     };
   },
   render() {
     return h(this.rootContext.hasCustomAnchor.value ? DestylerPrimitive : DestylerPopperAnchor, {
       asChild: true
     }, h(DestylerPrimitive, {
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "type": this.$props.as === "button" ? "button" : void 0,
       "as": this.$props.as,
       "aria-haspopup": "dialog",

package/dist/shared/{popover.5d0578ba.cjs → popover.f0fbccbe.cjs}

@@ -293,27 +293,27 @@ const DestylerPopoverContentModal = vue.defineComponent({
     const rootContext = injectPopoverRootContext();
     const isRightClickOutsideRef = vue.ref(false);
     const forwarded = composition.useForwardPropsEmits(props, emit);
-    const { customElement, currentElement } = composition.useCustomElement();
+    const { forwardRef, currentElement } = composition.useForwardExpose();
     composition.useHideOthers(currentElement);
     return {
       rootContext,
       forwarded,
       isRightClickOutsideRef,
-      customElement
+      forwardRef
     };
   },
   render() {
     return vue.h(DestylerPopoverContentImpl, {
-      "ref": "customElement",
+      ref: (el) => this.forwardRef(el),
       ...vue.mergeProps(this.forwarded),
-      "trapFocus": this.rootContext.open.value,
-      "disable-outside-pointer-events": "",
-      "onCloseAutoFocusPrevent": (event) => {
+      trapFocus: this.rootContext.open.value,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocusPrevent: (event) => {
         this.$emit("closeAutoFocus", event);
         if (!this.isRightClickOutsideRef)
           this.rootContext.triggerElement.value?.focus();
       },
-      "onPointerDownOutside": (event) => {
+      onPointerDownOutside: (event) => {
         this.$emit("pointerDownOutside", event);
         const originalEvent = event.detail.originalEvent;
         const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
@@ -458,20 +458,20 @@ const DestylerPopoverTrigger = vue.defineComponent({
   props: destylerPopoverTriggerProps,
   setup() {
     const rootContext = injectPopoverRootContext();
-    const { customElement, currentElement: triggerElement } = composition.useCustomElement();
+    const { forwardRef, currentElement: triggerElement } = composition.useForwardExpose();
     vue.onMounted(() => {
       rootContext.triggerElement.value = triggerElement.value;
     });
     return {
       rootContext,
-      customElement
+      forwardRef
     };
   },
   render() {
     return vue.h(this.rootContext.hasCustomAnchor.value ? primitive.DestylerPrimitive : popper.DestylerPopperAnchor, {
       asChild: true
     }, vue.h(primitive.DestylerPrimitive, {
-      "ref": "customElement",
+      "ref": (el) => this.forwardRef(el),
       "type": this.$props.as === "button" ? "button" : void 0,
       "as": this.$props.as,
       "aria-haspopup": "dialog",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@destyler/popover",
-  "version": "0.0.1-beta.12",
+  "version": "0.0.1-beta.14",
   "description": "unstyled popover component for vue",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -33,15 +33,15 @@
     "vue": ">=3.3.4"
   },
   "dependencies": {
-    "@destyler/composition": "0.0.1-beta.12",
-    "@destyler/directives": "0.0.1-beta.12",
-    "@destyler/dismissable-layer": "0.0.1-beta.12",
-    "@destyler/popper": "0.0.1-beta.12",
-    "@destyler/primitive": "0.0.1-beta.12",
-    "@destyler/shared": "0.0.1-beta.12",
-    "@destyler/focus-scope": "0.0.1-beta.12",
-    "@destyler/presence": "0.0.1-beta.12",
-    "@destyler/teleport": "0.0.1-beta.12"
+    "@destyler/composition": "0.0.1-beta.14",
+    "@destyler/focus-scope": "0.0.1-beta.14",
+    "@destyler/directives": "0.0.1-beta.14",
+    "@destyler/dismissable-layer": "0.0.1-beta.14",
+    "@destyler/primitive": "0.0.1-beta.14",
+    "@destyler/presence": "0.0.1-beta.14",
+    "@destyler/teleport": "0.0.1-beta.14",
+    "@destyler/popper": "0.0.1-beta.14",
+    "@destyler/shared": "0.0.1-beta.14"
   },
   "scripts": {
     "clear": "rimraf ./dist",