tdesign-mobile-vue/cjs/hooks/useTeleport.js

tdesign-mobile-vue

/**
 * tdesign v1.12.1
 * (c) 2025 TDesign Group
 * @license MIT
 */

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var Vue = require('vue');
var shared_dom = require('../shared/dom.js');
var isFunction = require('../_chunks/dep-4850f616.js');
require('../_chunks/dep-8e526cea.js');
require('../_chunks/dep-1cdfb723.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-8983459f.js');
require('../_chunks/dep-744e59d5.js');
require('../_chunks/dep-232d243a.js');

var useTeleport = function useTeleport(attach, triggerNode) {
  var to = isFunction.isFunction(attach) ? Vue.computed(attach) : Vue.ref(attach);
  var innerTriggerNode = isFunction.isFunction(triggerNode) ? Vue.computed(triggerNode) : Vue.ref(triggerNode);
  var element = Vue.ref();
  var getElement = function getElement() {
    element.value = shared_dom.getSSRAttach() || shared_dom.getAttach(to.value, innerTriggerNode.value);
  };
  Vue.onMounted(function () {
    return getElement();
  });
  Vue.watch([to, innerTriggerNode], function () {
    return getElement();
  });
  return element;
};

exports["default"] = useTeleport;
//# sourceMappingURL=useTeleport.js.map