vxe-table-demonic/lib/loading/src/loading.js

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _vue = require("vue");
var _conf = _interopRequireDefault(require("../../v-x-e-table/src/conf"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var _default = (0, _vue.defineComponent)({
  name: 'VxeLoading',
  props: {
    modelValue: Boolean,
    icon: String,
    text: String
  },
  setup: function (props, _a) {
    var slots = _a.slots;
    var computeLoadingIcon = (0, _vue.computed)(function () {
      return props.icon || _conf.default.icon.LOADING;
    });
    var computeLoadingText = (0, _vue.computed)(function () {
      var loadingText = _conf.default.loadingText;
      return props.text || (loadingText === null ? loadingText : _conf.default.i18n('vxe.loading.text'));
    });
    return function () {
      var loadingIcon = computeLoadingIcon.value;
      var loadingText = computeLoadingText.value;
      return (0, _vue.h)('div', {
        class: ['vxe-loading', {
          'is--visible': props.modelValue
        }]
      }, slots.default ? [(0, _vue.h)('div', {
        class: 'vxe-loading--warpper'
      }, slots.default({}))] : [(0, _vue.h)('div', {
        class: 'vxe-loading--chunk'
      }, [loadingIcon ? (0, _vue.h)('i', {
        class: loadingIcon
      }) : (0, _vue.h)('div', {
        class: 'vxe-loading--spinner'
      }), loadingText ? (0, _vue.h)('div', {
        class: 'vxe-loading--text'
      }, "".concat(loadingText)) : null])]);
    };
  }
});
exports.default = _default;