@fmdevui/fm-dev 1.0.15 → 1.0.17

package/es/packages/core/layout/logo/index.vue2.mjs

@@ -0,0 +1,57 @@
+import { defineComponent, computed, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, 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/core/layout/logo/style/css.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/t-layoutlogo.css';

package/es/packages/core/layout/logo/style/index.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/src/t-layoutlogo.scss';

package/es/packages/core/layout/main/classic.vue.mjs

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

package/es/packages/core/layout/main/classic.vue2.mjs

@@ -0,0 +1,94 @@
+import { defineComponent, ref, computed, nextTick, onMounted, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref, createElementVNode, createCommentVNode } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import '../component/aside.vue.mjs';
+import '../component/header.vue.mjs';
+import '../component/main.vue.mjs';
+import '../navBars/tagsView/tagsView.vue.mjs';
+import _sfc_main$1 from '../component/aside.vue2.mjs';
+import _sfc_main$2 from '../component/header.vue2.mjs';
+import _sfc_main$3 from '../component/main.vue2.mjs';
+import _sfc_main$4 from '../navBars/tagsView/tagsView.vue2.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 = _sfc_main$1;
+    const LayoutHeader = _sfc_main$2;
+    const LayoutMain = _sfc_main$3;
+    const LayoutTagsView = _sfc_main$4;
+    const layoutMainRef = ref();
+    const route = useRoute();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const isTagsview = computed(() => {
+      return themeConfig.value.isTagsview;
+    });
+    const updateScrollbar = () => {
+      layoutMainRef.value?.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/core/layout/main/columns.vue.mjs

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

package/es/packages/core/layout/main/columns.vue2.mjs

@@ -0,0 +1,107 @@
+import { defineComponent, ref, nextTick, onMounted, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import '../component/aside.vue.mjs';
+import '../component/header.vue.mjs';
+import '../component/main.vue.mjs';
+import cclaside from '../component/columnsAside.vue.mjs';
+import _sfc_main$1 from '../component/aside.vue2.mjs';
+import _sfc_main$2 from '../component/header.vue2.mjs';
+import _sfc_main$3 from '../component/main.vue2.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "columns",
+  setup(__props) {
+    const LayoutAside = _sfc_main$1;
+    const LayoutHeader = _sfc_main$2;
+    const LayoutMain = _sfc_main$3;
+    const ColumnsAside = cclaside;
+    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/core/layout/main/defaults.vue.mjs

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

package/es/packages/core/layout/main/defaults.vue2.mjs

@@ -0,0 +1,106 @@
+import { defineComponent, ref, nextTick, onMounted, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import { NextLoading } from '../../ui/loading/index.mjs';
+import '../component/aside.vue.mjs';
+import '../component/header.vue.mjs';
+import '../component/main.vue.mjs';
+import _sfc_main$1 from '../component/aside.vue2.mjs';
+import _sfc_main$2 from '../component/header.vue2.mjs';
+import _sfc_main$3 from '../component/main.vue2.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "defaults",
+  setup(__props) {
+    const LayoutAside = _sfc_main$1;
+    const LayoutHeader = _sfc_main$2;
+    const LayoutMain = _sfc_main$3;
+    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(() => [
+          createVNode(unref(LayoutAside)),
+          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(() => [
+                    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/core/layout/main/transverse.vue.mjs

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

package/es/packages/core/layout/main/transverse.vue2.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, ref, nextTick, onMounted, watch, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref } from 'vue';
+import { useRoute } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import '../component/header.vue.mjs';
+import '../component/main.vue.mjs';
+import _sfc_main$1 from '../component/header.vue2.mjs';
+import _sfc_main$2 from '../component/main.vue2.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "transverse",
+  setup(__props) {
+    const LayoutHeader = _sfc_main$1;
+    const LayoutMain = _sfc_main$2;
+    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/core/layout/navBars/index.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './index.vue2.mjs';
+import './index.vue3.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var navBars = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f2e6c18a"]]);
+
+export { navBars as default };

package/es/packages/core/layout/navBars/index.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, computed, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, unref } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import './topBar/index.vue.mjs';
+import './tagsView/tagsView.vue.mjs';
+import _sfc_main$1 from './topBar/index.vue2.mjs';
+import _sfc_main$2 from './tagsView/tagsView.vue2.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 = _sfc_main$1;
+    const TagsView = _sfc_main$2;
+    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, [
+        createVNode(unref(BreadcrumbIndex)),
+        setShowTagsView.value ? (openBlock(), createBlock(unref(TagsView), { key: 0 })) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/index.vue3.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/layout/navBars/tagsView/contextmenu.vue.mjs

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

package/es/packages/core/layout/navBars/tagsView/contextmenu.vue2.mjs

@@ -0,0 +1,155 @@
+import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, resolveComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, createVNode, toDisplayString, vShow } from 'vue';
+
+const _hoisted_1 = ["aria-hidden"];
+const _hoisted_2 = { class: "el-dropdown-menu" };
+const _hoisted_3 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "contextmenu",
+  props: {
+    dropdown: {
+      type: Object,
+      default: () => {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    }
+  },
+  emits: ["currentContextmenuClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = reactive({
+      isShow: false,
+      dropdownList: [
+        { contextMenuClickId: 0, txt: "message.tagsView.refresh", affix: false, icon: "ele-RefreshRight" },
+        { contextMenuClickId: 1, txt: "message.tagsView.close", affix: false, icon: "ele-Close" },
+        { contextMenuClickId: 2, txt: "message.tagsView.closeOther", affix: false, icon: "ele-CircleClose" },
+        { contextMenuClickId: 3, txt: "message.tagsView.closeAll", affix: false, icon: "ele-FolderDelete" },
+        {
+          contextMenuClickId: 4,
+          txt: "message.tagsView.fullscreen",
+          affix: false,
+          icon: "iconfont icon-fullscreen"
+        }
+      ],
+      item: {},
+      arrowLeft: 10
+    });
+    const dropdowns = computed(() => {
+      if (props.dropdown.x + 117 > document.documentElement.clientWidth) {
+        return {
+          x: document.documentElement.clientWidth - 117 - 5,
+          y: props.dropdown.y
+        };
+      } else {
+        return props.dropdown;
+      }
+    });
+    const onCurrentContextmenuClick = (contextMenuClickId) => {
+      emit("currentContextmenuClick", Object.assign({}, { contextMenuClickId }, state.item));
+    };
+    const openContextmenu = (item) => {
+      state.item = item;
+      item.meta?.isAffix ? state.dropdownList[1].affix = true : state.dropdownList[1].affix = false;
+      closeContextmenu();
+      setTimeout(() => {
+        state.isShow = true;
+      }, 10);
+    };
+    const closeContextmenu = () => {
+      state.isShow = false;
+    };
+    onMounted(() => {
+      document.body.addEventListener("click", closeContextmenu);
+    });
+    onUnmounted(() => {
+      document.body.removeEventListener("click", closeContextmenu);
+    });
+    watch(
+      () => props.dropdown,
+      ({ x }) => {
+        if (x + 117 > document.documentElement.clientWidth) state.arrowLeft = 117 - (document.documentElement.clientWidth - x);
+        else state.arrowLeft = 10;
+      },
+      {
+        deep: true
+      }
+    );
+    __expose({
+      openContextmenu
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      return openBlock(), createBlock(Transition, {
+        name: "el-collapse-transition",
+        persisted: ""
+      }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            "aria-hidden": state.isShow ? false : true,
+            class: "el-dropdown__popper el-popper is-light is-pure custom-contextmenu",
+            role: "tooltip",
+            "data-popper-placement": "bottom",
+            style: normalizeStyle(`top: ${dropdowns.value.y + 5}px;left: ${dropdowns.value.x}px;`),
+            key: Math.random()
+          }, [
+            createElementVNode("ul", _hoisted_2, [
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(state.dropdownList, (v, k) => {
+                  return openBlock(), createElementBlock(
+                    Fragment,
+                    null,
+                    [
+                      !v.affix ? (openBlock(), createElementBlock("li", {
+                        class: "el-dropdown-menu__item",
+                        "aria-disabled": "false",
+                        tabindex: "-1",
+                        key: k,
+                        onClick: ($event) => onCurrentContextmenuClick(v.contextMenuClickId)
+                      }, [
+                        createVNode(_component_SvgIcon, {
+                          name: v.icon
+                        }, null, 8, ["name"]),
+                        createElementVNode(
+                          "span",
+                          null,
+                          toDisplayString(_ctx.$t(v.txt)),
+                          1
+                          /* TEXT */
+                        )
+                      ], 8, _hoisted_3)) : createCommentVNode("v-if", true)
+                    ],
+                    64
+                    /* STABLE_FRAGMENT */
+                  );
+                }),
+                256
+                /* UNKEYED_FRAGMENT */
+              ))
+            ]),
+            createElementVNode(
+              "div",
+              {
+                class: "el-popper__arrow",
+                style: normalizeStyle({ left: `${state.arrowLeft}px` })
+              },
+              null,
+              4
+              /* STYLE */
+            )
+          ], 12, _hoisted_1)), [
+            [vShow, state.isShow]
+          ])
+        ]),
+        _: 1
+        /* STABLE */
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/navBars/tagsView/style/css.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/t-layouttagsview.css';

package/es/packages/core/layout/navBars/tagsView/style/index.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/src/t-layouttagsview.scss';