various-ui/es/constants/components/loading/src/loading.vue.mjs

This is a test version of the Vue 3 component library

import _sfc_main from './loading.vue2.mjs';
import { resolveComponent, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, createVNode, toDisplayString, createCommentVNode } from 'vue';
import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';

const _hoisted_1 = {
  key: 0,
  class: "ui-loading-content"
};
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  const _component_UiIcon = resolveComponent("UiIcon");
  return openBlock(), createBlock(Transition, {
    onEnter: _ctx.entranceAnimation,
    onLeave: _ctx.departureAnimation,
    onBeforeEnter: _ctx.entrancePreAnimation
  }, {
    default: withCtx(() => [
      _ctx.visible ? (openBlock(), createElementBlock(
        "div",
        {
          key: 0,
          class: normalizeClass(["ui-loading ui-mask", _ctx.className]),
          style: normalizeStyle(_ctx.style)
        },
        [
          createVNode(_component_UiIcon, {
            class: "ui-loading-icon",
            ref: "iconNode",
            name: _ctx.icon
          }, null, 8, ["name"]),
          _ctx.message ? (openBlock(), createElementBlock(
            "div",
            _hoisted_1,
            toDisplayString(_ctx.message),
            1
            /* TEXT */
          )) : createCommentVNode("v-if", true)
        ],
        6
        /* CLASS, STYLE */
      )) : createCommentVNode("v-if", true)
    ]),
    _: 1
    /* STABLE */
  }, 8, ["onEnter", "onLeave", "onBeforeEnter"]);
}
var UiLoading = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);

export { UiLoading as default };
//# sourceMappingURL=loading.vue.mjs.map