zzz-pc-view 0.0.41 → 0.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zzz-pc-view",
-  "version": "0.0.41",
+  "version": "0.0.43",
   "main": "src/index.umd.js",
   "module": "src/index.es.js",
   "types": "src/index.d.ts",

package/src/index.es.js

@@ -2327,7 +2327,6 @@ const watchRoute = (router2) => {
       const oldRouteName = oldRoute.name;
       const oldRouteTabIndex = tabs.findIndex((tab) => tab.id === oldRouteName);
       if (oldRouteTabIndex > -1) {
-        console.log(oldRouteName, oldRouteTabIndex + 1);
         tabs.splice(oldRouteTabIndex + 1, 0, getTab(newRoute));
         return;
       }
@@ -2448,6 +2447,34 @@ const clear = (option) => {
     });
   }
 };
+const currentRootNavComputed = computed(() => {
+  const route = router.currentRoute.value;
+  const raw = route.meta.raw;
+  if (!raw) {
+    return;
+  }
+  const navTree = navTreeRef.value;
+  if (raw instanceof ZNavMenu && navTree.includes(raw)) {
+    return;
+  }
+  let navDir = void 0;
+  const navTreeLen = navTree.length;
+  for (let i = 0; i < navTreeLen; i++) {
+    const nav = navTree[i];
+    if (nav.type === 1) {
+      const navMenu = findLeafNode(
+        nav.children || [],
+        "children",
+        (nav2) => nav2 === raw
+      );
+      if (navMenu) {
+        navDir = nav;
+        break;
+      }
+    }
+  }
+  return navDir;
+});
 const response = {
   /**
    * 根路由名称常量，用于标识根路由。
@@ -2488,6 +2515,32 @@ const response = {
   get navChildrenMap() {
     return navChildrenMapRef.value;
   },
+  /**
+   * 获取当前路由对应的根导航目录的 getter 方法。
+   * 该属性返回一个计算属性 currentRootNavComputed 的值，用于获取与当前路由关联的根导航目录。
+   * @returns {ZNavDir | undefined} - 当前路由对应的根导航目录对象，如果找不到则返回 undefined。
+   */
+  get currentRouteNav() {
+    return currentRootNavComputed.value;
+  },
+  /**
+   * 设置当前路由到指定根导航目录的第一个菜单项。
+   * 如果指定的根导航目录已经是当前根导航目录，则不进行任何操作。
+   * @param {ZNavDir} rootNavDir - 要设置的根导航目录对象。
+   */
+  setRoute: (rootNavDir) => {
+    if (currentRootNavComputed.value === rootNavDir) {
+      return;
+    }
+    const firstNav = findLeafNode(
+      rootNavDir.children || [],
+      "children",
+      (nav) => nav instanceof ZNavMenu
+    );
+    if (firstNav) {
+      router.push(firstNav.path);
+    }
+  },
   /**
    * 获取当前打开的路由标签页列表的 getter 方法。
    * @type {Function}
@@ -10507,7 +10560,7 @@ class CurdViewHandler extends CurdHandler {
   }
 }
 const _hoisted_1$b = { class: "flex column wrapper data-wrapper" };
-const _hoisted_2$5 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
+const _hoisted_2$6 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
 const _hoisted_3$4 = { class: "flex gap-10 data-wrapper-footer" };
 const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "DataWrapperView",
@@ -10518,7 +10571,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
       return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        createElementVNode("div", _hoisted_2$5, [
+        createElementVNode("div", _hoisted_2$6, [
           renderSlot(_ctx.$slots, "header")
         ]),
         createVNode(_component_el_scrollbar, {
@@ -10744,12 +10797,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$9 = { class: "flex gap-layout wrapper" };
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   key: 0,
   class: "curd-list-aside"
 };
 const _hoisted_3$3 = { class: "flex-1 fit-size curd-list-content" };
-const _hoisted_4$2 = {
+const _hoisted_4$3 = {
   key: 1,
   class: "curd-list-aside"
 };
@@ -10779,7 +10832,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
         ]),
         body: withCtx(() => [
           createElementVNode("div", _hoisted_1$9, [
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
               createVNode(_sfc_main$i, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.LEFT,
@@ -10802,7 +10855,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             })), [
               [_directive_loading, _ctx.viewHandler.listLoadStatus]
             ]),
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4$2, [
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
               createVNode(_sfc_main$i, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.RIGHT,
@@ -11417,13 +11470,16 @@ const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
 const LayoutViewDeclare = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$4 = ["href"];
+const _hoisted_1$4 = ["onClick"];
+const _hoisted_2$4 = ["href"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "LayoutNavView",
   props: {
-    navs: {}
+    navs: {},
+    onlyShowRoot: { type: Boolean }
   },
   setup(__props) {
+    const navStore = useNavStore();
     return (_ctx, _cache) => {
       const _component_LayoutNavView = resolveComponent("LayoutNavView", true);
       const _component_el_sub_menu = resolveComponent("el-sub-menu");
@@ -11433,25 +11489,40 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         return openBlock(), createElementBlock(Fragment, {
           key: nav.id
         }, [
-          nav.type === unref(ZWebUtils).ZNavTypeEnum.DIR ? (openBlock(), createBlock(_component_el_sub_menu, {
-            key: 0,
-            index: nav.id,
-            class: "flex center"
-          }, {
-            title: withCtx(() => [
+          nav.type === unref(ZWebUtils).ZNavTypeEnum.DIR ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            nav.type === unref(ZWebUtils).ZNavTypeEnum.DIR && _ctx.onlyShowRoot ? (openBlock(), createElementBlock("li", {
+              key: 0,
+              tabindex: "0",
+              class: normalizeClass(["flex center layout-nav-link el-menu-item", {
+                "is-active": nav === unref(navStore).currentRouteNav
+              }]),
+              onClick: ($event) => unref(navStore).setRoute(nav)
+            }, [
               nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
                 key: 0,
                 class: "layout-nav-icon"
               })) : createCommentVNode("", true),
               createElementVNode("span", null, toDisplayString(nav.title), 1)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_LayoutNavView, {
-                navs: nav.children
-              }, null, 8, ["navs"])
-            ]),
-            _: 2
-          }, 1032, ["index"])) : nav instanceof unref(ZWebUtils).ZNavLink ? (openBlock(), createBlock(_component_el_menu_item, {
+            ], 10, _hoisted_1$4)) : (openBlock(), createBlock(_component_el_sub_menu, {
+              key: 1,
+              index: nav.id,
+              class: "flex center"
+            }, {
+              title: withCtx(() => [
+                nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                  key: 0,
+                  class: "layout-nav-icon"
+                })) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString(nav.title), 1)
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_LayoutNavView, {
+                  navs: nav.children
+                }, null, 8, ["navs"])
+              ]),
+              _: 2
+            }, 1032, ["index"]))
+          ], 64)) : nav instanceof unref(ZWebUtils).ZNavLink ? (openBlock(), createBlock(_component_el_menu_item, {
             key: 1,
             index: nav.outLink
           }, {
@@ -11466,7 +11537,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   class: "layout-nav-icon"
                 })) : createCommentVNode("", true),
                 createElementVNode("span", null, toDisplayString(nav.title), 1)
-              ], 8, _hoisted_1$4)
+              ], 8, _hoisted_2$4)
             ]),
             _: 2
           }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
@@ -11532,7 +11603,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "flex valign-center gap-layout layout-header" };
+const _hoisted_1$2 = { class: "relative flex valign-center gap-layout layout-header" };
 const _hoisted_2$2 = {
   key: 0,
   class: "flex valign-center gap-10 layout-header-system-info"
@@ -11541,8 +11612,8 @@ const _hoisted_3$2 = {
   key: 1,
   class: "layout-header-system-info-title"
 };
-const _hoisted_4$1 = { class: "flex-1 fit-size layout-nav-scrollbar-container" };
-const _hoisted_5$1 = {
+const _hoisted_4$2 = { class: "flex-1 fit-size layout-nav-scrollbar-container" };
+const _hoisted_5$2 = {
   key: 1,
   class: "flex valign-center gap-8 layout-header-toolbar"
 };
@@ -11550,6 +11621,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "LayoutHeaderView",
   props: {
     systemInfo: {},
+    navOnlyShowRoot: { type: Boolean },
     toolbarComponent: {},
     profile: {}
   },
@@ -11578,7 +11650,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           _ctx.systemInfo.title ? (openBlock(), createElementBlock("div", _hoisted_3$2, toDisplayString(_ctx.systemInfo.title), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_4$1, [
+        createElementVNode("div", _hoisted_4$2, [
           createVNode(_component_el_scrollbar, { "view-class": "flex layout-header-scrollbar-view" }, {
             default: withCtx(() => [
               createVNode(_component_el_menu, {
@@ -11586,13 +11658,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 mode: "horizontal",
                 "unique-opened": "",
                 class: normalizeClass({
-                  "layout-main-nav-center": _ctx.systemInfo
+                  "layout-main-nav-center": !!_ctx.systemInfo
                 })
               }, {
                 default: withCtx(() => [
                   createVNode(_sfc_main$4, {
-                    navs: unref(navStore).navTree
-                  }, null, 8, ["navs"])
+                    navs: unref(navStore).navTree,
+                    "only-show-root": _ctx.navOnlyShowRoot
+                  }, null, 8, ["navs", "only-show-root"])
                 ]),
                 _: 1
               }, 8, ["default-active", "class"])
@@ -11600,7 +11673,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             _: 1
           })
         ]),
-        _ctx.toolbarComponent ? (openBlock(), createElementBlock("div", _hoisted_5$1)) : createCommentVNode("", true),
+        _ctx.toolbarComponent ? (openBlock(), createElementBlock("div", _hoisted_5$2)) : createCommentVNode("", true),
         _ctx.profile ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           Array.isArray(_ctx.profile.menus) && _ctx.profile.menus.length ? (openBlock(), createBlock(_component_el_dropdown, {
             key: 0,
@@ -11648,11 +11721,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 const _hoisted_1$1 = { class: "relative layout-tab" };
 const _hoisted_2$1 = ["data-id", "onClick"];
 const _hoisted_3$1 = { class: "flex valign-center" };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 0,
   class: "flex center layout-tab-item-icon"
 };
-const _hoisted_5 = { class: "layout-tab-item-text" };
+const _hoisted_5$1 = { class: "layout-tab-item-text" };
 const _hoisted_6 = { class: "flex valign-center" };
 const _hoisted_7 = ["onClick"];
 const _hoisted_8 = ["onClick"];
@@ -11716,10 +11789,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   onClick: ($event) => onTabItemClick(tab)
                 }, [
                   createElementVNode("div", _hoisted_3$1, [
-                    tab.icon ? (openBlock(), createElementBlock("span", _hoisted_4, [
+                    tab.icon ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
                       (openBlock(), createBlock(resolveDynamicComponent(tab.icon)))
                     ])) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_5, toDisplayString(tab.title), 1)
+                    createElementVNode("span", _hoisted_5$1, toDisplayString(tab.title), 1)
                   ]),
                   createElementVNode("div", _hoisted_6, [
                     unref(route).name === tab.id ? (openBlock(), createElementBlock("div", {
@@ -11758,8 +11831,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1 = { class: "flex column wrapper layout-main" };
-const _hoisted_2 = { class: "flex column flex-1 fit-size" };
-const _hoisted_3 = { class: "flex-1 fit-size" };
+const _hoisted_2 = { class: "flex flex-1 fit-size" };
+const _hoisted_3 = {
+  key: 0,
+  class: "relative layout-aside"
+};
+const _hoisted_4 = { class: "flex column flex-1 fit-size" };
+const _hoisted_5 = { class: "flex-1 fit-size" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutMainView",
   props: {
@@ -11783,29 +11861,54 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     return (_ctx, _cache) => {
+      const _component_el_menu = resolveComponent("el-menu");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_sfc_main$2, normalizeProps(guardReactiveProps(_ctx.headerProps)), null, 16),
         createElementVNode("div", _hoisted_2, [
-          _ctx.showTabs ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
-            createVNode(_component_router_view, null, {
-              default: withCtx(({ Component }) => [
-                createVNode(Transition, { name: "fadeLeft" }, {
+          _ctx.headerProps.navOnlyShowRoot && unref(navStore).currentRouteNav ? (openBlock(), createElementBlock("aside", _hoisted_3, [
+            createVNode(_component_el_scrollbar, null, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(_component_el_menu, {
+                  key: unref(navStore).currentRouteNav.id,
+                  "default-active": unref(route).path,
+                  "unique-opened": "",
+                  class: "layout-aside-nav"
+                }, {
                   default: withCtx(() => [
-                    _ctx.keepAliveView ? (openBlock(), createBlock(KeepAlive, normalizeProps(mergeProps({ key: 0 }, keepAlivePropsComputed.value)), [
-                      (openBlock(), createBlock(resolveDynamicComponent(Component), {
-                        key: `${unref(route).name}-${(unref(navStore).tabMap[unref(route).name] || {}).count}`
-                      }))
-                    ], 1040)) : (openBlock(), createBlock(resolveDynamicComponent(Component), { key: 1 }))
+                    createVNode(_sfc_main$4, {
+                      navs: unref(navStore).currentRouteNav.children
+                    }, null, 8, ["navs"])
                   ]),
-                  _: 2
-                }, 1024)
+                  _: 1
+                }, 8, ["default-active"]))
               ]),
               _: 1
             })
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_4, [
+            _ctx.showTabs ? (openBlock(), createBlock(_sfc_main$1, { key: 0 })) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_component_router_view, null, {
+                default: withCtx(({ Component }) => [
+                  createVNode(Transition, { name: "fadeLeft" }, {
+                    default: withCtx(() => [
+                      _ctx.keepAliveView ? (openBlock(), createBlock(KeepAlive, normalizeProps(mergeProps({ key: 0 }, keepAlivePropsComputed.value)), [
+                        (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                          key: `${unref(route).name}-${(unref(navStore).tabMap[unref(route).name] || {}).count}`
+                        }))
+                      ], 1040)) : (openBlock(), createBlock(resolveDynamicComponent(Component), { key: 1 }))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 1
+              })
+            ])
           ])
-        ])
+        ]),
+        renderSlot(_ctx.$slots, "dialog")
       ]);
     };
   }