various-ui/lib/directives/loading/index.js

This is a test version of the Vue 3 component library

'use strict';

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

var vue = require('vue');
var index = require('../../utils/index.js');
require('../../constants/index.js');
var loading = require('../../constants/components/loading/src/loading.vue.js');

const directive = {
  name: "loading",
  mounted: (el, res) => {
    const app = vue.createApp(loading.default, { message: "", visible: false });
    const instance = app.mount(document.createElement("div"));
    if (el.style.position == "") {
      el.classList.add("ui-relative");
    }
    el.app = app;
    el.instance = instance;
    el.appendChild(instance.$el);
    el.instance.$.props.visible = res.value;
  },
  updated: (el, res) => {
    if (el.instance) {
      el.instance.$.props.visible = res.value;
    }
  },
  unmounted: (el) => {
    el.app && el.app.unmount();
  }
};
const vLoading = index.register.use(directive, "directive");

exports.default = vLoading;
exports.vLoading = vLoading;
//# sourceMappingURL=index.js.map