@destyler/combobox 0.0.2 → 0.0.3

package/dist/component.cjs

@@ -41,16 +41,14 @@ const DestylerComboboxAnchor = vue.defineComponent({
   render() {
     return vue.h(popper.DestylerPopperAnchor, {
       asChild: true
-    }, {
-      default: () => {
-        return vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
-          ref: (el) => this.forwardRef(el),
-          as: this.$props.as,
-          asChild: this.$props.asChild
-        }), {
-          default: () => this.$slots.default?.()
-        });
-      }
+    }, () => {
+      return vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
+        ref: (el) => this.forwardRef(el),
+        as: this.$props.as,
+        asChild: this.$props.asChild
+      }), {
+        default: () => this.$slots.default?.()
+      });
     });
   }
 });
@@ -525,11 +523,8 @@ const DestylerComboboxArrow = vue.defineComponent({
     };
   },
   render() {
-    if (this.rootContext.open.value && this.contentContext.position.value === "popper") {
-      return vue.h(popper.DestylerPopperArrow, this.$props, {
-        default: () => this.$slots.default?.()
-      });
-    }
+    if (this.rootContext.open.value && this.contentContext.position.value === "popper")
+      return vue.h(popper.DestylerPopperArrow, this.$props, () => this.$slots.default?.());
   }
 });
 
@@ -567,9 +562,7 @@ const DestylerComboboxCancel = vue.defineComponent({
       onClick: () => {
         this.handleClick();
       }
-    }), {
-      default: () => this.$slots.default?.()
-    });
+    }), () => this.$slots.default?.());
   }
 });
 
@@ -597,15 +590,9 @@ const DestylerComboboxContent = vue.defineComponent({
   render() {
     return vue.h(presence.DestylerPresence, {
       present: this.$props.forceMount || this.rootContext.open.value
-    }, {
-      default: () => {
-        return vue.h(DestylerComboboxContentImpl, vue.mergeProps(this.$attrs, this.forwarded, {
-          ref: (el) => this.forwardRef(el)
-        }), {
-          default: () => this.$slots.default?.()
-        });
-      }
-    });
+    }, () => vue.h(DestylerComboboxContentImpl, vue.mergeProps(this.$attrs, this.forwarded, {
+      ref: (el) => this.forwardRef(el)
+    }), () => this.$slots.default?.()));
   }
 });
 
@@ -1095,6 +1082,7 @@ const destylerComboboxViewportProps = {
 const DestylerComboboxViewport = vue.defineComponent({
   name: "DestylerComboboxViewport",
   props: destylerComboboxViewportProps,
+  inheritAttrs: false,
   setup() {
     const { forwardRef } = composition.useForwardExpose();
     return {
@@ -1103,7 +1091,7 @@ const DestylerComboboxViewport = vue.defineComponent({
   },
   render() {
     return [
-      vue.h(primitive.DestylerPrimitive, {
+      vue.h(primitive.DestylerPrimitive, vue.mergeProps(this.$attrs, {
         "ref": (el) => this.forwardRef(el),
         "data-destyler-combobox-viewport": "",
         "role": "presentation",
@@ -1112,24 +1100,20 @@ const DestylerComboboxViewport = vue.defineComponent({
           flex: 1,
           overflow: "auto"
         }
-      }, {
-        default: () => this.$slots.default?.()
-      }),
+      }), () => this.$slots.default?.()),
       vue.h(primitive.DestylerPrimitive, {
         as: "style"
-      }, {
-        default: () => `
-        /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */
-        [data-destyler-combobox-viewport] {
-          scrollbar-width:none;
-          -ms-overflow-style: none;
-          -webkit-overflow-scrolling: touch;
-        }
-        [data-destyler-combobox-viewport]::-webkit-scrollbar {
-          display: none;
-        }
-        `
-      })
+      }, () => `
+      /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */
+      [data-destyler-combobox-viewport] {
+        scrollbar-width:none;
+        -ms-overflow-style: none;
+        -webkit-overflow-scrolling: touch;
+      }
+      [data-destyler-combobox-viewport]::-webkit-scrollbar {
+        display: none;
+      }
+      `)
     ];
   }
 });

package/dist/component.mjs

@@ -35,16 +35,14 @@ const DestylerComboboxAnchor = defineComponent({
   render() {
     return h(DestylerPopperAnchor, {
       asChild: true
-    }, {
-      default: () => {
-        return h(DestylerPrimitive, mergeProps(this.$attrs, {
-          ref: (el) => this.forwardRef(el),
-          as: this.$props.as,
-          asChild: this.$props.asChild
-        }), {
-          default: () => this.$slots.default?.()
-        });
-      }
+    }, () => {
+      return h(DestylerPrimitive, mergeProps(this.$attrs, {
+        ref: (el) => this.forwardRef(el),
+        as: this.$props.as,
+        asChild: this.$props.asChild
+      }), {
+        default: () => this.$slots.default?.()
+      });
     });
   }
 });
@@ -519,11 +517,8 @@ const DestylerComboboxArrow = defineComponent({
     };
   },
   render() {
-    if (this.rootContext.open.value && this.contentContext.position.value === "popper") {
-      return h(DestylerPopperArrow, this.$props, {
-        default: () => this.$slots.default?.()
-      });
-    }
+    if (this.rootContext.open.value && this.contentContext.position.value === "popper")
+      return h(DestylerPopperArrow, this.$props, () => this.$slots.default?.());
   }
 });
 
@@ -561,9 +556,7 @@ const DestylerComboboxCancel = defineComponent({
       onClick: () => {
         this.handleClick();
       }
-    }), {
-      default: () => this.$slots.default?.()
-    });
+    }), () => this.$slots.default?.());
   }
 });
 
