@varlet/ui 1.23.3-alpha.1 → 1.23.4-alpha.16

package/lib/date-picker/src/panel-header.js

@@ -0,0 +1,152 @@
+"use strict";
+
+exports.__esModule = true;
+exports.render = render;
+exports.default = void 0;
+
+var _button = _interopRequireDefault(require("../../button"));
+
+var _icon = _interopRequireDefault(require("../../icon"));
+
+var _vue = require("vue");
+
+var _shared = require("../../utils/shared");
+
+var _locale = require("../../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
+
+var _hoisted_1 = {
+  class: "var-picker-header"
+};
+
+function render(_ctx, _cache) {
+  var _component_var_icon = (0, _vue.resolveComponent)("var-icon");
+
+  var _component_var_button = (0, _vue.resolveComponent)("var-button");
+
+  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", _hoisted_1, [(0, _vue.createVNode)(_component_var_button, {
+    round: "",
+    text: "",
+    class: (0, _vue.normalizeClass)(_ctx.getClass('left')),
+    style: {
+      "filter": "opacity(0.54)"
+    },
+    disabled: _ctx.disabled.left,
+    onClick: _cache[0] || (_cache[0] = $event => _ctx.checkDate('prev'))
+  }, {
+    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_var_icon, {
+      name: "chevron-left"
+    })]),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class", "disabled"]), (0, _vue.createElementVNode)("div", {
+    class: "var-picker-header__value",
+    onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('check-panel'))
+  }, [(0, _vue.createVNode)(_vue.Transition, {
+    name: _ctx.reverse ? 'var-date-picker-reverse-translatex' : 'var-date-picker-translatex'
+  }, {
+    default: (0, _vue.withCtx)(() => [((0, _vue.openBlock)(), (0, _vue.createElementBlock)("div", {
+      key: _ctx.showDate
+    }, (0, _vue.toDisplayString)(_ctx.showDate), 1
+    /* TEXT */
+    ))]),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["name"])]), (0, _vue.createVNode)(_component_var_button, {
+    round: "",
+    text: "",
+    class: (0, _vue.normalizeClass)(_ctx.getClass('right')),
+    style: {
+      "filter": "opacity(0.54)"
+    },
+    disabled: _ctx.disabled.right,
+    onClick: _cache[2] || (_cache[2] = $event => _ctx.checkDate('next'))
+  }, {
+    default: (0, _vue.withCtx)(() => [(0, _vue.createVNode)(_component_var_icon, {
+      name: "chevron-right"
+    })]),
+    _: 1
+    /* STABLE */
+
+  }, 8
+  /* PROPS */
+  , ["class", "disabled"])]);
+}
+
+var _default = (0, _vue.defineComponent)({
+  render,
+  name: 'PanelHeader',
+  components: {
+    VarButton: _button.default,
+    VarIcon: _icon.default
+  },
+  props: {
+    date: {
+      type: Object,
+      required: true
+    },
+    type: {
+      type: String,
+      default: 'date'
+    },
+    disabled: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ['check-panel', 'check-date'],
+
+  setup(props, {
+    emit
+  }) {
+    var reverse = (0, _vue.ref)(false);
+    var forwardOrBackNum = (0, _vue.ref)(0);
+    var showDate = (0, _vue.computed)(() => {
+      var _pack$value$datePicke;
+
+      var {
+        date,
+        type
+      } = props;
+      var {
+        previewMonth,
+        previewYear
+      } = date;
+      if (type === 'month') return (0, _shared.toNumber)(previewYear) + forwardOrBackNum.value;
+      var monthName = (_pack$value$datePicke = _locale.pack.value.datePickerMonthDict) == null ? void 0 : _pack$value$datePicke[previewMonth.index].name;
+      return _locale.pack.value.lang === 'zh-CN' ? previewYear + " " + monthName : monthName + " " + previewYear;
+    });
+
+    var getClass = position => {
+      return props.disabled[position] ? '' : 'var-date-picker-main__color';
+    };
+
+    var checkDate = checkType => {
+      emit('check-date', checkType);
+      reverse.value = checkType === 'prev';
+      forwardOrBackNum.value += checkType === 'prev' ? -1 : 1;
+    };
+
+    (0, _vue.watch)(() => props.date, () => {
+      forwardOrBackNum.value = 0;
+    });
+    return {
+      reverse,
+      showDate,
+      checkDate,
+      getClass
+    };
+  }
+
+});
+
+exports.default = _default;

package/lib/date-picker/src/year-picker-panel.js

@@ -0,0 +1,112 @@
+"use strict";
+
+exports.__esModule = true;
+exports.render = render;
+exports.default = void 0;
+
+var _vue = require("vue");
+
+var dayjs = _interopRequireWildcard(require("dayjs"));
+
+var _shared = require("../../utils/shared");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
+
+var _hoisted_1 = {
+  class: "var-year-picker__panel"
+};
+var _hoisted_2 = ["onClick"];
+
+function render(_ctx, _cache) {
+  return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("ul", _hoisted_1, [((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(_ctx.yearList, year => {
+    return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
+      key: year,
+      class: (0, _vue.normalizeClass)([year === _ctx.toNumber(_ctx.preview) ? 'var-year-picker__panel--active' : null]),
+      style: (0, _vue.normalizeStyle)({
+        color: year === _ctx.toNumber(_ctx.preview) ? _ctx.componentProps.color : ''
+      }),
+      onClick: $event => _ctx.chooseYear(year)
+    }, (0, _vue.toDisplayString)(year), 15
+    /* TEXT, CLASS, STYLE, PROPS */
+    , _hoisted_2);
+  }), 128
+  /* KEYED_FRAGMENT */
+  ))]);
+}
+
+var _default = (0, _vue.defineComponent)({
+  render,
+  name: 'YearPickerPanel',
+  props: {
+    preview: {
+      type: String
+    },
+    componentProps: {
+      type: Object,
+      required: true
+    }
+  },
+  emits: ['choose-year'],
+
+  setup(props, {
+    emit
+  }) {
+    var yearList = (0, _vue.computed)(() => {
+      var list = [];
+      var {
+        preview,
+        componentProps: {
+          max,
+          min
+        }
+      } = props;
+      if (!preview) return list;
+      var yearRange = [(0, _shared.toNumber)(preview) + 100, (0, _shared.toNumber)(preview) - 100];
+
+      if (max) {
+        var formatMax = dayjs(max).format('YYYY-MM-D');
+        var year = (0, _shared.toNumber)(formatMax.split('-')[0]);
+        if (year < yearRange[0] && year > yearRange[1]) yearRange = [year, yearRange[1]];
+        if (year <= yearRange[1]) return [year];
+      }
+
+      if (min) {
+        var formatMin = dayjs(min).format('YYYY-MM-D');
+
+        var _year = (0, _shared.toNumber)(formatMin.split('-')[0]);
+
+        if (_year < yearRange[0] && _year > yearRange[1]) yearRange = [yearRange[0], _year];
+        if (_year >= yearRange[0]) return [_year];
+      }
+
+      for (var i = yearRange[0]; i >= yearRange[1]; i--) {
+        list.push(i);
+      }
+
+      return list;
+    });
+
+    var chooseYear = year => {
+      emit('choose-year', year);
+    };
+
+    (0, _vue.onMounted)(() => {
+      var activeEl = document.querySelector('.var-year-picker__panel--active');
+      activeEl == null ? void 0 : activeEl.scrollIntoView({
+        block: 'center'
+      });
+    });
+    return {
+      yearList,
+      chooseYear,
+      toNumber: _shared.toNumber
+    };
+  }
+
+});
+
+exports.default = _default;

