@fmdevui/fm-dev/lib/packages/core/layout/main/classic.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');
var pinia = require('pinia');
require('../../stores/index.js');
require('../component/aside.vue.js');
require('../component/header.vue.js');
require('../component/main.vue.js');
require('../navBars/tagsView/tagsView.vue.js');
var aside_vue_vue_type_script_setup_true_name_layoutAside_lang = require('../component/aside.vue2.js');
var header_vue_vue_type_script_setup_true_name_layoutHeader_lang = require('../component/header.vue2.js');
var main_vue_vue_type_script_setup_true_name_layoutMain_lang = require('../component/main.vue2.js');
var tagsView_vue_vue_type_script_setup_true_name_layoutTagsView_lang = require('../navBars/tagsView/tagsView.vue2.js');
var themeConfig = require('../../stores/themeConfig.js');

const _hoisted_1 = { class: "flex-center layout-backtop" };
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
  __name: "classic",
  setup(__props) {
    const LayoutAside = aside_vue_vue_type_script_setup_true_name_layoutAside_lang.default;
    const LayoutHeader = header_vue_vue_type_script_setup_true_name_layoutHeader_lang.default;
    const LayoutMain = main_vue_vue_type_script_setup_true_name_layoutMain_lang.default;
    const LayoutTagsView = tagsView_vue_vue_type_script_setup_true_name_layoutTagsView_lang.default;
    const layoutMainRef = vue.ref();
    const route = vueRouter.useRoute();
    const storesThemeConfig = themeConfig.useThemeConfig();
    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
    const isTagsview = vue.computed(() => {
      return themeConfig$1.value.isTagsview;
    });
    const updateScrollbar = () => {
      layoutMainRef.value?.layoutMainScrollbarRef.update();
    };
    const initScrollBarHeight = () => {
      vue.nextTick(() => {
        setTimeout(() => {
          updateScrollbar();
          if (layoutMainRef.value) layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
        }, 500);
      });
    };
    vue.onMounted(() => {
      initScrollBarHeight();
    });
    vue.watch(
      () => route.path,
      () => {
        initScrollBarHeight();
      }
    );
    vue.watch(
      () => themeConfig$1.value.isTagsview,
      () => {
        vue.nextTick(() => {
          updateScrollbar();
        });
      },
      {
        deep: true
      }
    );
    return (_ctx, _cache) => {
      const _component_el_container = vue.resolveComponent("el-container");
      return vue.openBlock(), vue.createBlock(_component_el_container, { class: "layout-container flex-center" }, {
        default: vue.withCtx(() => [
          vue.createVNode(vue.unref(LayoutHeader)),
          vue.createVNode(_component_el_container, { class: "layout-mian-height-50" }, {
            default: vue.withCtx(() => [
              vue.createVNode(vue.unref(LayoutAside)),
              vue.createElementVNode("div", _hoisted_1, [
                isTagsview.value ? (vue.openBlock(), vue.createBlock(vue.unref(LayoutTagsView), { key: 0 })) : vue.createCommentVNode("v-if", true),
                vue.createVNode(
                  vue.unref(LayoutMain),
                  {
                    ref_key: "layoutMainRef",
                    ref: layoutMainRef
                  },
                  null,
                  512
                  /* NEED_PATCH */
                )
              ])
            ]),
            _: 1
            /* STABLE */
          })
        ]),
        _: 1
        /* STABLE */
      });
    };
  }
});

exports.default = _sfc_main;