tav-ui/lib/packages/directives/src/loading2.js

Tav UI

'use strict';

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

var createLoading = require('../../components/loading/src/createLoading2.js');

const LoadingDirective = {
  mounted(el, binding) {
    const tip = el.getAttribute("loading-tip");
    const background = el.getAttribute("loading-background");
    const size = el.getAttribute("loading-size");
    const fullscreen = !!binding.modifiers.fullscreen;
    const instance = createLoading.createLoading({
      tip: tip || "\u6B63\u5728\u52A0\u8F7D\u9875\u9762 \u{1F609}",
      background,
      size: size || "large",
      loading: !!binding.value,
      absolute: !fullscreen
    }, fullscreen ? document.body : el);
    el.instance = instance;
  },
  updated(el, binding) {
    const instance = el.instance;
    if (!instance)
      return;
    instance.setTip(el.getAttribute("loading-tip"));
    if (binding.oldValue !== binding.value) {
      if (binding.oldValue !== binding.value) {
        instance.setLoading?.(binding.value && !instance.loading);
      }
    }
  },
  unmounted(el) {
    el?.instance?.close();
  }
};
function setupLoadingDirective(app) {
  app.directive("loading", LoadingDirective);
}

exports["default"] = LoadingDirective;
exports.setupLoadingDirective = setupLoadingDirective;
//# sourceMappingURL=loading2.js.map