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

TDesign Component for vue-next

/**
 * tdesign v1.11.5
 * (c) 2025 tdesign
 * @license MIT
 */

'use strict';

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

var utils_dom = require('../utils/dom.js');
var Vue = require('vue');
var isFunction = require('../_chunks/dep-047617bf.js');
require('../_chunks/dep-30fb1b25.js');
require('../_chunks/dep-b8b9c2a3.js');
require('../_chunks/dep-bbe343d7.js');
require('@babel/runtime/helpers/typeof');
require('../_chunks/dep-5ad8a2ab.js');
require('../_chunks/dep-0c2ad01b.js');
require('../_chunks/dep-0a510359.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 = utils_dom.getSSRAttach() || utils_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