@destyler/popper 0.0.1-beta.9 → 0.0.2

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

@@ -0,0 +1,16 @@
+'use strict';
+
+const index = require('./index.cjs');
+require('vue');
+require('@destyler/shared');
+require('@destyler/primitive');
+require('@destyler/composition');
+require('@floating-ui/vue');
+require('@destyler/arrow');
+
+
+
+exports.DestylerPopperAnchor = index.DestylerPopperAnchor;
+exports.DestylerPopperArrow = index.DestylerPopperArrow;
+exports.DestylerPopperContent = index.DestylerPopperContent;
+exports.DestylerPopperRoot = index.DestylerPopperRoot;

package/dist/component.d.cts

@@ -0,0 +1,5 @@
+export { DestylerPopperAnchor, DestylerPopperAnchorProps, DestylerPopperArrow, DestylerPopperArrowProps, DestylerPopperContent, DestylerPopperContentProps, DestylerPopperRoot } from './index.cjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';
+import '@floating-ui/vue';

package/dist/component.d.mts

@@ -0,0 +1,5 @@
+export { DestylerPopperAnchor, DestylerPopperAnchorProps, DestylerPopperArrow, DestylerPopperArrowProps, DestylerPopperContent, DestylerPopperContentProps, DestylerPopperRoot } from './index.mjs';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';
+import '@floating-ui/vue';

package/dist/component.d.ts

@@ -0,0 +1,5 @@
+export { DestylerPopperAnchor, DestylerPopperAnchorProps, DestylerPopperArrow, DestylerPopperArrowProps, DestylerPopperContent, DestylerPopperContentProps, DestylerPopperRoot } from './index.js';
+import 'vue';
+import '@destyler/primitive';
+import '@destyler/shared';
+import '@floating-ui/vue';

package/dist/component.mjs

@@ -0,0 +1,7 @@
+export { DestylerPopperAnchor, DestylerPopperArrow, DestylerPopperContent, DestylerPopperRoot } from './index.mjs';
+import 'vue';
+import '@destyler/shared';
+import '@destyler/primitive';
+import '@destyler/composition';
+import '@floating-ui/vue';
+import '@destyler/arrow';

package/dist/index.cjs

@@ -23,7 +23,16 @@ const DestylerPopperRoot = vue.defineComponent({
 });
 
 const destylerPopperAnchorProps = {
-  ...primitive.destylerPrimitiveProps,
+  as: {
+    type: [String, Object],
+    required: false,
+    default: "div"
+  },
+  asChild: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
   element: {
     type: Object
   }
@@ -32,21 +41,23 @@ const DestylerPopperAnchor = vue.defineComponent({
   name: "DestylerPopperAnchor",
   props: destylerPopperAnchorProps,
   setup(props) {
-    const { customElement, currentElement } = composition.useCustomElement();
+    const { forwardRef, currentElement } = composition.useForwardExpose();
     const rootContext = injectPopperRootContext();
     vue.watch(currentElement, () => {
       rootContext.onAnchorChange(props.element ?? currentElement.value);
     });
     return {
-      customElement
+      forwardRef
     };
   },
   render() {
     return vue.h(primitive.DestylerPrimitive, {
       as: this.$props.as,
       asChild: this.$props.asChild,
-      ref: "customElement"
-    }, this.$slots.default?.());
+      ref: (el) => this.forwardRef(el)
+    }, {
+      default: () => this.$slots.default?.()
+    });
   }
 });
 
