@fmdeui/fmui 1.0.28 → 1.0.30

package/lib/packages/components/fm-layout/src/component/main.vue2.js

@@ -0,0 +1,85 @@
+'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('../../../../utils/index.js');
+var tagsViewRoutes = require('../../../../stores/tagsViewRoutes.js');
+var themeConfig = require('../../../../stores/themeConfig.js');
+var loading = require('../../../../utils/loading.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "main",
+  setup(__props, { expose: __expose }) {
+    const LayoutParentView = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../routerView/parent.vue.js'); }));
+    const LayoutFooter = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../footer/index.vue.js'); }));
+    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(() => {
+      loading.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/components/fm-layout/src/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/components/fm-layout/src/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/components/fm-layout/src/index.vue.js

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

package/lib/packages/components/fm-layout/src/index.vue2.js

@@ -0,0 +1,95 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var pinia = require('pinia');
+require('../../../stores/index.js');
+require('../../../utils/index.js');
+require('../../../hooks/index.js');
+var mitt = require('../../../utils/mitt.js');
+var themeConfig = require('../../../stores/themeConfig.js');
+var useDialogEvents = require('../../../hooks/composables/useDialogEvents.js');
+var storage = require('../../../utils/storage.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FLayout"
+  },
+  __name: "index",
+  emits: ["layoutChangePassword", "layoutOnlineUsers"],
+  setup(__props, { emit: __emit }) {
+    const layouts = {
+      defaults: vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./main/defaults.vue.js'); })),
+      classic: vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./main/classic.vue.js'); })),
+      transverse: vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./main/transverse.vue.js'); })),
+      columns: vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('./main/columns.vue.js'); }))
+    };
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    let maxClientWidth = document.body.clientWidth;
+    const curMyEmit = __emit;
+    useDialogEvents.provideFormEvents({
+      onFormDialogOpen: (data) => {
+        if (data.name == "changePassword") {
+          curMyEmit("layoutChangePassword");
+        } else if (data.name == "onlineUsers") {
+          curMyEmit("layoutOnlineUsers");
+        }
+      }
+    });
+    const onLayoutResize = () => {
+      if (!storage.Local.get("oldLayout")) storage.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;
+        mitt.default.emit("layoutMobileResize", {
+          layout: "defaults",
+          clientWidth
+        });
+      } else {
+        mitt.default.emit("layoutMobileResize", {
+          layout: storage.Local.get("oldLayout") ? storage.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]),
+        vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)),
+        {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.$slots, (_, name) => {
+                return vue.renderSlot(_ctx.$slots, name, vue.mergeProps({
+                  key: name,
+                  ref_for: true
+                }, _ctx.$slots[name].props || {}));
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/logo/index.vue.js

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

package/lib/packages/components/fm-layout/src/logo/index.vue2.js

@@ -0,0 +1,61 @@
+'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 = ["src"];
+const _hoisted_2 = ["src"];
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  setup(__props) {
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const setShowLogo = vue.computed(() => {
+      let { isCollapse, layout } = themeConfig$1.value;
+      return !isCollapse || layout === "classic" || document.body.clientWidth < 1e3;
+    });
+    const showLogo = vue.computed(() => {
+      let { layout } = themeConfig$1.value;
+      return layout !== "columns";
+    });
+    const onThemeConfigChange = () => {
+      if (themeConfig$1.value.layout === "transverse") return false;
+      themeConfig$1.value.isCollapse = !themeConfig$1.value.isCollapse;
+    };
+    return (_ctx, _cache) => {
+      return setShowLogo.value ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "layout-logo",
+        onClick: onThemeConfigChange
+      }, [
+        showLogo.value ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 0,
+          src: vue.unref(themeConfig$1).logoUrl,
+          class: "layout-logo-medium-img"
+        }, null, 8, _hoisted_1)) : vue.createCommentVNode("v-if", true),
+        vue.createElementVNode(
+          "span",
+          null,
+          vue.toDisplayString(vue.unref(themeConfig$1).globalTitle),
+          1
+          /* TEXT */
+        )
+      ])) : (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: "layout-logo-size",
+        onClick: onThemeConfigChange
+      }, [
+        vue.createElementVNode("img", {
+          src: vue.unref(themeConfig$1).logoUrl,
+          class: "layout-logo-size-img"
+        }, null, 8, _hoisted_2)
+      ]));
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/main/classic.vue.js

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

package/lib/packages/components/fm-layout/src/main/classic.vue2.js

@@ -0,0 +1,91 @@
+'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 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 = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/aside.vue.js'); }));
+    const LayoutHeader = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/header.vue.js'); }));
+    const LayoutMain = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/main.vue.js'); }));
+    const LayoutTagsView = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../navBars/tagsView/tagsView.vue.js'); }));
+    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 = () => {
+      var _a;
+      (_a = layoutMainRef.value) == null ? void 0 : _a.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;

package/lib/packages/components/fm-layout/src/main/columns.vue.js

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

package/lib/packages/components/fm-layout/src/main/columns.vue2.js

@@ -0,0 +1,104 @@
+'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 themeConfig = require('../../../../stores/themeConfig.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "columns",
+  setup(__props) {
+    const LayoutAside = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/aside.vue.js'); }));
+    const LayoutHeader = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/header.vue.js'); }));
+    const LayoutMain = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/main.vue.js'); }));
+    const ColumnsAside = vue.defineAsyncComponent(() => Promise.resolve().then(function () { return require('../component/columnsAside.vue.js'); }));
+    const layoutScrollbarRef = vue.ref("");
+    const layoutMainRef = vue.ref();
+    const route = vueRouter.useRoute();
+    const storesThemeConfig = themeConfig.useThemeConfig();
+    const { themeConfig: themeConfig$1 } = pinia.storeToRefs(storesThemeConfig);
+    const updateScrollbar = () => {
+      layoutScrollbarRef.value.update();
+      layoutMainRef.value && layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      vue.nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutScrollbarRef.value.wrapRef.scrollTop = 0;
+          if (layoutMainRef.value != void 0) layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    vue.onMounted(() => {
+      initScrollBarHeight();
+    });
+    vue.watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    vue.watch(
+      () => [themeConfig$1.value.isTagsview, themeConfig$1.value.isFixedHeader],
+      () => {
+        vue.nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = vue.resolveComponent("el-scrollbar");
+      const _component_el_container = vue.resolveComponent("el-container");
+      return vue.openBlock(), vue.createBlock(_component_el_container, { class: "layout-container" }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(vue.unref(ColumnsAside)),
+          vue.createVNode(_component_el_container, { class: "layout-columns-warp layout-container-view h100" }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(vue.unref(LayoutAside)),
+              vue.createVNode(
+                _component_el_scrollbar,
+                {
+                  ref_key: "layoutScrollbarRef",
+                  ref: layoutScrollbarRef,
+                  class: "layout-backtop"
+                },
+                {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(LayoutHeader)),
+                    vue.createVNode(
+                      vue.unref(LayoutMain),
+                      {
+                        ref_key: "layoutMainRef",
+                        ref: layoutMainRef
+                      },
+                      null,
+                      512
+                      /* NEED_PATCH */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/components/fm-layout/src/main/defaults.vue.js

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