reka-ui
Version:
Vue port for Radix UI Primitives.
48 lines (46 loc) • 1.38 kB
JavaScript
import { computed, getCurrentInstance, ref } from "vue";
import { unrefElement } from "@vueuse/core";
//#region src/shared/useForwardExpose.ts
function useForwardExpose() {
const instance = getCurrentInstance();
const currentRef = ref();
const currentElement = computed(() => {
return ["#text", "#comment"].includes(currentRef.value?.$el.nodeName) ? currentRef.value?.$el.nextElementSibling : unrefElement(currentRef);
});
const localExpose = Object.assign({}, instance.exposed);
const ret = {};
for (const key in instance.props) Object.defineProperty(ret, key, {
enumerable: true,
configurable: true,
get: () => instance.props[key]
});
if (Object.keys(localExpose).length > 0) for (const key in localExpose) Object.defineProperty(ret, key, {
enumerable: true,
configurable: true,
get: () => localExpose[key]
});
Object.defineProperty(ret, "$el", {
enumerable: true,
configurable: true,
get: () => instance.vnode.el
});
instance.exposed = ret;
function forwardRef(ref$1) {
currentRef.value = ref$1;
if (!ref$1) return;
Object.defineProperty(ret, "$el", {
enumerable: true,
configurable: true,
get: () => ref$1 instanceof Element ? ref$1 : ref$1.$el
});
instance.exposed = ret;
}
return {
forwardRef,
currentRef,
currentElement
};
}
//#endregion
export { useForwardExpose };
//# sourceMappingURL=useForwardExpose.js.map