drip-ui/lib/dialog/index.js

Lightweight Mobile UI Components built on Vue

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports["default"] = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _vue = _interopRequireDefault(require("vue"));

var _Dialog = _interopRequireDefault(require("./Dialog"));

var _utils = require("../utils");

var instance;

var initInstance = function initInstance() {
  instance = new (_vue["default"].extend(_Dialog["default"]))({
    el: document.createElement('div')
  });
  document.body.appendChild(instance.$el);
};

var Dialog = function Dialog(options) {
  /* istanbul ignore if */
  if (_utils.isServer) {
    return;
  }

  if (!instance) {
    initInstance();
  }

  return _extends2["default"].apply(void 0, [instance].concat(options));
};

Dialog.defaultOptions = {
  visible: '',
  title: '',
  content: '',
  showClose: true,
  onHide: function onHide() {
    instance.visible = false;
  }
};

Dialog.show = function (options) {
  return Dialog((0, _extends2["default"])({}, Dialog.currentOptions, {
    visible: true
  }, options));
};

Dialog.hide = function () {
  if (instance) {
    instance.visible = false;
  }
};

Dialog.setDefaultOptions = function (options) {
  (0, _extends2["default"])(Dialog.currentOptions, options);
};

Dialog.resetDefaultOptions = function () {
  Dialog.currentOptions = (0, _extends2["default"])({}, Dialog.defaultOptions);
};

Dialog.install = function () {
  _vue["default"].use(_Dialog["default"]);
};

_vue["default"].dialog = _vue["default"].prototype.$dialog = Dialog;
Dialog.resetDefaultOptions();
var _default = Dialog;
exports["default"] = _default;