logwire-wms-pda-ui/src/components/ui/Loading/index.js

运匠科技wms-PDA基础组件库

import lwLoading from './index.vue'
import Vue from "vue";

/*lwLoading.install = Vue => Vue.component(lwLoading.name, lwLoading)

export default lwLoading*/




// 手动挂载加载框
const toastCom = Vue.extend(lwLoading)
let toastNew
// 挂载加载框
const lwLoadingDom = (msg) => {
  toastNew = new toastCom({
    el: document.createElement('div')
  });
  toastNew.msg = msg || msg === 0 ? msg : '加载中...'
  toastNew.loading++
  document.body.appendChild(toastNew.$el)
  return toastNew
}

/**
* 打开加载框
* @param {String} msg 加载文字，默认“加载中...”
* */
export const lwShowLoading = (msg='加载中...') => {
  if (toastNew){
    toastNew.loading++
    toastNew.msg = msg
    return toastNew
  }
  return lwLoadingDom(msg)
}

// 关闭加载框
export const lwCloseLoading = () => {
  try{
    if (toastNew){
      toastNew.loading--

      if (toastNew.loading <=0) toastNew.loading = 0
    }
  }catch (err){
    console.warn('关闭加载框出错', err)
  }
}