package/lib/date-picker/style/index.js

@@ -0,0 +1,5 @@
+require('../../styles/common.css')
+require('../../styles/elevation.css')
+require('../../button/button.css')
+require('../date-picker.css')
+require('../DatePickerSfc.css')

package/lib/date-picker/style/less.js

@@ -0,0 +1,5 @@
+require('../../styles/common.less')
+require('../../styles/elevation.less')
+require('../../button/button.less')
+require('../date-picker.less')
+require('../DatePickerSfc.less')

package/lib/dialog/Dialog.js

@@ -0,0 +1,214 @@
+"use strict";
+
+exports.__esModule = true;
+exports.render = render;
+exports.default = void 0;
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _button = _interopRequireDefault(require("../button"));
+
+var _props = require("./props");
+
+var _vue = require("vue");
+
+var _shared = require("../utils/shared");
+
+var _locale = require("../locale");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _withScopeId = n => ((0, _vue.pushScopeId)(""), n = n(), (0, _vue.popScopeId)(), n);
+
+var _hoisted_1 = {
+  class: "var-dialog__title"
+};
+var _hoisted_2 = {
+  class: "var-dialog__actions"
+};
+
+function render(_ctx, _cache) {
+  var _component_var_button = (0, _vue.resolveComponent)("var-button");
+
+  var _component_var_popup = (0, _vue.resolveComponent)("var-popup");
+
+  return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_popup, {
+    class: "var-dialog__popup-radius",
+    "var-dialog-cover": "",
+    show: _ctx.popupShow,
+    overlay: _ctx.overlay,
+    "overlay-class": _ctx.overlayClass,
+    "overlay-style": _ctx.overlayStyle,
+    "lock-scroll": _ctx.lockScroll,
+    "close-on-click-overlay": _ctx.popupCloseOnClickOverlay,
+    teleport: _ctx.teleport,
+    onOpen: _ctx.onOpen,
+    onClose: _ctx.onClose,
+    onClosed: _ctx.onClosed,
+    onOpened: _ctx.onOpened,
+    onRouteChange: _ctx.onRouteChange,
+    onClickOverlay: _ctx.handleClickOverlay
+  }, {
+    default: (0, _vue.withCtx)(() => [(0, _vue.createElementVNode)("div", (0, _vue.mergeProps)({
+      class: "var--box var-dialog"
+    }, _ctx.$attrs), [(0, _vue.createElementVNode)("div", _hoisted_1, [(0, _vue.renderSlot)(_ctx.$slots, "title", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.title, _ctx.pack.dialogTitle)), 1
+    /* TEXT */
+    )])]), (0, _vue.createElementVNode)("div", {
+      class: "var-dialog__message",
+      style: (0, _vue.normalizeStyle)({
+        textAlign: _ctx.messageAlign
+      })
+    }, [(0, _vue.renderSlot)(_ctx.$slots, "default", {}, () => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.message), 1
+    /* TEXT */
+    )])], 4
+    /* STYLE */
+    ), (0, _vue.createElementVNode)("div", _hoisted_2, [_ctx.cancelButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_button, {
+      key: 0,
+      class: "var-dialog__button var-dialog__cancel-button",
+      "var-dialog-cover": "",
+      text: "",
+      "text-color": _ctx.cancelButtonTextColor,
+      color: _ctx.cancelButtonColor,
+      onClick: _ctx.cancel
+    }, {
+      default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.cancelButtonText, _ctx.pack.dialogCancelButtonText)), 1
+      /* TEXT */
+      )]),
+      _: 1
+      /* STABLE */
+
+    }, 8
+    /* PROPS */
+    , ["text-color", "color", "onClick"])) : (0, _vue.createCommentVNode)("v-if", true), _ctx.confirmButton ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_var_button, {
+      key: 1,
+      class: "var-dialog__button var-dialog__confirm-button",
+      "var-dialog-cover": "",
+      text: "",
+      "text-color": _ctx.confirmButtonTextColor,
+      color: _ctx.confirmButtonColor,
+      onClick: _ctx.confirm
+    }, {
+      default: (0, _vue.withCtx)(() => [(0, _vue.createTextVNode)((0, _vue.toDisplayString)(_ctx.dt(_ctx.confirmButtonText, _ctx.pack.dialogConfirmButtonText)), 1
+      /* TEXT */
+      )]),
+      _: 1
+      /* STABLE */
+
+    }, 8
+    /* PROPS */
+    , ["text-color", "color", "onClick"])) : (0, _vue.createCommentVNode)("v-if", true)])], 16
+    /* FULL_PROPS */
+    )]),
+    _: 3
+    /* FORWARDED */
+
+  }, 8
+  /* PROPS */
+  , ["show", "overlay", "overlay-class", "overlay-style", "lock-scroll", "close-on-click-overlay", "teleport", "onOpen", "onClose", "onClosed", "onOpened", "onRouteChange", "onClickOverlay"]);
+}
+
+var _default = (0, _vue.defineComponent)({
+  render,
+  name: 'VarDialog',
+  components: {
+    VarPopup: _popup.default,
+    VarButton: _button.default
+  },
+  inheritAttrs: false,
+  props: _props.props,
+
+  setup(props) {
+    var popupShow = (0, _vue.ref)(false);
+    var popupCloseOnClickOverlay = (0, _vue.ref)(false);
+
+    var done = () => {
+      var _props$onUpdateShow;
+
+      return (_props$onUpdateShow = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow.call(props, false);
+    };
+
+    var handleClickOverlay = () => {
+      var _props$onUpdateShow2;
+
+      var {
+        closeOnClickOverlay,
+        onClickOverlay,
+        onBeforeClose
+      } = props;
+      onClickOverlay == null ? void 0 : onClickOverlay();
+
+      if (!closeOnClickOverlay) {
+        return;
+      }
+
+      if (onBeforeClose != null) {
+        onBeforeClose('close', done);
+        return;
+      }
+
+      (_props$onUpdateShow2 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow2.call(props, false);
+    };
+
+    var confirm = () => {
+      var _props$onUpdateShow3;
+
+      var {
+        onBeforeClose,
+        onConfirm
+      } = props;
+      onConfirm == null ? void 0 : onConfirm();
+
+      if (onBeforeClose != null) {
+        onBeforeClose('confirm', done);
+        return;
+      }
+
+      (_props$onUpdateShow3 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow3.call(props, false);
+    };
+
+    var cancel = () => {
+      var _props$onUpdateShow4;
+
+      var {
+        onBeforeClose,
+        onCancel
+      } = props;
+      onCancel == null ? void 0 : onCancel();
+
+      if (onBeforeClose != null) {
+        onBeforeClose('cancel', done);
+        return;
+      }
+
+      (_props$onUpdateShow4 = props['onUpdate:show']) == null ? void 0 : _props$onUpdateShow4.call(props, false);
+    };
+
+    (0, _vue.watch)(() => props.show, newValue => {
+      popupShow.value = newValue;
+    }, {
+      immediate: true
+    });
+    (0, _vue.watch)(() => props.closeOnClickOverlay, newValue => {
+      if (props.onBeforeClose != null) {
+        popupCloseOnClickOverlay.value = false;
+        return;
+      }
+
+      popupCloseOnClickOverlay.value = newValue;
+    }, {
+      immediate: true
+    });
+    return {
+      pack: _locale.pack,
+      dt: _shared.dt,
+      popupShow,
+      popupCloseOnClickOverlay,
+      handleClickOverlay,
+      confirm,
+      cancel
+    };
+  }
+
+});
+
+exports.default = _default;

package/lib/dialog/dialog.css

@@ -0,0 +1 @@
+:root { --dialog-width: 280px; --dialog-border-radius: 2px; --dialog-title-padding: 20px 20px 0; --dialog-message-color: #888; --dialog-message-padding: 12px 20px; --dialog-message-line-height: 24px; --dialog-message-font-size: var(--font-size-md); --dialog-title-font-size: var(--font-size-lg); --dialog-actions-padding: 0 12px 12px; --dialog-button-margin-left: 6px; --dialog-confirm-button-color: var(--color-primary); --dialog-cancel-button-color: var(--color-primary); --dialog-background: #fff;}.var-dialog { width: var(--dialog-width); border-radius: 3px; background: var(--dialog-background); transition: 0.25s background-color;}.var-dialog__popup-radius[var-dialog-cover] { border-radius: var(--dialog-border-radius);}.var-dialog__title { font-size: var(--dialog-title-font-size); font-weight: 400; padding: var(--dialog-title-padding);}.var-dialog__message { padding: var(--dialog-message-padding); color: var(--dialog-message-color); line-height: var(--dialog-message-line-height); font-size: var(--dialog-message-font-size);}.var-dialog__actions { display: flex; justify-content: flex-end; padding: var(--dialog-actions-padding);}.var-dialog__button[var-dialog-cover] { margin-left: var(--dialog-button-margin-left); background-color: transparent; box-shadow: none;}.var-dialog__button[var-dialog-cover]:active { box-shadow: none;}.var-dialog__confirm-button[var-dialog-cover] { color: var(--dialog-confirm-button-color);}.var-dialog__cancel-button[var-dialog-cover] { color: var(--dialog-cancel-button-color);}

package/lib/dialog/dialog.less

@@ -0,0 +1,77 @@
+@dialog-width: 280px;
+@dialog-border-radius: 2px;
+@dialog-title-padding: 20px 20px 0;
+@dialog-message-color: #888;
+@dialog-message-padding: 12px 20px;
+@dialog-message-line-height: 24px;
+@dialog-message-font-size: var(--font-size-md);
+@dialog-title-font-size: var(--font-size-lg);
+@dialog-actions-padding: 0 12px 12px;
+@dialog-button-margin-left: 6px;
+@dialog-confirm-button-color: var(--color-primary);
+@dialog-cancel-button-color: var(--color-primary);
+@dialog-background: #fff;
+
+:root {
+  --dialog-width: @dialog-width;
+  --dialog-border-radius: @dialog-border-radius;
+  --dialog-title-padding: @dialog-title-padding;
+  --dialog-message-color: @dialog-message-color;
+  --dialog-message-padding: @dialog-message-padding;
+  --dialog-message-line-height: @dialog-message-line-height;
+  --dialog-message-font-size: @dialog-message-font-size;
+  --dialog-title-font-size: @dialog-title-font-size;
+  --dialog-actions-padding: @dialog-actions-padding;
+  --dialog-button-margin-left: @dialog-button-margin-left;
+  --dialog-confirm-button-color: @dialog-confirm-button-color;
+  --dialog-cancel-button-color: @dialog-cancel-button-color;
+  --dialog-background: @dialog-background;
+}
+
+.var-dialog {
+  width: var(--dialog-width);
+  border-radius: 3px;
+  background: var(--dialog-background);
+  transition: 0.25s background-color;
+
+  &__popup-radius[var-dialog-cover] {
+    border-radius: var(--dialog-border-radius);
+  }
+
+  &__title {
+    font-size: var(--dialog-title-font-size);
+    font-weight: 400;
+    padding: var(--dialog-title-padding);
+  }
+
+  &__message {
+    padding: var(--dialog-message-padding);
+    color: var(--dialog-message-color);
+    line-height: var(--dialog-message-line-height);
+    font-size: var(--dialog-message-font-size);
+  }
+
+  &__actions {
+    display: flex;
+    justify-content: flex-end;
+    padding: var(--dialog-actions-padding);
+  }
+
+  &__button[var-dialog-cover] {
+    margin-left: var(--dialog-button-margin-left);
+    background-color: transparent;
+    box-shadow: none;
+
+    &:active {
+      box-shadow: none;
+    }
+  }
+
+  &__confirm-button[var-dialog-cover] {
+    color: var(--dialog-confirm-button-color);
+  }
+
+  &__cancel-button[var-dialog-cover] {
+    color: var(--dialog-cancel-button-color);
+  }
+}

package/lib/dialog/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports._DialogComponent = void 0;
+
+var _Dialog = _interopRequireDefault(require("./Dialog.js"));
+
+var _vue = require("vue");
+
+var _shared = require("../utils/shared");
+
+var _components = require("../utils/components");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var singletonOptions;
+
+function Dialog(options) {
+  if (!(0, _shared.inBrowser)()) {
+    return Promise.resolve();
+  }
+
+  return new Promise(resolve => {
+    Dialog.close();
+    var dialogOptions = (0, _shared.isString)(options) ? {
+      message: options
+    } : options;
+    var reactiveDialogOptions = (0, _vue.reactive)(dialogOptions);
+    reactiveDialogOptions.teleport = 'body';
+    singletonOptions = reactiveDialogOptions;
+    var {
+      unmountInstance
+    } = (0, _components.mountInstance)(_Dialog.default, reactiveDialogOptions, {
+      onConfirm: () => {
+        reactiveDialogOptions.onConfirm == null ? void 0 : reactiveDialogOptions.onConfirm();
+        resolve('confirm');
+      },
+      onCancel: () => {
+        reactiveDialogOptions.onCancel == null ? void 0 : reactiveDialogOptions.onCancel();
+        resolve('cancel');
+      },
+      onClose: () => {
+        reactiveDialogOptions.onClose == null ? void 0 : reactiveDialogOptions.onClose();
+        resolve('close');
+      },
+      onClosed: () => {
+        reactiveDialogOptions.onClosed == null ? void 0 : reactiveDialogOptions.onClosed();
+        unmountInstance();
+        singletonOptions === reactiveDialogOptions && (singletonOptions = null);
+      },
+      onRouteChange: () => {
+        unmountInstance();
+        singletonOptions === reactiveDialogOptions && (singletonOptions = null);
+      },
+      'onUpdate:show': value => {
+        reactiveDialogOptions.show = value;
+      }
+    });
+    reactiveDialogOptions.show = true;
+  });
+}
+
+_Dialog.default.install = function (app) {
+  app.component(_Dialog.default.name, _Dialog.default);
+};
+
+Dialog.install = function (app) {
+  app.component(_Dialog.default.name, _Dialog.default);
+};
+
+Dialog.close = () => {
+  if (singletonOptions != null) {
+    var prevSingletonOptions = singletonOptions;
+    singletonOptions = null;
+    (0, _vue.nextTick)().then(() => {
+      prevSingletonOptions.show = false;
+    });
+  }
+};
+
+Dialog.Component = _Dialog.default;
+var _DialogComponent = _Dialog.default;
+exports._DialogComponent = _DialogComponent;
+var _default = Dialog;
+exports.default = _default;