@fmdevui/fm-dev/lib/packages/core/layout/routerView/link.vue2.js

Page level components developed based on Element Plus.

'use strict';

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

var vue = require('vue');
var vueRouter = require('vue-router');
require('../../utils/index.js');
var toolsValidate = require('../../utils/comm/toolsValidate.js');

const _hoisted_1 = { class: "layout-padding layout-link-container" };
const _hoisted_2 = { class: "layout-padding-auto layout-padding-view" };
const _hoisted_3 = { class: "layout-link-warp" };
const _hoisted_4 = { class: "layout-link-msg" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "link",
  setup(__props) {
    const route = vueRouter.useRoute();
    const state = vue.reactive({
      title: "",
      isLink: ""
    });
    const onGotoFullPage = () => {
      const { origin, pathname } = window.location;
      if (toolsValidate.verifyUrl(state.isLink)) window.open(state.isLink);
      else window.open(`${origin}${pathname}#${state.isLink}`);
    };
    vue.watch(
      () => route.path,
      () => {
        state.title = route.meta.title;
        state.isLink = route.meta.isLink;
      },
      {
        immediate: true
      }
    );
    return (_ctx, _cache) => {
      const _component_el_button = vue.resolveComponent("el-button");
      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
        vue.createElementVNode("div", _hoisted_2, [
          vue.createElementVNode("div", _hoisted_3, [
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "i",
              { class: "layout-link-icon iconfont icon-xingqiu" },
              null,
              -1
              /* CACHED */
            )),
            vue.createElementVNode(
              "div",
              _hoisted_4,
              '\u9875\u9762 "' + vue.toDisplayString(_ctx.$t(state.title)) + '" \u5DF2\u5728\u65B0\u7A97\u53E3\u4E2D\u6253\u5F00',
              1
              /* TEXT */
            ),
            vue.createVNode(_component_el_button, {
              class: "mt30",
              round: "",
              size: "default",
              onClick: onGotoFullPage
            }, {
              default: vue.withCtx(() => _cache[0] || (_cache[0] = [
                vue.createElementVNode(
                  "i",
                  { class: "iconfont icon-lianjie" },
                  null,
                  -1
                  /* CACHED */
                ),
                vue.createElementVNode(
                  "span",
                  null,
                  "\u7ACB\u5373\u524D\u5F80\u4F53\u9A8C",
                  -1
                  /* CACHED */
                )
              ])),
              _: 1,
              __: [0]
            })
          ])
        ])
      ]);
    };
  }
});

exports.default = _sfc_main;