init

node_modules/element-plus/es/hooks/use-teleport/index.mjs

@@ -0,0 +1,43 @@
+import { ref, onUnmounted, h, Teleport } from 'vue';
+import { createGlobalNode, removeGlobalNode } from '../../utils/vue/global-node.mjs';
+import { isClient } from '@vueuse/core';
+import { NOOP } from '@vue/shared';
+
+const useTeleport = (contentRenderer, appendToBody) => {
+  const isTeleportVisible = ref(false);
+  if (!isClient) {
+    return {
+      isTeleportVisible,
+      showTeleport: NOOP,
+      hideTeleport: NOOP,
+      renderTeleport: NOOP
+    };
+  }
+  let $el = null;
+  const showTeleport = () => {
+    isTeleportVisible.value = true;
+    if ($el !== null)
+      return;
+    $el = createGlobalNode();
+  };
+  const hideTeleport = () => {
+    isTeleportVisible.value = false;
+    if ($el !== null) {
+      removeGlobalNode($el);
+      $el = null;
+    }
+  };
+  const renderTeleport = () => {
+    return appendToBody.value !== true ? contentRenderer() : isTeleportVisible.value ? [h(Teleport, { to: $el }, contentRenderer())] : void 0;
+  };
+  onUnmounted(hideTeleport);
+  return {
+    isTeleportVisible,
+    showTeleport,
+    hideTeleport,
+    renderTeleport
+  };
+};
+
+export { useTeleport };
+//# sourceMappingURL=index.mjs.map