@arco-design/web-vue/lib/spin/dot-loading.js

Arco Design Vue 2.0: A Vue.js 3 UI Library

"use strict";
var vue = require("vue");
var globalConfig = require("../_utils/global-config.js");
const DOT_NUMBER = 5;
var DotLoading = vue.defineComponent({
  name: "DotLoading",
  props: {
    size: {
      type: Number
    }
  },
  setup(props) {
    const prefixCls = globalConfig.getPrefixCls("dot-loading");
    return () => {
      const style = props.size ? {
        width: `${props.size}px`,
        height: `${props.size}px`
      } : {};
      return vue.createVNode("div", {
        "class": prefixCls,
        "style": {
          width: props.size ? `${props.size * 7}px` : void 0,
          height: props.size ? `${props.size}px` : void 0
        }
      }, [Array(DOT_NUMBER).fill(1).map((_, index) => vue.createVNode("div", {
        "class": `${prefixCls}-item`,
        "key": index,
        "style": style
      }, null))]);
    };
  }
});
module.exports = DotLoading;