@fmdevui/fm-dev 1.0.14 → 1.0.16

package/lib/packages/core/layout/component/header.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var header_vue_vue_type_script_setup_true_name_layoutHeader_lang = require('./header.vue2.js');
+
+
+
+exports.default = header_vue_vue_type_script_setup_true_name_layoutHeader_lang.default;

package/lib/packages/core/layout/component/header.vue2.js

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../stores/index.js');
+var index = require('../navBars/index.vue.js');
+var tagsViewRoutes = require('../../stores/tagsViewRoutes.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "header",
+  setup(__props) {
+    const NavBarsIndex = index.default;
+    const storesTagsViewRoutes = tagsViewRoutes.useTagsViewRoutes();
+    const { isTagsViewCurrenFull } = pinia.storeToRefs(storesTagsViewRoutes);
+    return (_ctx, _cache) => {
+      const _component_el_header = vue.resolveComponent("el-header");
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(
+        _component_el_header,
+        { class: "layout-header" },
+        {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(NavBarsIndex))
+          ]),
+          _: 1
+          /* STABLE */
+        },
+        512
+        /* NEED_PATCH */
+      )), [
+        [vue.vShow, !vue.unref(isTagsViewCurrenFull)]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/component/main.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var main_vue_vue_type_script_setup_true_name_layoutMain_lang = require('./main.vue2.js');
+
+
+
+exports.default = main_vue_vue_type_script_setup_true_name_layoutMain_lang.default;

package/lib/packages/core/layout/component/main.vue2.js

@@ -0,0 +1,88 @@
+'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');
+var index = require('../../ui/loading/index.js');
+require('../routerView/parent.vue.js');
+require('../footer/index.vue.js');
+var parent_vue_vue_type_script_setup_true_name_layoutParentView_lang = require('../routerView/parent.vue2.js');
+var index_vue_vue_type_script_setup_true_name_layoutFooter_lang = require('../footer/index.vue2.js');
+var tagsViewRoutes = require('../../stores/tagsViewRoutes.js');
+var themeConfig = require('../../stores/themeConfig.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "main",
+  setup(__props, { expose: __expose }) {
+    const LayoutParentView = parent_vue_vue_type_script_setup_true_name_layoutParentView_lang.default;
+    const LayoutFooter = index_vue_vue_type_script_setup_true_name_layoutFooter_lang.default;
+    const layoutMainScrollbarRef = vue.ref();
+    const route = vueRouter.useRoute();
+    const storesTagsViewRoutes = tagsViewRoutes.useTagsViewRoutes();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const { isTagsViewCurrenFull } = pinia.storeToRefs(storesTagsViewRoutes);
+    const isFooter = vue.computed(() => {
+      return themeConfig$1.value.isFooter && !route.meta.isIframe;
+    });
+    const isFixedHeader = vue.computed(() => {
+      return themeConfig$1.value.isFixedHeader;
+    });
+    const setBacktopClass = vue.computed(() => {
+      if (themeConfig$1.value.isFixedHeader) return `.layout-backtop-header-fixed .el-scrollbar__wrap`;
+      else return `.layout-backtop .el-scrollbar__wrap`;
+    });
+    const setMainHeight = vue.computed(() => {
+      if (isTagsViewCurrenFull.value) return "0px";
+      const { isTagsview, layout } = themeConfig$1.value;
+      if (isTagsview && layout !== "classic") return "85px";
+      else return "51px";
+    });
+    vue.onMounted(() => {
+      index.NextLoading.done(600);
+    });
+    __expose({
+      layoutMainScrollbarRef
+    });
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+      const _component_el_backtop = vue.resolveComponent("el-backtop");
+      const _component_el_main = vue.resolveComponent("el-main");
+      return vue.openBlock(), vue.createBlock(_component_el_main, {
+        class: "layout-main",
+        style: vue.normalizeStyle(isFixedHeader.value ? `height: calc(100% - ${setMainHeight.value})` : `minHeight: calc(100% - ${setMainHeight.value})`)
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(
+            _component_el_scrollbar,
+            {
+              ref_key: "layoutMainScrollbarRef",
+              ref: layoutMainScrollbarRef,
+              class: "layout-main-scroll layout-backtop-header-fixed",
+              "wrap-class": "layout-main-scroll",
+              "view-class": "layout-main-scroll"
+            },
+            {
+              default: vue.withCtx(() => [
+                vue.createVNode(vue.unref(LayoutParentView)),
+                isFooter.value ? (vue.openBlock(), vue.createBlock(vue.unref(LayoutFooter), { key: 0 })) : vue.createCommentVNode("v-if", true)
+              ]),
+              _: 1
+              /* STABLE */
+            },
+            512
+            /* NEED_PATCH */
+          ),
+          vue.createVNode(_component_el_backtop, { target: setBacktopClass.value }, null, 8, ["target"])
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["style"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/component/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/t-columsaside.css');
+

package/lib/packages/core/layout/component/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/src/t-columsaside.scss');
+

package/lib/packages/core/layout/footer/index.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_name_layoutFooter_lang = require('./index.vue2.js');
+
+
+
+exports.default = index_vue_vue_type_script_setup_true_name_layoutFooter_lang.default;

package/lib/packages/core/layout/footer/index.vue2.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../stores/index.js');
+var themeConfig = require('../../stores/themeConfig.js');
+
+const _hoisted_1 = { class: "layout-footer mb5" };
+const _hoisted_2 = { class: "layout-footer-warp" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode(
+            "div",
+            null,
+            vue.toDisplayString(vue.unref(themeConfig$1).globalTitle) + " " + vue.toDisplayString(vue.unref(themeConfig$1).copyright),
+            1
+            /* TEXT */
+          )
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/footer/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/t-layoutfooter.css');
+

package/lib/packages/core/layout/footer/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/src/t-layoutfooter.scss');
+

package/lib/packages/core/layout/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./layout.vue.js');
+var layout_vue_vue_type_script_setup_true_name_layout_lang = require('./layout.vue2.js');
+
+const FmLayout = layout_vue_vue_type_script_setup_true_name_layout_lang.default;
+
+exports.FmLayout = FmLayout;

package/lib/packages/core/layout/layout.vue.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var layout_vue_vue_type_script_setup_true_name_layout_lang = require('./layout.vue2.js');
+
+
+
+exports.default = layout_vue_vue_type_script_setup_true_name_layout_lang.default;

package/lib/packages/core/layout/layout.vue2.js

@@ -0,0 +1,64 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../stores/index.js');
+require('../utils/index.js');
+var index$1 = require('../utils/emit/index.js');
+require('./main/defaults.vue.js');
+require('./main/classic.vue.js');
+require('./main/transverse.vue.js');
+require('./main/columns.vue.js');
+var columns_vue_vue_type_script_setup_true_name_layoutColumns_lang = require('./main/columns.vue2.js');
+var transverse_vue_vue_type_script_setup_true_name_layoutTransverse_lang = require('./main/transverse.vue2.js');
+var classic_vue_vue_type_script_setup_true_name_layoutClassic_lang = require('./main/classic.vue2.js');
+var defaults_vue_vue_type_script_setup_true_name_layoutDefaults_lang = require('./main/defaults.vue2.js');
+var themeConfig = require('../stores/themeConfig.js');
+var index = require('../utils/storage/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "layout",
+  setup(__props) {
+    const layouts = {
+      defaults: defaults_vue_vue_type_script_setup_true_name_layoutDefaults_lang.default,
+      classic: classic_vue_vue_type_script_setup_true_name_layoutClassic_lang.default,
+      transverse: transverse_vue_vue_type_script_setup_true_name_layoutTransverse_lang.default,
+      columns: columns_vue_vue_type_script_setup_true_name_layoutColumns_lang.default
+    };
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    let maxClientWidth = document.body.clientWidth;
+    const onLayoutResize = () => {
+      if (!index.Local.get("oldLayout")) index.Local.set("oldLayout", themeConfig$1.value.layout);
+      const clientWidth = document.body.clientWidth;
+      if (maxClientWidth > clientWidth) return;
+      maxClientWidth = clientWidth;
+      if (clientWidth < 1e3) {
+        themeConfig$1.value.isCollapse = false;
+        index$1.default.emit("layoutMobileResize", {
+          layout: "defaults",
+          clientWidth
+        });
+      } else {
+        index$1.default.emit("layoutMobileResize", {
+          layout: index.Local.get("oldLayout") ? index.Local.get("oldLayout") : themeConfig$1.value.layout,
+          clientWidth
+        });
+      }
+    };
+    vue.onBeforeMount(() => {
+      onLayoutResize();
+      window.addEventListener("resize", onLayoutResize);
+    });
+    vue.onUnmounted(() => {
+      window.removeEventListener("resize", onLayoutResize);
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(layouts[vue.unref(themeConfig$1).layout]));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/lockScreen/index.vue.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_name_layoutLockScreen_lang = require('./index.vue2.js');
+require('./index.vue3.js');
+var _pluginVue_exportHelper = require('../../../../_virtual/_plugin-vue_export-helper.js');
+
+var index = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_name_layoutLockScreen_lang.default, [["__scopeId", "data-v-194b61e4"]]);
+
+exports.default = index;