zzz-pc-view 0.0.39 → 0.0.40

package/src/index.es.js

@@ -5,15 +5,15 @@ var _a, _b, _c, _d, _e, _f, _g, _h, _i;
 import CryptoJS from "crypto-js";
 import qs from "qs";
 import axios, { CanceledError } from "axios";
-import "vue-router";
-import { shallowRef, computed, reactive, onBeforeUnmount, defineComponent, openBlock, createElementBlock, createElementVNode, h, resolveComponent, renderSlot, createVNode, withCtx, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, Fragment, watch, mergeProps, toHandlers, createCommentVNode, renderList, resolveDirective, withDirectives, isRef } from "vue";
+import { useRoute } from "vue-router";
+import { shallowRef, computed, reactive, onBeforeUnmount, defineComponent, openBlock, createElementBlock, createElementVNode, h, resolveComponent, renderSlot, createVNode, withCtx, createBlock, resolveDynamicComponent, unref, createTextVNode, toDisplayString, Fragment, watch, mergeProps, toHandlers, createCommentVNode, renderList, resolveDirective, withDirectives, isRef, normalizeClass, normalizeProps, guardReactiveProps, Transition, KeepAlive } from "vue";
 import Mock from "mockjs";
 import ElementPlus, { ElNotification, ElMessageBox, ElInput } from "element-plus";
 const fn = () => {
 };
 const object = {};
 const list$1 = [];
-const index$g = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   fn,
   list: list$1,
@@ -1572,7 +1572,7 @@ const tree = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
   sortTree,
   toFlat
 }, Symbol.toStringTag, { value: "Module" }));
-const index$f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   completeByDate,
   formatValue,
@@ -1654,7 +1654,7 @@ const createDataTimesByLength = (beginTime, length, interval, dateUnit, repeat)
   endDate[setMethodName](endDate[getMethodName]() + length - 1);
   return createDataTimesByRange([new ZDate(beginTime), endDate], interval, dateUnit, repeat);
 };
-const index$e = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HttpResponse,
   createDataTimesByLength,
@@ -1740,7 +1740,7 @@ const create = (option) => {
     return request;
   };
 };
-const index$d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ABORTED_CODE,
   HttpRequestError,
@@ -1817,7 +1817,7 @@ const useHttpRequestInterval = (request, ms) => {
     abort
   };
 };
-const index$c = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   useHttpRequestInterval,
   useInterval
@@ -1829,13 +1829,13 @@ const ZUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProper
   ZDate,
   combine,
   decrypt,
-  empty: index$g,
+  empty: index$f,
   encrypt,
-  httpRequest: index$d,
-  interval: index$c,
-  mock: index$e,
+  httpRequest: index$c,
+  interval: index$b,
+  mock: index$d,
   parse,
-  reduce: index$f,
+  reduce: index$e,
   stringify,
   toFixed,
   unitConvertor
@@ -2082,6 +2082,21 @@ class WebSocketManager {
     this[WS_EVENTS].all.clear();
   }
 }
