@fmdeui/fmui 1.0.28 → 1.0.30

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

@@ -0,0 +1,159 @@
+import { defineComponent, defineAsyncComponent, reactive, computed, onMounted, watch, resolveComponent, openBlock, createBlock, withCtx, createElementBlock, Fragment, renderList, createVNode, unref, createCommentVNode, createElementVNode, toDisplayString, createSlots, withModifiers } from 'vue';
+import { useRoute, onBeforeRouteUpdate } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import other from '../../../../hooks/other.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "vertical",
+  props: {
+    // 菜单列表
+    menuList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const SubItem = defineAsyncComponent(() => import('./subItem.vue.mjs'));
+    const props = __props;
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const route = useRoute();
+    const state = reactive({
+      // 修复：
+      defaultActive: route.meta.isDynamic ? route.meta.isDynamicPath : route.path,
+      isCollapse: false
+    });
+    const menuLists = computed(() => {
+      return props.menuList;
+    });
+    const getThemeConfig = computed(() => {
+      return themeConfig.value;
+    });
+    const setParentHighlight = (currentRoute) => {
+      const { path, meta } = currentRoute;
+      const pathSplit = (meta == null ? void 0 : meta.isDynamic) ? meta.isDynamicPath.split("/") : path.split("/");
+      if (pathSplit.length >= 4 && (meta == null ? void 0 : meta.isHide)) return pathSplit.splice(0, 3).join("/");
+      else return path;
+    };
+    const onALinkClick = (val) => {
+      other.handleOpenLink(val);
+    };
+    onMounted(() => {
+      state.defaultActive = setParentHighlight(route);
+    });
+    onBeforeRouteUpdate((to) => {
+      state.defaultActive = setParentHighlight(to);
+      const clientWidth = document.body.clientWidth;
+      if (clientWidth < 1e3) themeConfig.value.isCollapse = false;
+    });
+    watch(
+      () => themeConfig.value.isCollapse,
+      (isCollapse) => {
+        document.body.clientWidth <= 1e3 ? state.isCollapse = false : state.isCollapse = isCollapse;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      const _component_el_menu = resolveComponent("el-menu");
+      return openBlock(), createBlock(_component_el_menu, {
+        router: "",
+        "default-active": state.defaultActive,
+        "background-color": "transparent",
+        collapse: state.isCollapse,
+        "unique-opened": getThemeConfig.value.isUniqueOpened,
+        "collapse-transition": false
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(menuLists.value, (val) => {
+              return openBlock(), createElementBlock(
+                Fragment,
+                null,
+                [
+                  val.children && val.children.length > 0 ? (openBlock(), createBlock(_component_el_sub_menu, {
+                    index: val.path,
+                    key: val.path
+                  }, {
+                    title: withCtx(() => [
+                      createVNode(_component_SvgIcon, {
+                        name: val.meta.icon
+                      }, null, 8, ["name"]),
+                      createCommentVNode(" <span>{{ $t(val.meta.title) }}</span> "),
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    default: withCtx(() => [
+                      createVNode(unref(SubItem), {
+                        chil: val.children
+                      }, null, 8, ["chil"])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+                    index: val.path,
+                    key: val.path
+                  }, createSlots({
+                    default: withCtx(() => [
+                      createVNode(_component_SvgIcon, {
+                        name: val.meta.icon
+                      }, null, 8, ["name"])
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, [
+                    !val.meta.isLink || val.meta.isLink && val.meta.isIframe ? {
+                      name: "title",
+                      fn: withCtx(() => [
+                        createCommentVNode(" <span>{{ $t(val.meta.title) }}</span> "),
+                        createElementVNode(
+                          "span",
+                          null,
+                          toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      key: "0"
+                    } : {
+                      name: "title",
+                      fn: withCtx(() => [
+                        createElementVNode("a", {
+                          class: "w100",
+                          onClick: withModifiers(($event) => onALinkClick(val), ["prevent"])
+                        }, toDisplayString(_ctx.$t(`message.menu.${val.meta.title}`)), 9, _hoisted_1)
+                      ]),
+                      key: "1"
+                    }
+                  ]), 1032, ["index"]))
+                ],
+                64
+                /* STABLE_FRAGMENT */
+              );
+            }),
+            256
+            /* UNKEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["default-active", "collapse", "unique-opened"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/routerView/iframes.vue.mjs

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

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

@@ -0,0 +1,128 @@
+import { defineComponent, ref, computed, watch, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withDirectives, createVNode, TransitionGroup, withCtx, unref, vShow, nextTick } from 'vue';
+import { useRoute } from 'vue-router';
+import '../../../../utils/index.mjs';
+import { getToken } from '../../../../utils/request.mjs';
+
+const _hoisted_1 = { class: "layout-padding layout-padding-unset layout-iframe" };
+const _hoisted_2 = { class: "layout-padding-auto layout-padding-view" };
+const _hoisted_3 = ["src", "data-url"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "iframes",
+  props: {
+    // 刷新 iframe
+    refreshKey: {
+      type: String,
+      default: () => ""
+    },
+    // 过渡动画 name
+    name: {
+      type: String,
+      default: () => "slide-right"
+    },
+    // iframe 列表
+    list: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const iframeRef = ref();
+    const route = useRoute();
+    const setIframeList = computed(() => {
+      return props.list.filter((v) => {
+        var _a;
+        return (_a = v.meta) == null ? void 0 : _a.isIframeOpen;
+      });
+    });
+    const getRoutePath = computed(() => {
+      return route.path;
+    });
+    const closeIframeLoading = (val, item) => {
+      nextTick(() => {
+        if (!iframeRef.value) return false;
+        iframeRef.value.forEach((v) => {
+          if (v.dataset.url === val) {
+            v.onload = () => {
+              var _a;
+              if (((_a = item.meta) == null ? void 0 : _a.isIframeOpen) && item.meta.loading) item.meta.loading = false;
+            };
+          }
+        });
+      });
+    };
+    watch(
+      () => route.fullPath,
+      (val) => {
+        const item = props.list.find((v) => v.path === val);
+        if (!item) return false;
+        if (!item.meta.isIframeOpen) item.meta.isIframeOpen = true;
+        closeIframeLoading(val, item);
+      },
+      {
+        immediate: true
+      }
+    );
+    watch(
+      () => props.refreshKey,
+      () => {
+        const item = props.list.find((v) => v.path === route.path);
+        if (!item) return false;
+        if (item.meta.isIframeOpen) item.meta.isIframeOpen = false;
+        setTimeout(() => {
+          item.meta.isIframeOpen = true;
+          item.meta.loading = true;
+          closeIframeLoading(route.fullPath, item);
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _directive_loading = resolveDirective("loading");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(setIframeList.value, (v) => {
+              return withDirectives((openBlock(), createElementBlock("div", {
+                class: "w100",
+                key: v.path,
+                "element-loading-background": "white"
+              }, [
+                createVNode(TransitionGroup, { name: __props.name }, {
+                  default: withCtx(() => [
+                    withDirectives((openBlock(), createElementBlock("iframe", {
+                      src: `${v.meta.isLink}${v.meta.isLink.indexOf("?") > 0 ? "&" : "?"}token=${unref(getToken)()}`,
+                      key: v.path,
+                      frameborder: "0",
+                      height: "100%",
+                      width: "100%",
+                      style: { "position": "absolute" },
+                      "data-url": v.path,
+                      ref_for: true,
+                      ref_key: "iframeRef",
+                      ref: iframeRef
+                    }, null, 8, _hoisted_3)), [
+                      [vShow, getRoutePath.value === v.path]
+                    ])
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["name"])
+              ])), [
+                [_directive_loading, v.meta.loading]
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/routerView/parent.vue.mjs

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

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

@@ -0,0 +1,141 @@
+import { defineComponent, defineAsyncComponent, reactive, computed, onBeforeMount, nextTick, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Transition, createBlock, KeepAlive, withDirectives, resolveDynamicComponent, vShow, unref } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../../../stores/index.mjs';
+import '../../../../utils/index.mjs';
+import emitter from '../../../../utils/mitt.mjs';
+import { useKeepALiveNames } from '../../../../stores/keepAliveNames.mjs';
+import { useThemeConfig } from '../../../../stores/themeConfig.mjs';
+import { Session } from '../../../../utils/storage.mjs';
+
+const _hoisted_1 = { class: "layout-parent" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "parent",
+  setup(__props) {
+    const Iframes = defineAsyncComponent(() => import('./iframes.vue.mjs'));
+    const route = useRoute();
+    const router = useRouter();
+    const storesKeepAliveNames = useKeepALiveNames();
+    const storesThemeConfig = useThemeConfig();
+    const { keepAliveNames, cachedViews } = storeToRefs(storesKeepAliveNames);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const state = reactive({
+      refreshRouterViewKey: "",
+      // 非 iframe tagsview 右键菜单刷新时
+      iframeRefreshKey: "",
+      // iframe tagsview 右键菜单刷新时
+      keepAliveNameList: [],
+      iframeList: []
+    });
+    const setTransitionName = computed(() => {
+      return themeConfig.value.animation;
+    });
+    const getKeepAliveNames = computed(() => {
+      return themeConfig.value.isTagsview ? cachedViews.value : state.keepAliveNameList;
+    });
+    const isIframePage = computed(() => {
+      return route.meta.isIframe;
+    });
+    const getIframeListRoutes = async () => {
+      router.getRoutes().forEach((v) => {
+        if (v.meta.isIframe) {
+          v.meta.isIframeOpen = false;
+          v.meta.loading = true;
+          state.iframeList.push({ ...v });
+        }
+      });
+    };
+    onBeforeMount(() => {
+      state.keepAliveNameList = keepAliveNames.value;
+      emitter.on("onTagsViewRefreshRouterView", (fullPath) => {
+        var _a;
+        const cacheList = cachedViews.value;
+        if (route.meta.isKeepAlive) cachedViews.value = (_a = cachedViews.value) == null ? void 0 : _a.filter((name) => route.name !== name);
+        state.keepAliveNameList = keepAliveNames.value.filter((name) => route.name !== name);
+        state.refreshRouterViewKey = "";
+        state.iframeRefreshKey = "";
+        nextTick(() => {
+          if (route.meta.isKeepAlive) cachedViews.value = cacheList;
+          state.keepAliveNameList = keepAliveNames.value;
+          state.refreshRouterViewKey = fullPath;
+          state.iframeRefreshKey = fullPath;
+        });
+      });
+    });
+    onMounted(() => {
+      getIframeListRoutes();
+      nextTick(() => {
+        setTimeout(() => {
+          if (themeConfig.value.isCacheTagsView) {
+            let tagsViewArr = Session.get("tagsViewList") || [];
+            cachedViews.value = tagsViewArr.filter((item) => {
+              var _a;
+              return (_a = item.meta) == null ? void 0 : _a.isKeepAlive;
+            }).map((item) => item.name);
+          }
+        }, 0);
+      });
+    });
+    onUnmounted(() => {
+      emitter.off("onTagsViewRefreshRouterView", () => {
+      });
+    });
+    watch(
+      () => route.fullPath,
+      () => {
+        state.refreshRouterViewKey = decodeURI(route.fullPath);
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_router_view, null, {
+          default: withCtx(({ Component }) => [
+            createVNode(Transition, {
+              name: setTransitionName.value,
+              mode: "out-in"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(KeepAlive, { include: getKeepAliveNames.value }, [
+                  withDirectives((openBlock(), createBlock(resolveDynamicComponent(Component), {
+                    key: state.refreshRouterViewKey,
+                    class: "w100"
+                  })), [
+                    [vShow, !isIframePage.value]
+                  ])
+                ], 1032, ["include"]))
+              ]),
+              _: 2
+              /* DYNAMIC */
+            }, 1032, ["name"])
+          ]),
+          _: 1
+          /* STABLE */
+        }),
+        createVNode(Transition, {
+          name: setTransitionName.value,
+          mode: "out-in",
+          persisted: ""
+        }, {
+          default: withCtx(() => [
+            withDirectives(createVNode(unref(Iframes), {
+              class: "w100",
+              refreshKey: state.iframeRefreshKey,
+              name: setTransitionName.value,
+              list: state.iframeList
+            }, null, 8, ["refreshKey", "name", "list"]), [
+              [vShow, isIframePage.value]
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["name"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/components/fm-layout/src/type.mjs

@@ -0,0 +1 @@
+

package/es/packages/components/index.mjs

@@ -8,3 +8,4 @@ export { FSelectTable } from './select-table/index.mjs';
 export { FQueryCondition } from './query-condition/index.mjs';
 export { FForm } from './form/index.mjs';
 export { elSvg } from './svgIcon/index.mjs';
+export { FLayout } from './fm-layout/index.mjs';