ivue-material-plus/src/components/ivue-spin/init.ts

A high quality UI components Library with Vue.js

import IvueSpin from './spin';
import { Options } from './types/spin';

let spinInstance;

// 获取组件实例
function getSpinInstance(render = undefined) {
  spinInstance =
    spinInstance ||
    IvueSpin.newInstance({
      render: render,
    });

  return spinInstance;
}

// loading 加载中
function loading(options: Options) {
  const render = 'render' in options ? options.render : undefined;
  const instance = getSpinInstance(render);

  instance.show();
}

// 显示
IvueSpin.show = (props: Options = {}) => {
  return loading(props);
};

// 隐藏
IvueSpin.hide = () => {
  // 没有实例
  if (!spinInstance) {
    return false;
  }

  const instance = getSpinInstance();

  // 删除实例
  instance.remove(() => {
    spinInstance = null;
  });
};

export default IvueSpin;