+const getPageViewMap = (pageViewMap, pageViewPathIgnore) => Object.entries(pageViewMap).reduce((map2, [key2, pageCreator]) => {
+  if (pageViewPathIgnore) {
+    key2 = key2.replace(pageViewPathIgnore, "");
+  }
+  const pageViewName = key2.replace(/^\//, "").substring(0, key2.lastIndexOf("/") - 1);
+  map2[pageViewName] = pageCreator;
+  return map2;
+}, {});
+const getComponentViewMap = (componentViewMap) => (
+  // 将对象转换为键值对数组，并使用 reduce 方法遍历数组
+  Object.entries(componentViewMap).reduce((map2, [key2, pageCreator]) => {
+    map2[key2.replace(/\..+$/, "").substring(key2.lastIndexOf("/") + 1)] = pageCreator;
+    return map2;
+  }, {})
+);
 var ZNavTypeEnum = /* @__PURE__ */ ((ZNavTypeEnum2) => {
   ZNavTypeEnum2[ZNavTypeEnum2["DIR"] = 1] = "DIR";
   ZNavTypeEnum2[ZNavTypeEnum2["MENU"] = 2] = "MENU";
@@ -2134,14 +2149,6 @@ class ZNavButton extends ZBaseNav {
     __publicField(this, "type", 3);
   }
 }
-const getPageViewMap = (pageViewMap, pageViewPathIgnore) => Object.entries(pageViewMap).reduce((map2, [key2, pageCreator]) => {
-  if (pageViewPathIgnore) {
-    key2 = key2.replace(pageViewPathIgnore, "");
-  }
-  const pageViewName = key2.replace(/^\//, "").substring(0, key2.lastIndexOf("/") - 1);
-  map2[pageViewName] = pageCreator;
-  return map2;
-}, {});
 const getNavsCategory = (navs, pageViewMap) => {
   const navDirs = [];
   const navMenus = [];
@@ -2189,6 +2196,7 @@ const getNavMenuButtonMap = (navButtons) => navButtons.reduce(
   {}
 );
 const ROOT_ROUTE_NAME = "ROOT_ROUTE";
+let router;
 const setRoutes = (option) => {
   const navMenuButtonMap = getNavMenuButtonMap(option.navButtons);
   const routes = [];
@@ -2215,7 +2223,6 @@ const setRoutes = (option) => {
       component: NotFoundPageView
     });
   }
-  const { router } = option;
   router.addRoute({
     name: ROOT_ROUTE_NAME,
     path: "/",
@@ -2278,7 +2285,6 @@ const setNavs = (option) => {
   const navsCategory = getNavsCategory(option.navs, pageViewMap);
   const { navMenus } = navsCategory;
   setRoutes({
-    router: option.router,
     RootPageView: option.RootPageView,
     navMenus,
     pageViewMap,
@@ -2291,8 +2297,8 @@ const clear = (option) => {
   navTreeRef.value = list$1;
   navChildrenMapRef.value = object;
   if (option) {
-    const { router, path } = option;
-    option.router.addRoute({
+    const { path } = option;
+    router.addRoute({
       name: ROOT_ROUTE_NAME,
       path,
       component: option.PageView
@@ -2303,6 +2309,9 @@ const clear = (option) => {
 };
 const response = {
   ROOT_ROUTE_NAME,
+  setRouter: (_router) => {
+    router = _router;
+  },
   setNavs,
   clear,
   get navTree() {
@@ -2313,7 +2322,7 @@ const response = {
   }
 };
 const useNavStore = () => response;
-const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const ZWebUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   HttpRequestMethodEnum,
   WebSocketManager,
@@ -2324,6 +2333,7 @@ const index$b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   ZNavLink,
   ZNavMenu,
   ZNavTypeEnum,
+  getComponentViewMap,
   getPageViewMap,
   useNavStore
 }, Symbol.toStringTag, { value: "Module" }));
@@ -3342,7 +3352,6 @@ const useCurdMock = (option) => {
   if (listConfig) {
     const requestMethod = (listConfig.method || "get").toLowerCase();
     Mock.mock(new RegExp(`^/api${basePath}/list`), requestMethod, (option2) => {
-      console.log(new HttpResponse("data", getListParam(list2, option2, listFilter).list));
       return new HttpResponse("data", getListParam(list2, option2, listFilter).list);
     });
   }
@@ -9947,10 +9956,10 @@ class CurdViewHandler extends CurdHandler {
   onBeforeUnmount() {
   }
 }
-const _hoisted_1$4 = { class: "flex column wrapper data-wrapper" };
-const _hoisted_2$2 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
-const _hoisted_3$1 = { class: "flex gap-10 data-wrapper-footer" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "flex column wrapper data-wrapper" };
+const _hoisted_2$4 = { class: "flex flex-wrap gap-10 data-wrapper-header" };
+const _hoisted_3$3 = { class: "flex gap-10 data-wrapper-footer" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "DataWrapperView",
   props: {
     bodyViewClass: {}
@@ -9958,8 +9967,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       const _component_el_scrollbar = resolveComponent("el-scrollbar");
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
-        createElementVNode("div", _hoisted_2$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        createElementVNode("div", _hoisted_2$4, [
           renderSlot(_ctx.$slots, "header")
         ]),
         createVNode(_component_el_scrollbar, {
@@ -9971,7 +9980,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           _: 3
         }, 8, ["view-class"]),
-        createElementVNode("div", _hoisted_3$1, [
+        createElementVNode("div", _hoisted_3$3, [
           renderSlot(_ctx.$slots, "footer")
         ]),
         renderSlot(_ctx.$slots, "extra")
@@ -10018,7 +10027,7 @@ const useModelValueBridgeComputed = (props, emit) => computed({
     emit("change", value);
   }
 });
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "VSlotView",
   props: {
     component: {},
@@ -10044,7 +10053,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CurdTableView",
   props: {
     viewHandler: {}
@@ -10104,7 +10113,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
               ref_for: true
             }, column.colProps || unref(emptyObject2)), {
               default: withCtx(({ row }) => [
-                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$a), mergeProps({
+                (openBlock(), createBlock(resolveDynamicComponent(column.component || _sfc_main$d), mergeProps({
                   viewHandler: _ctx.viewHandler,
                   model: row,
                   prop: column.propertyKey,
@@ -10120,8 +10129,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { key: 0 };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { key: 0 };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "FilterView",
   props: {
     viewHandler: {},
@@ -10145,7 +10154,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           class: itemClassComputed.value,
           ref_for: true
         }, config.itemProps || unref(emptyObject2)), [
-          config.label ? (openBlock(), createElementBlock("label", _hoisted_1$3, toDisplayString(config.label), 1)) : createCommentVNode("", true),
+          config.label ? (openBlock(), createElementBlock("label", _hoisted_1$6, toDisplayString(config.label), 1)) : createCommentVNode("", true),
           (openBlock(), createBlock(resolveDynamicComponent(config.component), mergeProps({
             "view-handler": _ctx.viewHandler,
             model: _ctx.viewHandler.query,
@@ -10158,17 +10167,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "flex gap-layout wrapper" };
-const _hoisted_2$1 = {
+const _hoisted_1$5 = { class: "flex gap-layout wrapper" };
+const _hoisted_2$3 = {
   key: 0,
   class: "curd-list-aside"
 };
-const _hoisted_3 = { class: "flex-1 fit-size curd-list-content" };
-const _hoisted_4 = {
+const _hoisted_3$2 = { class: "flex-1 fit-size curd-list-content" };
+const _hoisted_4$1 = {
   key: 1,
   class: "curd-list-aside"
 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CurdView",
   props: {
     viewHandler: {}
@@ -10180,10 +10189,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       const _component_el_card = resolveComponent("el-card");
       const _component_el_pagination = resolveComponent("el-pagination");
       const _directive_loading = resolveDirective("loading");
-      return openBlock(), createBlock(_sfc_main$b, null, {
+      return openBlock(), createBlock(_sfc_main$e, null, {
         header: withCtx(() => [
           renderSlot(_ctx.$slots, "header-before"),
-          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$8, {
+          _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.TOP] ? (openBlock(), createBlock(_sfc_main$b, {
             key: 0,
             "view-handler": _ctx.viewHandler,
             position: unref(ZDecorators).FilterKey.PositionEnum.TOP,
@@ -10192,9 +10201,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "header-after")
         ]),
         body: withCtx(() => [
-          createElementVNode("div", _hoisted_1$2, [
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
-              createVNode(_sfc_main$8, {
+          createElementVNode("div", _hoisted_1$5, [
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.LEFT] ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+              createVNode(_sfc_main$b, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.LEFT,
                 disabled: _ctx.viewHandler.listLoadStatus
@@ -10206,9 +10215,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               class: "flex column wrapper"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_3$2, [
                   renderSlot(_ctx.$slots, "content", {}, () => [
-                    createVNode(_sfc_main$9, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
+                    createVNode(_sfc_main$c, { "view-handler": _ctx.viewHandler }, null, 8, ["view-handler"])
                   ])
                 ])
               ]),
@@ -10216,8 +10225,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             })), [
               [_directive_loading, _ctx.viewHandler.listLoadStatus]
             ]),
-            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              createVNode(_sfc_main$8, {
+            _ctx.viewHandler.displayFilterConfigMap[unref(ZDecorators).FilterKey.PositionEnum.RIGHT] ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              createVNode(_sfc_main$b, {
                 "view-handler": _ctx.viewHandler,
                 position: unref(ZDecorators).FilterKey.PositionEnum.RIGHT,
                 disabled: _ctx.viewHandler.listLoadStatus
@@ -10248,10 +10257,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CurdView: _sfc_main$7,
+  CurdView: _sfc_main$a,
   CurdViewHandler
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "SelectView",
   props: {
     options: {},
@@ -10285,7 +10294,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VModelView",
   props: {
     component: {},
@@ -10295,7 +10304,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const mappingComputed = useMappingOption(props, _sfc_main$6, ElInput);
+    const mappingComputed = useMappingOption(props, _sfc_main$9, ElInput);
     const modelValueBridgeComputed = computed({
       get: () => props.model[props.prop],
       set: (value) => {
@@ -10311,7 +10320,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "RadioButtonGroupView",
   props: {
     options: {},
@@ -10345,7 +10354,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "RadioGroupView",
   props: {
     options: {},
@@ -10379,7 +10388,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroupView",
   props: {
     options: {},
@@ -10415,45 +10424,270 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 });
 const index$4 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  CheckboxGroupView: _sfc_main$2,
-  RadioButtonGroupView: _sfc_main$4,
-  RadioGroupView: _sfc_main$3,
-  SelectView: _sfc_main$6,
-  VModelView: _sfc_main$5
+  CheckboxGroupView: _sfc_main$5,
+  RadioButtonGroupView: _sfc_main$7,
+  RadioGroupView: _sfc_main$6,
+  SelectView: _sfc_main$9,
+  VModelView: _sfc_main$8
 }, Symbol.toStringTag, { value: "Module" }));
 const index$3 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  VSlotView: _sfc_main$a
+  VSlotView: _sfc_main$d
+}, Symbol.toStringTag, { value: "Module" }));
+const LayoutViewDeclare = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key2, val] of props) {
-    target[key2] = val;
+const _hoisted_1$4 = ["href"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutNavView",
+  props: {
+    navs: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _component_LayoutNavView = resolveComponent("LayoutNavView", true);
+      const _component_el_sub_menu = resolveComponent("el-sub-menu");
+      const _component_el_menu_item = resolveComponent("el-menu-item");
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navs, (nav) => {
+        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.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, {
+            key: 1,
+            index: nav.outLink
+          }, {
+            default: withCtx(() => [
+              createElementVNode("a", {
+                href: nav.outLink,
+                target: "_blank",
+                class: "flex center layout-nav-link"
+              }, [
+                nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                  key: 0,
+                  class: "layout-nav-icon"
+                })) : createCommentVNode("", true),
+                createElementVNode("span", null, toDisplayString(nav.title), 1)
+              ], 8, _hoisted_1$4)
+            ]),
+            _: 2
+          }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
+            key: 2,
+            index: nav.path
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_router_link, {
+                to: { name: nav.name },
+                class: "flex center layout-nav-link"
+              }, {
+                default: withCtx(() => [
+                  nav.icon ? (openBlock(), createBlock(resolveDynamicComponent(nav.icon), {
+                    key: 0,
+                    class: "layout-nav-icon"
+                  })) : createCommentVNode("", true),
+                  createElementVNode("span", null, toDisplayString(nav.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"])
+            ]),
+            _: 2
+          }, 1032, ["index"]))
+        ], 64);
+      }), 128);
+    };
   }
-  return target;
+});
+const _hoisted_1$3 = { class: "flex valign-center gap-5 layout-profile" };
+const _hoisted_2$2 = {
+  key: 1,
+  class: "layout-profile-nickname"
 };
-const _sfc_main$1 = {};
-const _hoisted_1$1 = { class: "relative flex layout-header" };
-function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, _cache[0] || (_cache[0] = [
-    createElementVNode("div", { class: "flex" }, null, -1),
-    createElementVNode("div", { class: "flex-1 fit-size" }, null, -1),
-    createElementVNode("div", null, null, -1),
-    createElementVNode("div", null, null, -1)
-  ]));
-}
-const LayoutHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _hoisted_1 = { class: "flex column wrapper" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutProfileView",
+  props: {
+    profile: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        _ctx.profile.avatar ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.profile.avatar), {
+          key: 0,
+          class: "layout-profile-icon"
+        })) : createCommentVNode("", true),
+        _ctx.profile.nickname ? (openBlock(), createElementBlock("span", _hoisted_2$2, toDisplayString(_ctx.profile.nickname), 1)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex valign-center gap-layout layout-header" };
+const _hoisted_2$1 = {
+  key: 0,
+  class: "flex valign-center gap-10 layout-header-system-info"
+};
+const _hoisted_3$1 = {
+  key: 1,
+  class: "layout-header-system-info-title"
+};
+const _hoisted_4 = { class: "flex-1 fit-size layout-nav-scrollbar-container" };
+const _hoisted_5 = {
+  key: 1,
+  class: "flex valign-center gap-8 layout-header-toolbar"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutHeaderView",
+  props: {
+    systemInfo: {},
+    toolbarComponent: {},
+    profile: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const route = useRoute();
+    const navStore = useNavStore();
+    const onProfileMenuItemClick = (index2) => {
+      props.profile.menus[index2].handler();
+    };
+    return (_ctx, _cache) => {
+      const _component_el_menu = resolveComponent("el-menu");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
+      const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
+      const _component_el_dropdown = resolveComponent("el-dropdown");
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        _ctx.systemInfo ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          _ctx.systemInfo.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.systemInfo.icon), {
+            key: 0,
+            class: "layout-header-system-info-icon"
+          })) : createCommentVNode("", true),
+          _ctx.systemInfo.title ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(_ctx.systemInfo.title), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_4, [
+          createVNode(_component_el_scrollbar, { "view-class": "flex layout-header-scrollbar-view" }, {
+            default: withCtx(() => [
+              createVNode(_component_el_menu, {
+                "default-active": unref(route).path,
+                mode: "horizontal",
+                "unique-opened": "",
+                class: normalizeClass({
+                  "layout-main-nav-center": _ctx.systemInfo
+                })
+              }, {
+                default: withCtx(() => [
+                  createVNode(_sfc_main$4, {
+                    navs: unref(navStore).navTree
+                  }, null, 8, ["navs"])
+                ]),
+                _: 1
+              }, 8, ["default-active", "class"])
+            ]),
+            _: 1
+          })
+        ]),
+        _ctx.toolbarComponent ? (openBlock(), createElementBlock("div", _hoisted_5)) : 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,
+            trigger: "click",
+            class: "layout-profile-dropdown",
+            onCommand: onProfileMenuItemClick
+          }, {
+            dropdown: withCtx(() => [
+              createVNode(_component_el_dropdown_menu, null, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.profile.menus, (profileMenu, index2) => {
+                    return openBlock(), createBlock(_component_el_dropdown_item, {
+                      key: index2,
+                      icon: profileMenu.icon,
+                      command: index2
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(profileMenu.label), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["icon", "command"]);
+                  }), 128))
+                ]),
+                _: 1
+              })
+            ]),
+            default: withCtx(() => [
+              createVNode(_sfc_main$3, { profile: _ctx.profile }, null, 8, ["profile"])
+            ]),
+            _: 1
+          })) : (openBlock(), createBlock(_sfc_main$3, {
+            key: 1,
+            profile: _ctx.profile
+          }, null, 8, ["profile"]))
+        ], 64)) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "layout-tab" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "LayoutTabView",
+  setup(__props) {
+    const route = useRoute();
+    const navStore = useNavStore();
+    console.log(route, navStore);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1);
+    };
+  }
+});
+const _hoisted_1 = { class: "flex column wrapper layout-main" };
 const _hoisted_2 = { class: "flex flex-1 fit-size" };
+const _hoisted_3 = { class: "flex-1 fit-size" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "LayoutMainView",
+  props: {
+    headerProps: {},
+    showTabs: { type: Boolean },
+    keepAliveView: { type: Boolean }
+  },
   setup(__props) {
+    const keepAlivePropsComputed = computed(() => {
+      return [];
+    });
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(LayoutHeader),
+        createVNode(_sfc_main$2, normalizeProps(guardReactiveProps(_ctx.headerProps)), null, 16),
         createElementVNode("div", _hoisted_2, [
-          createVNode(_component_router_view)
+          _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" }, {
+                  default: withCtx(() => [
+                    _ctx.keepAliveView ? (openBlock(), createBlock(KeepAlive, normalizeProps(mergeProps({ key: 0 }, keepAlivePropsComputed.value)), [
+                      (openBlock(), createBlock(resolveDynamicComponent(Component)))
+                    ], 1040)) : (openBlock(), createBlock(resolveDynamicComponent(Component), { key: 1 }))
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 1
+            })
+          ])
         ])
       ]);
     };
@@ -10461,7 +10695,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const index$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  DataWrapper: _sfc_main$b,
+  DataWrapper: _sfc_main$e,
+  LayoutViewDeclare,
   Main: _sfc_main
 }, Symbol.toStringTag, { value: "Module" }));
 const index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -10479,22 +10714,33 @@ const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
 }, Symbol.toStringTag, { value: "Module" }));
 const indexPcViews = {
   install(app, param) {
+    const navStore = useNavStore();
+    navStore.setRouter(param.router);
     app.config.globalProperties.$ZUtils = ZUtils;
+    app.config.globalProperties.$ZWebUtils = ZWebUtils;
     app.config.globalProperties.$ZDecorators = ZDecorators;
     setApi(param.api);
     app.use(directiveInstaller);
     app.use(ElementPlus, {
       locale: zhCn
     });
-    for (const [key2, component] of Object.entries(ElementPlusIconsVue)) {
+    const elPlusIconEntries = Object.entries(ElementPlusIconsVue);
+    for (const [key2, component] of elPlusIconEntries) {
       app.component(key2, component);
     }
+    const { iconMap } = param;
+    if (iconMap) {
+      const iconEntries = Object.entries(iconMap);
+      for (const [key2, component] of iconEntries) {
+        app.component(key2, component);
+      }
+    }
   }
 };
 export {
   index as PcViews,
   ZDecorators,
   ZUtils,
-  index$b as ZWebUtils,
+  ZWebUtils,
   indexPcViews as default
 };