@@ -591,15 +584,9 @@ const DestylerComboboxContent = defineComponent({
   render() {
     return h(DestylerPresence, {
       present: this.$props.forceMount || this.rootContext.open.value
-    }, {
-      default: () => {
-        return h(DestylerComboboxContentImpl, mergeProps(this.$attrs, this.forwarded, {
-          ref: (el) => this.forwardRef(el)
-        }), {
-          default: () => this.$slots.default?.()
-        });
-      }
-    });
+    }, () => h(DestylerComboboxContentImpl, mergeProps(this.$attrs, this.forwarded, {
+      ref: (el) => this.forwardRef(el)
+    }), () => this.$slots.default?.()));
   }
 });
 
@@ -1089,6 +1076,7 @@ const destylerComboboxViewportProps = {
 const DestylerComboboxViewport = defineComponent({
   name: "DestylerComboboxViewport",
   props: destylerComboboxViewportProps,
+  inheritAttrs: false,
   setup() {
     const { forwardRef } = useForwardExpose();
     return {
@@ -1097,7 +1085,7 @@ const DestylerComboboxViewport = defineComponent({
   },
   render() {
     return [
-      h(DestylerPrimitive, {
+      h(DestylerPrimitive, mergeProps(this.$attrs, {
         "ref": (el) => this.forwardRef(el),
         "data-destyler-combobox-viewport": "",
         "role": "presentation",
@@ -1106,24 +1094,20 @@ const DestylerComboboxViewport = defineComponent({
           flex: 1,
           overflow: "auto"
         }
-      }, {
-        default: () => this.$slots.default?.()
-      }),
+      }), () => this.$slots.default?.()),
       h(DestylerPrimitive, {
         as: "style"
-      }, {
-        default: () => `
-        /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */
-        [data-destyler-combobox-viewport] {
-          scrollbar-width:none;
-          -ms-overflow-style: none;
-          -webkit-overflow-scrolling: touch;
-        }
-        [data-destyler-combobox-viewport]::-webkit-scrollbar {
-          display: none;
-        }
-        `
-      })
+      }, () => `
+      /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */
+      [data-destyler-combobox-viewport] {
+        scrollbar-width:none;
+        -ms-overflow-style: none;
+        -webkit-overflow-scrolling: touch;
+      }
+      [data-destyler-combobox-viewport]::-webkit-scrollbar {
+        display: none;
+      }
+      `)
     ];
   }
 });

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@destyler/combobox",
-  "version": "0.0.2",
+  "type": "module",
+  "version": "0.0.3",
   "description": "unstyled combobox component for vue",
   "author": "Elone Hoo <elonehoo@gmail.com>",
   "license": "MIT",
@@ -34,16 +35,16 @@
   },
   "dependencies": {
     "fast-deep-equal": "^3.1.3",
-    "@destyler/composition": "0.0.2",
-    "@destyler/dismissable-layer": "0.0.2",
-    "@destyler/popper": "0.0.2",
-    "@destyler/presence": "0.0.2",
-    "@destyler/shared": "0.0.2",
-    "@destyler/teleport": "0.0.2",
-    "@destyler/visually-hidden": "0.0.2",
-    "@destyler/directives": "0.0.2",
-    "@destyler/primitive": "0.0.2",
-    "@destyler/collection": "0.0.2"
+    "@destyler/collection": "0.0.3",
+    "@destyler/dismissable-layer": "0.0.3",
+    "@destyler/composition": "0.0.3",
+    "@destyler/primitive": "0.0.3",
+    "@destyler/shared": "0.0.3",
+    "@destyler/visually-hidden": "0.0.3",
+    "@destyler/directives": "0.0.3",
+    "@destyler/popper": "0.0.3",
+    "@destyler/presence": "0.0.3",
+    "@destyler/teleport": "0.0.3"
   },
   "scripts": {
     "clear": "rimraf ./dist",