@fmdevui/fm-dev 1.0.15 → 1.0.16

package/es/packages/core/layout/navMenu/vertical.vue2.mjs

@@ -0,0 +1,161 @@
+import { defineComponent, reactive, computed, onMounted, watch, resolveComponent, createBlock, openBlock, 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 '../../utils/other/index.mjs';
+import './subItem.vue.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+import _sfc_main$1 from './subItem.vue2.mjs';
+
+const _hoisted_1 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "vertical",
+  props: {
+    // 菜单列表
+    menuList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(__props) {
+    const SubItem = _sfc_main$1;
+    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?.isDynamic ? meta.isDynamicPath.split("/") : path.split("/");
+      if (pathSplit.length >= 4 && 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/core/layout/routerView/iframes.vue.mjs

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

package/es/packages/core/layout/routerView/iframes.vue2.mjs

@@ -0,0 +1,124 @@
+import { defineComponent, ref, computed, nextTick, watch, resolveDirective, createElementBlock, openBlock, createElementVNode, Fragment, renderList, withDirectives, createVNode, TransitionGroup, withCtx, unref, vShow } from 'vue';
+import { useRoute } from 'vue-router';
+import '../../api/index.mjs';
+import { getToken } from '../../api/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) => v.meta?.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 = () => {
+              if (item.meta?.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/core/layout/routerView/link.vue.mjs

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

package/es/packages/core/layout/routerView/link.vue2.mjs

@@ -0,0 +1,84 @@
+import { defineComponent, reactive, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx } from 'vue';
+import { useRoute } from 'vue-router';
+import '../../utils/index.mjs';
+import { verifyUrl } from '../../utils/comm/toolsValidate.mjs';
+
+const _hoisted_1 = { class: "layout-padding layout-link-container" };
+const _hoisted_2 = { class: "layout-padding-auto layout-padding-view" };
+const _hoisted_3 = { class: "layout-link-warp" };
+const _hoisted_4 = { class: "layout-link-msg" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "link",
+  setup(__props) {
+    const route = useRoute();
+    const state = reactive({
+      title: "",
+      isLink: ""
+    });
+    const onGotoFullPage = () => {
+      const { origin, pathname } = window.location;
+      if (verifyUrl(state.isLink)) window.open(state.isLink);
+      else window.open(`${origin}${pathname}#${state.isLink}`);
+    };
+    watch(
+      () => route.path,
+      () => {
+        state.title = route.meta.title;
+        state.isLink = route.meta.isLink;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = createElementVNode(
+              "i",
+              { class: "layout-link-icon iconfont icon-xingqiu" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            createElementVNode(
+              "div",
+              _hoisted_4,
+              '\u9875\u9762 "' + toDisplayString(_ctx.$t(state.title)) + '" \u5DF2\u5728\u65B0\u7A97\u53E3\u4E2D\u6253\u5F00',
+              1
+              /* TEXT */
+            ),
+            createVNode(_component_el_button, {
+              class: "mt30",
+              round: "",
+              size: "default",
+              onClick: onGotoFullPage
+            }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createElementVNode(
+                  "i",
+                  { class: "iconfont icon-lianjie" },
+                  null,
+                  -1
+                  /* HOISTED */
+                ),
+                createElementVNode(
+                  "span",
+                  null,
+                  "\u7ACB\u5373\u524D\u5F80\u4F53\u9A8C",
+                  -1
+                  /* HOISTED */
+                )
+              ])),
+              _: 1,
+              __: [0]
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/routerView/parent.vue.mjs

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

package/es/packages/core/layout/routerView/parent.vue2.mjs

@@ -0,0 +1,139 @@
+import { defineComponent, reactive, computed, onBeforeMount, nextTick, onMounted, onUnmounted, watch, resolveComponent, createElementBlock, openBlock, 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/emit/index.mjs';
+import './iframes.vue.mjs';
+import _sfc_main$1 from './iframes.vue2.mjs';
+import { useKeepALiveNames } from '../../stores/keepAliveNames.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+import { Session } from '../../utils/storage/index.mjs';
+
+const _hoisted_1 = { class: "layout-parent" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "parent",
+  setup(__props) {
+    const Iframes = _sfc_main$1;
+    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) => {
+        const cacheList = cachedViews.value;
+        if (route.meta.isKeepAlive) cachedViews.value = cachedViews.value?.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) => item.meta?.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/core/layout/routerView/style/css.mjs

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

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

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

package/es/packages/core/layout/upgrade/index.vue.mjs

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

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

@@ -0,0 +1,152 @@
+import { defineComponent, reactive, computed, onMounted, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, toDisplayString, createTextVNode, createCommentVNode } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "upgrade-dialog" };
+const _hoisted_2 = { class: "upgrade-title" };
+const _hoisted_3 = { class: "upgrade-title-warp" };
+const _hoisted_4 = { class: "upgrade-title-warp-txt" };
+const _hoisted_5 = { class: "upgrade-title-warp-version" };
+const _hoisted_6 = { class: "upgrade-content" };
+const _hoisted_7 = { class: "mt5" };
+const _hoisted_8 = { class: "upgrade-btn" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const { t } = useI18n();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const state = reactive({
+      isUpgrade: false,
+      // @ts-ignore
+      version: __NEXT_VERSION__,
+      isLoading: false,
+      btnTxt: ""
+    });
+    const getThemeConfig = computed(() => {
+      return themeConfig.value;
+    });
+    onMounted(() => {
+      delayShow();
+      setTimeout(() => {
+        state.btnTxt = t("message.upgrade.btnTwo");
+      }, 200);
+    });
+    const onCancel = () => {
+      state.isUpgrade = false;
+    };
+    const onUpgrade = () => {
+      state.isLoading = true;
+      state.btnTxt = t("message.upgrade.btnTwoLoading");
+      setTimeout(() => {
+        window.location.reload();
+      }, 2e3);
+    };
+    const delayShow = () => {
+      setTimeout(() => {
+        state.isUpgrade = true;
+      }, 2e3);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_link = resolveComponent("el-link");
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_el_dialog, {
+          modelValue: state.isUpgrade,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.isUpgrade = $event),
+          width: "300px",
+          "destroy-on-close": "",
+          "show-close": false,
+          "close-on-click-modal": false,
+          "close-on-press-escape": false
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode(
+                  "span",
+                  _hoisted_4,
+                  toDisplayString(_ctx.$t("message.upgrade.title")),
+                  1
+                  /* TEXT */
+                ),
+                createElementVNode(
+                  "span",
+                  _hoisted_5,
+                  "v" + toDisplayString(state.version),
+                  1
+                  /* TEXT */
+                )
+              ])
+            ]),
+            createElementVNode("div", _hoisted_6, [
+              createTextVNode(
+                toDisplayString(getThemeConfig.value.globalTitle) + " " + toDisplayString(_ctx.$t("message.upgrade.msg")) + " ",
+                1
+                /* TEXT */
+              ),
+              createElementVNode("div", _hoisted_7, [
+                createVNode(_component_el_link, {
+                  type: "primary",
+                  class: "font12",
+                  href: "https://xxx/CHANGELOG.md",
+                  target: "_black"
+                }, {
+                  default: withCtx(() => _cache[1] || (_cache[1] = [
+                    createTextVNode(" CHANGELOG.md ")
+                  ])),
+                  _: 1,
+                  __: [1]
+                })
+              ]),
+              createCommentVNode(' <div class="upgrade-content-desc mt5">{{ $t("message.upgrade.desc") }}</div> ')
+            ]),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_component_el_button, {
+                round: "",
+                size: "default",
+                type: "info",
+                text: "",
+                onClick: onCancel
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(_ctx.$t("message.upgrade.btnOne")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                round: "",
+                size: "default",
+                onClick: onUpgrade,
+                loading: state.isLoading
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString(state.btnTxt),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["loading"])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };