vue-tippy 6.0.0-alpha.58 → 6.0.0-alpha.60

package/dist/vue-tippy.cjs

@@ -1,5 +1,5 @@
 /*!
-  * vue-tippy v6.0.0-alpha.58
+  * vue-tippy v6.0.0-alpha.60
   * (c) 2022 
   * @license MIT
   */
@@ -4470,7 +4470,7 @@ function useTippyComponent(opts = {}, children) {
         instance,
         TippyComponent: vue.h(TippyComponent, {
             ...opts,
-            onVnodeMounted: vnode => {
+            onVnodeMounted: (vnode) => {
                 //@ts-ignore
                 instance.value = vnode.component.ctx;
             },
@@ -4504,66 +4504,69 @@ function useSingleton(instances, optionalProps) {
     };
 }
 
-// const pluginProps = [
-//   'animateFill',
-//   'followCursor',
-//   'inlinePositioning',
-//   'sticky',
-// ]
-const booleanProps = [
-    'a11y',
-    'allowHTML',
-    'arrow',
-    'flip',
-    'flipOnUpdate',
-    'hideOnClick',
-    'ignoreAttributes',
-    'inertia',
-    'interactive',
-    'lazy',
-    'multiple',
-    'showOnInit',
-    'touch',
-    'touchHold',
-];
-let props = {};
-props['hideOnClick'] = {
-    type: [String, Boolean],
-    default: tippy.defaultProps.hideOnClick,
-};
-props['to'] = {};
-props['tag'] = {
-    default: 'span'
-};
-props['contentTag'] = {
-    default: 'span'
-};
-props['contentClass'] = {
-    default: null
-};
-Object.keys(tippy.defaultProps).forEach((prop) => {
-    if (props[prop]) {
-        return;
-    }
-    if (booleanProps.includes(prop)) {
-        props[prop] = {
-            // TODO: add SVGElement and DocumentFragment for arrow prop
-            type: prop === 'arrow' ? [String, Boolean, Function] : Boolean,
-            default: function () {
-                return tippy.defaultProps[prop];
-            },
-        };
-    }
-    else {
-        props[prop] = {
-            default: function () {
-                return tippy.defaultProps[prop];
-            },
-        };
-    }
-});
 const TippyComponent = vue.defineComponent({
-    props,
+    props: {
+        to: {
+            type: [String, Function],
+        },
+        tag: {
+            type: String,
+            default: 'span'
+        },
+        contentTag: {
+            type: String,
+            default: 'span'
+        },
+        contentClass: {
+            type: String,
+            default: null
+        },
+        appendTo: { default: () => tippy.defaultProps['appendTo'] },
+        aria: { default: () => tippy.defaultProps['aria'] },
+        delay: { default: () => tippy.defaultProps['delay'] },
+        duration: { default: () => tippy.defaultProps['duration'] },
+        getReferenceClientRect: { default: () => tippy.defaultProps['getReferenceClientRect'] },
+        hideOnClick: { default: () => tippy.defaultProps['hideOnClick'] },
+        ignoreAttributes: { default: () => tippy.defaultProps['ignoreAttributes'] },
+        interactive: { default: () => tippy.defaultProps['interactive'] },
+        interactiveBorder: { default: () => tippy.defaultProps['interactiveBorder'] },
+        interactiveDebounce: { default: () => tippy.defaultProps['interactiveDebounce'] },
+        moveTransition: { default: () => tippy.defaultProps['moveTransition'] },
+        offset: { default: () => tippy.defaultProps['offset'] },
+        onAfterUpdate: { default: () => tippy.defaultProps['onAfterUpdate'] },
+        onBeforeUpdate: { default: () => tippy.defaultProps['onBeforeUpdate'] },
+        onCreate: { default: () => tippy.defaultProps['onCreate'] },
+        onDestroy: { default: () => tippy.defaultProps['onDestroy'] },
+        onHidden: { default: () => tippy.defaultProps['onHidden'] },
+        onHide: { default: () => tippy.defaultProps['onHide'] },
+        onMount: { default: () => tippy.defaultProps['onMount'] },
+        onShow: { default: () => tippy.defaultProps['onShow'] },
+        onShown: { default: () => tippy.defaultProps['onShown'] },
+        onTrigger: { default: () => tippy.defaultProps['onTrigger'] },
+        onUntrigger: { default: () => tippy.defaultProps['onUntrigger'] },
+        onClickOutside: { default: () => tippy.defaultProps['onClickOutside'] },
+        placement: { default: () => tippy.defaultProps['placement'] },
+        plugins: { default: () => tippy.defaultProps['plugins'] },
+        popperOptions: { default: () => tippy.defaultProps['popperOptions'] },
+        render: { default: () => tippy.defaultProps['render'] },
+        showOnCreate: { default: () => tippy.defaultProps['showOnCreate'] },
+        touch: { default: () => tippy.defaultProps['touch'] },
+        trigger: { default: () => tippy.defaultProps['trigger'] },
+        triggerTarget: { default: () => tippy.defaultProps['triggerTarget'] },
+        animateFill: { default: () => tippy.defaultProps['animateFill'] },
+        followCursor: { default: () => tippy.defaultProps['followCursor'] },
+        inlinePositioning: { default: () => tippy.defaultProps['inlinePositioning'] },
+        sticky: { default: () => tippy.defaultProps['sticky'] },
+        allowHTML: { default: () => tippy.defaultProps['allowHTML'] },
+        animation: { default: () => tippy.defaultProps['animation'] },
+        arrow: { default: () => tippy.defaultProps['arrow'] },
+        content: { default: () => tippy.defaultProps['content'] },
+        inertia: { default: () => tippy.defaultProps['inertia'] },
+        maxWidth: { default: () => tippy.defaultProps['maxWidth'] },
+        role: { default: () => tippy.defaultProps['role'] },
+        theme: { default: () => tippy.defaultProps['theme'] },
+        zIndex: { default: () => tippy.defaultProps['zIndex'] }
+    },
     emits: ['state'],
     setup(props, { slots, emit, expose }) {
         const elem = vue.ref();
@@ -4604,38 +4607,28 @@ const TippyComponent = vue.defineComponent({
             if (slots.content)
                 tippy.setContent(() => contentElem.value);
         });
-        let exposed = {
+        let exposed = vue.reactive({
             elem,
             contentElem,
             mounted,
             ...tippy
-        };
+        });
         expose(exposed);
         return () => {
-            let exposedUnref = {
-                elem: elem.value,
-                contentElem: contentElem.value,
-                mounted: mounted.value,
-                ...Object.keys(tippy).reduce((acc, key) => {
-                    //@ts-ignore
-                    acc[key] = vue.unref(tippy[key]);
-                    return acc;
-                }, {})
-            };
-            const slot = slots.default ? slots.default(exposedUnref) : [];
+            const slot = slots.default ? slots.default(exposed) : [];
             return vue.h(props.tag, { ref: elem, 'data-v-tippy': '' }, slots.content ? [
                 slot,
                 vue.h(props.contentTag, {
                     ref: contentElem,
                     style: { display: mounted.value ? 'inherit' : 'none' },
                     class: props.contentClass
-                }, slots.content(exposedUnref)),
+                }, slots.content(exposed)),
             ] : slot);
         };
     },
 });
 
-const booleanProps$1 = [
+const booleanProps = [
     'a11y',
     'allowHTML',
     'arrow',
@@ -4651,10 +4644,10 @@ const booleanProps$1 = [
     'touch',
     'touchHold',
 ];
-let props$1 = {};
+let props = {};
 Object.keys(tippy.defaultProps).forEach((prop) => {
-    if (booleanProps$1.includes(prop)) {
-        props$1[prop] = {
+    if (booleanProps.includes(prop)) {
+        props[prop] = {
             type: Boolean,
             default: function () {
                 return tippy.defaultProps[prop];
@@ -4662,7 +4655,7 @@ Object.keys(tippy.defaultProps).forEach((prop) => {
         };
     }
     else {
-        props$1[prop] = {
+        props[prop] = {
             default: function () {
                 return tippy.defaultProps[prop];
             },
@@ -4670,7 +4663,7 @@ Object.keys(tippy.defaultProps).forEach((prop) => {
     }
 });
 const TippySingleton = vue.defineComponent({
-    props: props$1,
+    props,
     setup(props) {
         const instances = vue.ref([]);
         const { singleton } = useSingleton(instances, props);