@fmdevui/fm-dev/lib/packages/core/layout/upgrade/index.vue2.js

Page level components developed based on Element Plus.

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var vue = require('vue');
var vueI18n = require('vue-i18n');
var pinia = require('pinia');
require('../../stores/index.js');
var themeConfig = require('../../stores/themeConfig.js');

const _hoisted_1 = { class: "upgrade-dialog" };
const _hoisted_2 = { class: "upgrade-title" };
const _hoisted_3 = { class: "upgrade-title-warp" };
const _hoisted_4 = { class: "upgrade-title-warp-txt" };
const _hoisted_5 = { class: "upgrade-title-warp-version" };
const _hoisted_6 = { class: "upgrade-content" };
const _hoisted_7 = { class: "mt5" };
const _hoisted_8 = { class: "upgrade-btn" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "index",
  setup(__props) {
    const { t } = vueI18n.useI18n();
    const storesThemeConfig = themeConfig.useThemeConfig();
    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
    const state = vue.reactive({
      isUpgrade: false,
      // @ts-ignore
      version: __NEXT_VERSION__,
      isLoading: false,
      btnTxt: ""
    });
    const getThemeConfig = vue.computed(() => {
      return themeConfig$1.value;
    });
    vue.onMounted(() => {
      delayShow();
      setTimeout(() => {
        state.btnTxt = t("message.upgrade.btnTwo");
      }, 200);
    });
    const onCancel = () => {
      state.isUpgrade = false;
    };
    const onUpgrade = () => {
      state.isLoading = true;
      state.btnTxt = t("message.upgrade.btnTwoLoading");
      setTimeout(() => {
        window.location.reload();
      }, 2e3);
    };
    const delayShow = () => {
      setTimeout(() => {
        state.isUpgrade = true;
      }, 2e3);
    };
    return (_ctx, _cache) => {
      const _component_el_link = vue.resolveComponent("el-link");
      const _component_el_button = vue.resolveComponent("el-button");
      const _component_el_dialog = vue.resolveComponent("el-dialog");
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createVNode(_component_el_dialog, {
          modelValue: state.isUpgrade,
          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.isUpgrade = $event),
          width: "300px",
          "destroy-on-close": "",
          "show-close": false,
          "close-on-click-modal": false,
          "close-on-press-escape": false
        }, {
          default: vue.withCtx(() => [
            vue.createElementVNode("div", _hoisted_2, [
              vue.createElementVNode("div", _hoisted_3, [
                vue.createElementVNode(
                  "span",
                  _hoisted_4,
                  vue.toDisplayString(_ctx.$t("message.upgrade.title")),
                  1
                  /* TEXT */
                ),
                vue.createElementVNode(
                  "span",
                  _hoisted_5,
                  "v" + vue.toDisplayString(state.version),
                  1
                  /* TEXT */
                )
              ])
            ]),
            vue.createElementVNode("div", _hoisted_6, [
              vue.createTextVNode(
                vue.toDisplayString(getThemeConfig.value.globalTitle) + " " + vue.toDisplayString(_ctx.$t("message.upgrade.msg")) + " ",
                1
                /* TEXT */
              ),
              vue.createElementVNode("div", _hoisted_7, [
                vue.createVNode(_component_el_link, {
                  type: "primary",
                  class: "font12",
                  href: "https://xxx/CHANGELOG.md",
                  target: "_black"
                }, {
                  default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                    vue.createTextVNode(" CHANGELOG.md ")
                  ])),
                  _: 1,
                  __: [1]
                })
              ]),
              vue.createCommentVNode(' <div class="upgrade-content-desc mt5">{{ $t("message.upgrade.desc") }}</div> ')
            ]),
            vue.createElementVNode("div", _hoisted_8, [
              vue.createVNode(_component_el_button, {
                round: "",
                size: "default",
                type: "info",
                text: "",
                onClick: onCancel
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(
                    vue.toDisplayString(_ctx.$t("message.upgrade.btnOne")),
                    1
                    /* TEXT */
                  )
                ]),
                _: 1
                /* STABLE */
              }),
              vue.createVNode(_component_el_button, {
                type: "primary",
                round: "",
                size: "default",
                onClick: onUpgrade,
                loading: state.isLoading
              }, {
                default: vue.withCtx(() => [
                  vue.createTextVNode(
                    vue.toDisplayString(state.btnTxt),
                    1
                    /* TEXT */
                  )
                ]),
                _: 1
                /* STABLE */
              }, 8, ["loading"])
            ])
          ]),
          _: 1
          /* STABLE */
        }, 8, ["modelValue"])
      ]);
    };
  }
});

exports.default = _sfc_main;