zzz-pc-view 0.0.52 → 0.0.53

package/package.json

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

package/src/index.es.js

@@ -2389,7 +2389,30 @@ const setRoutes = (option) => {
   });
 };
 const navTreeRef = shallowRef(list$1);
-const navChildrenMapRef = shallowRef(object);
+const navWithoutButtonsComputed = computed(() => toFlat(navTreeRef.value, "children"));
+const navWithoutButtonsMapComputed = computed(
+  () => toKeyValue(navWithoutButtonsComputed.value, "id")
+);
+const navFoldersComputed = computed(
+  () => navWithoutButtonsComputed.value.filter(
+    (nav) => nav.type === 1
+    /* FOLDER */
+  )
+);
+const navMenusComputed = computed(
+  () => navWithoutButtonsComputed.value.filter(
+    (nav) => nav.type === 2
+    /* MENU */
+  )
+);
+const navButtonsRef = shallowRef([]);
+const navMenuButtonMapComputed = computed(() => toKeyValues(navButtonsRef.value, "parentId"));
+const navsComputed = computed(() => [...navWithoutButtonsComputed.value, ...navButtonsRef.value]);
+const navMapComputed = computed(() => toKeyValue(navsComputed.value, "id"));
+const setMenuButtons = (navButtons) => {
+  const navWithoutButtonsMap = navWithoutButtonsMapComputed.value;
+  navButtonsRef.value = navButtons.filter((navButton) => navWithoutButtonsMap[navButton.parentId]);
+};
 const setNavTree = (navFolders, navMenus, navLinks) => {
   const buildList = navMenus.filter((navMenu) => !navMenu.isHide);
   buildList.push(...navLinks);
@@ -2417,23 +2440,6 @@ const setNavTree = (navFolders, navMenus, navLinks) => {
     childrenMap[key2] = sort(childrenMap[key2], "orderNo");
   }
   navTreeRef.value = sort(roots, "orderNo");
-  navChildrenMapRef.value = childrenMap;
-};
-const menuButtonMapRef = shallowRef({});
-const setMenuButtonMap = (navButtons) => {
-  menuButtonMapRef.value = toKeyValues(navButtons, "parentId");
-};
-const navsRef = shallowRef(list$1);
-const navMapComputed = computed(() => toKeyValue(navsRef.value, "id"));
-const navFoldersRef = shallowRef(list$1);
-const navMenusRef = shallowRef(list$1);
-const navButtonsRef = shallowRef(list$1);
-const setNavsCategory = (navsCategory) => {
-  const { navFolders, navMenus, navLinks, navButtons } = navsCategory;
-  navsRef.value = [...navFolders, ...navMenus, ...navLinks, ...navButtons];
-  navFoldersRef.value = navFolders;
-  navMenusRef.value = [...navMenus, ...navLinks];
-  navButtonsRef.value = navButtons;
 };
 const setNavs = (option) => {
   const pageViewMap = getComponentViewMap(option.pageViewMap);
@@ -2441,33 +2447,25 @@ const setNavs = (option) => {
   const { navMenus, navButtons } = navsCategory;
   setRoutes({
     RootPageView: option.RootPageView,
-    // 根页面视图
     navMenus,
-    // 导航菜单
     pageViewMap,
-    // 页面视图映射
     navButtons,
-    // 导航按钮
     NotFoundPageView: option.NotFoundPageView
-    // 404页面视图
   });
   setNavTree(navsCategory.navFolders, navsCategory.navMenus, navsCategory.navLinks);
-  setMenuButtonMap(navButtons);
-  setNavsCategory(navsCategory);
+  setMenuButtons(navButtons);
 };
 const clear = (option) => {
   navTreeRef.value = list$1;
-  navsRef.value = list$1;
-  navFoldersRef.value = list$1;
-  navMenusRef.value = list$1;
   navButtonsRef.value = list$1;
-  menuButtonMapRef.value = object;
-  navChildrenMapRef.value = object;
   if (option) {
     const { path } = option;
     router.addRoute({
+      // 根路由的名称
       name: ROOT_ROUTE_NAME,
+      // 根路由的路径
       path,
+      // 根路由对应的组件
       component: option.PageView
     });
     router.replace(path).then(() => {
@@ -2536,61 +2534,52 @@ const response = {
     return navTreeRef.value;
   },
   /**
-   * 获取所有导航项的 getter 方法。
-   * 返回一个包含所有导航项的数组，这些导航项存储在 navsRef 引用中。
-   * @returns {ZNav[]} - 所有导航项的数组
+   * 获取包含所有导航项的数组的 getter 方法。
+   * 该方法返回 `navsComputed` 计算属性的值，包含所有的导航项，方便统一处理导航项。
+   * @returns {ZNav[]} - 包含所有导航项的数组。
    */
   get navs() {
-    return navsRef.value;
+    return navsComputed.value;
   },
   /**
    * 获取导航项 ID 到导航项对象的映射的 getter 方法。
-   * 该方法返回 `navMapComputed` 计算属性的值，此值是一个映射，
-   * 可以通过导航项的 ID 快速查找对应的导航项对象。
-   * @returns {Record<ZNav['id'], ZNav>} - 导航项 ID 到导航项对象的映射
+   * 该方法返回 `navMapComputed` 计算属性的值，键为导航项的 ID，值为对应的导航项对象，方便通过 ID 快速查找导航项。
+   * @returns {Record<ZNav['id'], ZNav>} - 导航项 ID 到导航项对象的映射。
    */
   get navMap() {
     return navMapComputed.value;
   },
   /**
-   * 获取导航目录项的 getter 方法。
-   * 返回一个包含所有导航目录项的数组，这些导航目录项存储在 navFoldersRef 引用中。
-   * @returns {ZNavFolder[]} - 导航目录项的数组
+   * 获取导航目录项数组的 getter 方法。
+   * 该方法返回 `navFoldersComputed` 计算属性的值，包含所有的导航目录项。
+   * @returns {ZNavFolder[]} - 导航目录项数组。
    */
   get navFolders() {
-    return navFoldersRef.value;
+    return navFoldersComputed.value;
   },
   /**
-   * 获取导航菜单和导航链接项的 getter 方法。
-   * 返回一个包含所有导航菜单和导航链接项的数组，这些项存储在 navMenusRef 引用中。
-   * @returns {(ZNavMenu | ZNavLink)[]} - 导航菜单和导航链接项的数组
+   * 获取导航菜单项数组的 getter 方法。
+   * 该方法返回 `navMenusComputed` 计算属性的值，包含所有的导航菜单项。
+   * @returns {ZNavMenu[]} - 导航菜单项数组。
    */
   get navMenus() {
-    return navMenusRef.value;
+    return navMenusComputed.value;
   },
   /**
-   * 获取导航按钮项的 getter 方法。
-   * 返回一个包含所有导航按钮项的数组，这些导航按钮项存储在 navButtonsRef 引用中。
-   * @returns {ZNavButton[]} - 导航按钮项的数组
+   * 获取导航按钮项数组的 getter 方法。
+   * 该方法返回 `navButtonsRef` 浅引用的值，包含所有的导航按钮项。
+   * @returns {ZNavButton[]} - 导航按钮项数组。
    */
   get navButtons() {
     return navButtonsRef.value;
   },
   /**
-   * 获取菜单按钮映射的 getter 方法。
-   * 返回一个包含所有菜单按钮的映射对象，其中键为父级导航项的 ID，值为该父级导航项下的按钮数组。
-   * @returns {Record<ZBaseNav['id'], ZNavButton[]>} - 菜单按钮映射对象
-   */
-  get menuButtonMap() {
-    return menuButtonMapRef.value;
-  },
-  /**
-   * 获取导航目录的子导航项映射的 getter 方法。
-   * @type {Function}
-   * @returns {Record<ZNavFolder['id'], ZNavWithoutButton[]>} - 导航目录的子导航项映射。
+   * 获取父级导航项 ID 到导航按钮项数组的映射的 getter 方法。
+   * 该方法返回 `navMenuButtonMapComputed` 计算属性的值，键为父级导航项的 ID，值为该父级导航项下的导航按钮项数组，方便通过父级导航项 ID 快速查找对应的导航按钮项。
+   * @returns {Record<ZNavButton['parentId'], ZNavButton[]>} - 父级导航项 ID 到导航按钮项数组的映射。
    */
-  get navChildrenMap() {
-    return navChildrenMapRef.value;
+  get navMenuButtonMap() {
+    return navMenuButtonMapComputed.value;
   },
   /**
    * 获取当前路由对应的根导航目录的 getter 方法。