@fmdevui/fm-dev 1.0.15 → 1.0.17

package/lib/packages/core/layout/navMenu/vertical.vue2.js

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

package/lib/packages/core/layout/routerView/iframes.vue.js

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

package/lib/packages/core/layout/routerView/iframes.vue2.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+require('../../api/index.js');
+var request = require('../../api/utils/request.js');
+
+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__ */ vue.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 = vue.ref();
+    const route = vueRouter.useRoute();
+    const setIframeList = vue.computed(() => {
+      return props.list.filter((v) => v.meta?.isIframeOpen);
+    });
+    const getRoutePath = vue.computed(() => {
+      return route.path;
+    });
+    const closeIframeLoading = (val, item) => {
+      vue.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;
+            };
+          }
+        });
+      });
+    };
+    vue.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
+      }
+    );
+    vue.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 = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(
+            vue.Fragment,
+            null,
+            vue.renderList(setIframeList.value, (v) => {
+              return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+                class: "w100",
+                key: v.path,
+                "element-loading-background": "white"
+              }, [
+                vue.createVNode(vue.TransitionGroup, { name: __props.name }, {
+                  default: vue.withCtx(() => [
+                    vue.withDirectives((vue.openBlock(), vue.createElementBlock("iframe", {
+                      src: `${v.meta.isLink}${v.meta.isLink.indexOf("?") > 0 ? "&" : "?"}token=${vue.unref(request.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)), [
+                      [vue.vShow, getRoutePath.value === v.path]
+                    ])
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["name"])
+              ])), [
+                [_directive_loading, v.meta.loading]
+              ]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/routerView/link.vue.js

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

package/lib/packages/core/layout/routerView/link.vue2.js

@@ -0,0 +1,88 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var vueRouter = require('vue-router');
+require('../../utils/index.js');
+var toolsValidate = require('../../utils/comm/toolsValidate.js');
+
+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__ */ vue.defineComponent({
+  __name: "link",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const state = vue.reactive({
+      title: "",
+      isLink: ""
+    });
+    const onGotoFullPage = () => {
+      const { origin, pathname } = window.location;
+      if (toolsValidate.verifyUrl(state.isLink)) window.open(state.isLink);
+      else window.open(`${origin}${pathname}#${state.isLink}`);
+    };
+    vue.watch(
+      () => route.path,
+      () => {
+        state.title = route.meta.title;
+        state.isLink = route.meta.isLink;
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createElementVNode("div", _hoisted_2, [
+          vue.createElementVNode("div", _hoisted_3, [
+            _cache[1] || (_cache[1] = vue.createElementVNode(
+              "i",
+              { class: "layout-link-icon iconfont icon-xingqiu" },
+              null,
+              -1
+              /* HOISTED */
+            )),
+            vue.createElementVNode(
+              "div",
+              _hoisted_4,
+              '\u9875\u9762 "' + vue.toDisplayString(_ctx.$t(state.title)) + '" \u5DF2\u5728\u65B0\u7A97\u53E3\u4E2D\u6253\u5F00',
+              1
+              /* TEXT */
+            ),
+            vue.createVNode(_component_el_button, {
+              class: "mt30",
+              round: "",
+              size: "default",
+              onClick: onGotoFullPage
+            }, {
+              default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                vue.createElementVNode(
+                  "i",
+                  { class: "iconfont icon-lianjie" },
+                  null,
+                  -1
+                  /* HOISTED */
+                ),
+                vue.createElementVNode(
+                  "span",
+                  null,
+                  "\u7ACB\u5373\u524D\u5F80\u4F53\u9A8C",
+                  -1
+                  /* HOISTED */
+                )
+              ])),
+              _: 1,
+              __: [0]
+            })
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/packages/core/layout/routerView/parent.vue.js

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

package/lib/packages/core/layout/routerView/parent.vue2.js

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

package/lib/packages/core/layout/routerView/style/css.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/t-layoutroterview.css');
+

package/lib/packages/core/layout/routerView/style/index.js

@@ -0,0 +1,4 @@
+'use strict';
+
+require('fm-dev/theme-chalk/src/t-layoutroterview.scss');
+

package/lib/packages/core/layout/upgrade/index.vue.js

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