@fmdeui/fmui 1.0.28 → 1.0.29

package/es/packages/components/fm-layout/src/index.vue2.mjs

@@ -0,0 +1,91 @@
+import { defineComponent, defineAsyncComponent, onBeforeMount, onUnmounted, openBlock, createBlock, resolveDynamicComponent, unref, normalizeProps, guardReactiveProps, withCtx, createElementBlock, Fragment, renderList, renderSlot, mergeProps } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../../stores/index.mjs';
+import '../../../utils/index.mjs';
+import '../../../hooks/index.mjs';
+import emitter from '../../../utils/mitt.mjs';
+import { useThemeConfig } from '../../../stores/themeConfig.mjs';
+import { provideFormEvents } from '../../../hooks/composables/useDialogEvents.mjs';
+import { Local } from '../../../utils/storage.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FLayout"
+  },
+  __name: "index",
+  emits: ["layoutChangePassword", "layoutOnlineUsers"],
+  setup(__props, { emit: __emit }) {
+    const layouts = {
+      defaults: defineAsyncComponent(() => import('./main/defaults.vue.mjs')),
+      classic: defineAsyncComponent(() => import('./main/classic.vue.mjs')),
+      transverse: defineAsyncComponent(() => import('./main/transverse.vue.mjs')),
+      columns: defineAsyncComponent(() => import('./main/columns.vue.mjs'))
+    };
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    let maxClientWidth = document.body.clientWidth;
+    const curMyEmit = __emit;
+    provideFormEvents({
+      onFormDialogOpen: (data) => {
+        if (data.name == "changePassword") {
+          curMyEmit("layoutChangePassword");
+        } else if (data.name == "onlineUsers") {
+          curMyEmit("layoutOnlineUsers");
+        }
+      }
+    });
+    const onLayoutResize = () => {
+      if (!Local.get("oldLayout")) Local.set("oldLayout", themeConfig.value.layout);
+      const clientWidth = document.body.clientWidth;
+      if (maxClientWidth > clientWidth) return;
+      maxClientWidth = clientWidth;
+      if (clientWidth < 1e3) {
+        themeConfig.value.isCollapse = false;
+        emitter.emit("layoutMobileResize", {
+          layout: "defaults",
+          clientWidth
+        });
+      } else {
+        emitter.emit("layoutMobileResize", {
+          layout: Local.get("oldLayout") ? Local.get("oldLayout") : themeConfig.value.layout,
+          clientWidth
+        });
+      }
+    };
+    onBeforeMount(() => {
+      onLayoutResize();
+      window.addEventListener("resize", onLayoutResize);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("resize", onLayoutResize);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(
+        resolveDynamicComponent(layouts[unref(themeConfig).layout]),
+        normalizeProps(guardReactiveProps(_ctx.$attrs)),
+        {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(_ctx.$slots, (_, name) => {
+                return renderSlot(_ctx.$slots, name, mergeProps({
+                  key: name,
+                  ref_for: true
+                }, _ctx.$slots[name].props || {}));
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      );
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/logo/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/logo/index.vue2.mjs

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

package/es/packages/components/fm-layout/src/main/classic.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './classic.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/classic.vue2.mjs

@@ -0,0 +1,87 @@
+import { defineComponent, defineAsyncComponent, ref, computed, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref, createElementVNode, createCommentVNode } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "flex-center layout-backtop" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "classic",
+  setup(__props) {
+    const LayoutAside = defineAsyncComponent(() => import('../component/aside.vue.mjs'));
+    const LayoutHeader = defineAsyncComponent(() => import('../component/header.vue.mjs'));
+    const LayoutMain = defineAsyncComponent(() => import('../component/main.vue.mjs'));
+    const LayoutTagsView = defineAsyncComponent(() => import('../navBars/tagsView/tagsView.vue.mjs'));
+    const layoutMainRef = ref();
+    const route = useRoute();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const isTagsview = computed(() => {
+      return themeConfig.value.isTagsview;
+    });
+    const updateScrollbar = () => {
+      var _a;
+      (_a = layoutMainRef.value) == null ? void 0 : _a.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          if (layoutMainRef.value) layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    onMounted(() => {
+      initScrollBarHeight();
+    });
+    watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    watch(
+      () => themeConfig.value.isTagsview,
+      () => {
+        nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_container = resolveComponent("el-container");
+      return openBlock(), createBlock(_component_el_container, { class: "layout-container flex-center" }, {
+        default: withCtx(() => [
+          createVNode(unref(LayoutHeader)),
+          createVNode(_component_el_container, { class: "layout-mian-height-50" }, {
+            default: withCtx(() => [
+              createVNode(unref(LayoutAside)),
+              createElementVNode("div", _hoisted_1, [
+                isTagsview.value ? (openBlock(), createBlock(unref(LayoutTagsView), { key: 0 })) : createCommentVNode("v-if", true),
+                createVNode(
+                  unref(LayoutMain),
+                  {
+                    ref_key: "layoutMainRef",
+                    ref: layoutMainRef
+                  },
+                  null,
+                  512
+                  /* NEED_PATCH */
+                )
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          })
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/columns.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './columns.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/columns.vue2.mjs

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

package/es/packages/components/fm-layout/src/main/defaults.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './defaults.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/defaults.vue2.mjs

@@ -0,0 +1,153 @@
+import { defineComponent, defineAsyncComponent, ref, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, unref, createElementBlock, Fragment, renderList, renderSlot, mergeProps, createVNode } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import '../../../../utils/index.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+import { NextLoading } from '../../../../utils/loading.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "defaults",
+  setup(__props) {
+    const LayoutAside = defineAsyncComponent(() => import('../component/aside.vue.mjs'));
+    const LayoutHeader = defineAsyncComponent(() => import('../component/header.vue.mjs'));
+    const LayoutMain = defineAsyncComponent(() => import('../component/main.vue.mjs'));
+    const layoutScrollbarRef = ref("");
+    const layoutMainRef = ref();
+    const route = useRoute();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const updateScrollbar = () => {
+      layoutScrollbarRef.value.update();
+      layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutScrollbarRef.value.wrapRef.scrollTop = 0;
+          if (layoutMainRef.value != void 0) layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    onMounted(() => {
+      initScrollBarHeight();
+      NextLoading.done(600);
+    });
+    watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    watch(
+      () => [themeConfig.value.isTagsview, themeConfig.value.isFixedHeader],
+      () => {
+        nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_container = resolveComponent("el-container");
+      return openBlock(), createBlock(_component_el_container, { class: "layout-container" }, {
+        default: withCtx(() => [
+          !_ctx.$slots.aside ? (openBlock(), createBlock(unref(LayoutAside), { key: 0 }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.$slots, (_, name) => {
+                  return renderSlot(_ctx.$slots, name, mergeProps({
+                    key: name,
+                    ref_for: true
+                  }, _ctx.$slots[name].props || {}));
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ]),
+            _: 3
+            /* FORWARDED */
+          })) : renderSlot(_ctx.$slots, "aside", { key: 1 }),
+          createVNode(_component_el_container, { class: "layout-container-view h100" }, {
+            default: withCtx(() => [
+              createVNode(
+                _component_el_scrollbar,
+                {
+                  ref_key: "layoutScrollbarRef",
+                  ref: layoutScrollbarRef,
+                  class: "layout-backtop"
+                },
+                {
+                  default: withCtx(() => [
+                    !_ctx.$slots.header ? (openBlock(), createBlock(unref(LayoutHeader), { key: 0 }, {
+                      default: withCtx(() => [
+                        (openBlock(true), createElementBlock(
+                          Fragment,
+                          null,
+                          renderList(_ctx.$slots, (_, name) => {
+                            return renderSlot(_ctx.$slots, name, mergeProps({
+                              key: name,
+                              ref_for: true
+                            }, _ctx.$slots[name].props || {}));
+                          }),
+                          128
+                          /* KEYED_FRAGMENT */
+                        ))
+                      ]),
+                      _: 3
+                      /* FORWARDED */
+                    })) : renderSlot(_ctx.$slots, "header", { key: 1 }),
+                    !_ctx.$slots.main ? (openBlock(), createBlock(
+                      unref(LayoutMain),
+                      {
+                        key: 2,
+                        ref_key: "layoutMainRef",
+                        ref: layoutMainRef
+                      },
+                      {
+                        default: withCtx(() => [
+                          (openBlock(true), createElementBlock(
+                            Fragment,
+                            null,
+                            renderList(_ctx.$slots, (_, name) => {
+                              return renderSlot(_ctx.$slots, name, mergeProps({
+                                key: name,
+                                ref_for: true
+                              }, _ctx.$slots[name].props || {}));
+                            }),
+                            128
+                            /* KEYED_FRAGMENT */
+                          ))
+                        ]),
+                        _: 3
+                        /* FORWARDED */
+                      },
+                      512
+                      /* NEED_PATCH */
+                    )) : renderSlot(_ctx.$slots, "main", { key: 3 })
+                  ]),
+                  _: 3
+                  /* FORWARDED */
+                },
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 3
+            /* FORWARDED */
+          })
+        ]),
+        _: 3
+        /* FORWARDED */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/transverse.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './transverse.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/main/transverse.vue2.mjs

@@ -0,0 +1,70 @@
+import { defineComponent, defineAsyncComponent, ref, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "transverse",
+  setup(__props) {
+    const LayoutHeader = defineAsyncComponent(() => import('../component/header.vue.mjs'));
+    const LayoutMain = defineAsyncComponent(() => import('../component/main.vue.mjs'));
+    const layoutMainRef = ref();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const route = useRoute();
+    const updateScrollbar = () => {
+      layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    onMounted(() => {
+      initScrollBarHeight();
+    });
+    watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    watch(
+      () => themeConfig.value.isTagsview,
+      () => {
+        nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_container = resolveComponent("el-container");
+      return openBlock(), createBlock(_component_el_container, { class: "layout-container flex-center layout-backtop" }, {
+        default: withCtx(() => [
+          createVNode(unref(LayoutHeader)),
+          createVNode(
+            unref(LayoutMain),
+            {
+              ref_key: "layoutMainRef",
+              ref: layoutMainRef
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/index.vue2.mjs

@@ -0,0 +1,44 @@
+import { defineComponent, defineAsyncComponent, computed, openBlock, createElementBlock, createBlock, unref, withCtx, Fragment, renderList, renderSlot, mergeProps, createCommentVNode } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "layout-navbars-container" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const BreadcrumbIndex = defineAsyncComponent(() => import('./topBar/index.vue.mjs'));
+    const TagsView = defineAsyncComponent(() => import('./tagsView/tagsView.vue.mjs'));
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const setShowTagsView = computed(() => {
+      let { layout, isTagsview } = themeConfig.value;
+      return layout !== "classic" && isTagsview;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        !_ctx.$slots.breadcrumb ? (openBlock(), createBlock(unref(BreadcrumbIndex), { key: 0 }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(_ctx.$slots, (_, name) => {
+                return renderSlot(_ctx.$slots, name, mergeProps({
+                  key: name,
+                  ref_for: true
+                }, _ctx.$slots[name].props || {}));
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        })) : renderSlot(_ctx.$slots, "breadcrumb", { key: 1 }),
+        setShowTagsView.value ? (openBlock(), createBlock(unref(TagsView), { key: 2 })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/navBars/tagsView/contextmenu.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './contextmenu.vue2.mjs';
+
+
+
+export { _sfc_main as default };