@teammodlr/ui-kit 2.1.78 → 2.2.0

package/src/utils/useForwardExpose.ts

@@ -0,0 +1,65 @@
+// reference: https://github.com/vuejs/rfcs/issues/258#issuecomment-1068697672
+import {unrefElement} from '@vueuse/core'
+import {type ComponentPublicInstance, computed, getCurrentInstance, ref} from 'vue'
+
+export function useForwardExpose() {
+    const instance = getCurrentInstance()!
+
+    const currentRef = ref<Element | ComponentPublicInstance | null>()
+    const currentElement = computed<HTMLElement>(() => {
+        // $el could be text/comment for non-single root normal or text root, thus we retrieve the nextElementSibling
+        // @ts-expect-error ignore ts error
+        return ['#text', '#comment'].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef)
+    })
+
+    // Do give us credit if you reference our code :D
+    // localExpose should only be assigned once else will create infinite loop
+    const localExpose: Record<string, any> | null = Object.assign({}, instance.exposed)
+    const ret: Record<string, any> = {}
+
+    // retrieve props for current instance
+    for (const key in instance.props) {
+        Object.defineProperty(ret, key, {
+            enumerable: true,
+            configurable: true,
+            get: () => instance.props[key],
+        })
+    }
+
+    // retrieve default exposed value
+    if (Object.keys(localExpose).length > 0) {
+        for (const key in localExpose) {
+            Object.defineProperty(ret, key, {
+                enumerable: true,
+                configurable: true,
+                get: () => localExpose![key],
+            })
+        }
+    }
+
+    // retrieve original first root element
+    Object.defineProperty(ret, '$el', {
+        enumerable: true,
+        configurable: true,
+        get: () => instance.vnode.el,
+    })
+    instance.exposed = ret
+
+    function forwardRef(ref: Element | ComponentPublicInstance | null) {
+        currentRef.value = ref
+
+        if (ref instanceof Element || !ref)
+            return
+
+        // retrieve the forwarded element
+        Object.defineProperty(ret, '$el', {
+            enumerable: true,
+            configurable: true,
+            get: () => ref.$el,
+        })
+
+        instance.exposed = ret
+    }
+
+    return {forwardRef, currentRef, currentElement}
+}