@@ -93,7 +104,16 @@ function getSideAndAlignFromPlacement(placement) {
 
 const [injectPopperContentContext, providePopperContentContext] = shared.createContext("DestylerPopperContent");
 const destylerPopperContentProps = {
-  ...primitive.destylerPrimitiveProps,
+  as: {
+    type: [String, Object],
+    required: false,
+    default: "div"
+  },
+  asChild: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
   side: {
     type: String,
     required: false,
@@ -165,8 +185,7 @@ const DestylerPopperContent = vue.defineComponent({
   props: destylerPopperContentProps,
   setup(props, { attrs }) {
     const rootContext = injectPopperRootContext();
-    const forwardRef = composition.useForwardRef();
-    const { customElement, currentElement: contentElement } = composition.useCustomElement();
+    const { forwardRef, currentElement: contentElement } = composition.useForwardExpose();
     const floatingRef = vue.ref();
     const arrow = vue.ref();
     const { width: arrowWidth, height: arrowHeight } = composition.useSize(arrow);
@@ -280,14 +299,13 @@ const DestylerPopperContent = vue.defineComponent({
       contentZIndex,
       middlewareData,
       forwardRef,
-      customElement,
       placedSide,
       placedAlign,
       attrStyle: attrs.style
     };
   },
   render() {
-    return vue.h("div", vue.mergeProps(this.$attrs, {
+    return vue.h("div", {
       "data-destyler-popper-content-wrapper": "",
       "ref": "floatingRef",
       "style": {
@@ -300,11 +318,8 @@ const DestylerPopperContent = vue.defineComponent({
           this.middlewareData.transformOrigin?.y
         ].join(" ")
       }
-    }), vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
-      "ref": (vnode) => {
-        this.forwardRef(vnode);
-        this.customElement = vnode;
-      },
+    }, vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
+      "ref": (el) => this.forwardRef(el),
       "as": this.$props.as,
       "asChild": this.$props.asChild,
       "data-side": this.placedSide,
@@ -313,7 +328,9 @@ const DestylerPopperContent = vue.defineComponent({
         animation: !this.isPositioned ? "none" : void 0,
         opacity: this.middlewareData.hide?.referenceHidden ? 0 : void 0
       }
-    }), this.$slots.default?.()));
+    }), {
+      default: () => this.$slots.default?.()
+    }));
   }
 });
 
@@ -324,8 +341,21 @@ const OPPOSITE_SIDE = {
   left: "right"
 };
 const destylerPopperArrowProps = {
-  ...primitive.destylerPrimitiveProp,
-  ...arrow.destylerArrowProps,
+  asChild: {
+    type: Boolean,
+    required: false,
+    default: false
+  },
+  width: {
+    type: Number,
+    required: false,
+    default: 5
+  },
+  height: {
+    type: Number,
+    required: false,
+    default: 10
+  },
   as: {
     type: [String, Object],
     required: false,
@@ -377,36 +407,13 @@ const DestylerPopperArrow = vue.defineComponent({
       style: {
         display: "block"
       }
-    }), this.$slots.default?.()));
+    }), {
+      default: () => this.$slots.default?.()
+    }));
   }
 });
 
-const name = "@destyler/popper";
-
-const packageName = name;
-function DestylerPopperResolver() {
-  return {
-    type: "component",
-    resolve: (name2) => {
-      if (name2 === "DestylerTemplate")
-        return { name: name2, from: packageName };
-    }
-  };
-}
-
 exports.DestylerPopperAnchor = DestylerPopperAnchor;
 exports.DestylerPopperArrow = DestylerPopperArrow;
 exports.DestylerPopperContent = DestylerPopperContent;
-exports.DestylerPopperResolver = DestylerPopperResolver;
 exports.DestylerPopperRoot = DestylerPopperRoot;
-exports.OPPOSITE_SIDE = OPPOSITE_SIDE;
-exports.destylerPopperAnchorProps = destylerPopperAnchorProps;
-exports.destylerPopperArrowProps = destylerPopperArrowProps;
-exports.destylerPopperContentProps = destylerPopperContentProps;
-exports.getSideAndAlignFromPlacement = getSideAndAlignFromPlacement;
-exports.injectPopperContentContext = injectPopperContentContext;
-exports.injectPopperRootContext = injectPopperRootContext;
-exports.isNotNull = isNotNull;
-exports.providePopperContentContext = providePopperContentContext;
-exports.providePopperRootContext = providePopperRootContext;
-exports.transformOrigin = transformOrigin;