push

lib/saas/router/helper/menu-helper.ts

@@ -0,0 +1,143 @@
+import { RouteRecordRaw } from 'vue-router';
+import { dynamicImportRoute, getComponent } from '/nerv-base/router/helper/view-helper';
+import { routeModule } from '/nerv-base/router/routes';
+
+export interface RouteMenu {
+  code: string; //组件名
+  name?: string;
+  label: string;
+  sort: number;
+  parentCode?: string;
+  backApi?: Recordable[]; //组件内所使用的Api
+  route?: RouteRecordRaw;
+  menus?: RouteMenu[];
+  type?: string; //三种类型 menus菜单 noChildrenMenu不渲染该菜单下的子菜单 op操作
+}
+
+/***
+ * 转换权限菜单到路由
+ * @param menu
+ * @param parentCode
+ */
+export function transformMenuToRoute(menu: RouteMenu, parentCode = '') {
+  const { route, menus } = menu;
+  if (route.component) {
+    route.component = dynamicImportRoute(route.component);
+  }
+
+  const _route: RouteRecordRaw = {
+    ...route,
+  };
+  if (menus) {
+    _route.children = transformMenus(menus);
+  }
+  return _route;
+}
+
+/***
+ * 转换权限菜单列表到路由列表
+ * @param menus
+ */
+export function transformMenus(menus: RouteMenu[]): RouteRecordRaw[] {
+  const list = [];
+  for (let i = 0, l = menus.length; i < l; i++) {
+    list.push(transformMenuToRoute(menus[i]));
+  }
+  return list;
+}
+
+export function sortMenu(menus: RouteMenu[]) {
+  menus.sort((a: RouteMenu, b: RouteMenu) => {
+    return a.sort - b.sort;
+  });
+  return menus;
+}
+
+export function dropMenu(menus, info) {
+  const { dragNode: menu, node: target, dropToGap, dropPosition } = info;
+  if (
+    (target.parentCode !== menu.parentCode && target.code !== menu.parentCode) ||
+    (target.parentCode !== '' && dropToGap === false)
+  ) {
+    return {
+      success: false,
+      msg: '只在栏目内移动',
+    };
+  }
+  const list = getMenusArray(menus, menu);
+  // 移到当前栏目最顶部
+  if (target.code === menu.parentCode) {
+  }
+
+  moveMenuItem(list, menu.code, dropPosition, dropToGap);
+
+  return {
+    success: true,
+    menus,
+  };
+}
+
+/**
+ * 获得移动的最终数组对象
+ * @param menus
+ * @param menu
+ */
+export function getMenusArray(menus, menu) {
+  let list: RouteMenu[] = [];
+  const index = -1;
+
+  function _getMenuArray(menus, menu) {
+    for (let i = 0, l = menus.length; i < l; i++) {
+      if (menus[i].code === menu.parentCode) {
+        list = menus[i];
+        return;
+      } else if (menus[i].menus) {
+        _getMenuArray(menus[i].menus, menu);
+      }
+    }
+  }
+
+  if (menu.parentCode === '') {
+    return menus;
+  }
+  _getMenuArray(menus, menu);
+
+  return list.menus;
+}
+
+/**
+ * 数组内移动
+ * @param menus
+ * @param dragNodeCode
+ * @param dropPosition
+ * @param dropToGap
+ */
+function moveMenuItem(menus, dragNodeCode, dropPosition, dropToGap) {
+  const index = menus.findIndex((item) => dragNodeCode === item.code);
+  const _menus = menus.splice(index, 1);
+  if (dropToGap === false) {
+    menus.unshift(_menus[0]);
+  } else {
+    if (index < dropPosition) {
+      dropPosition--;
+    }
+    if (dropPosition === -1) dropPosition = 0;
+    menus.splice(dropPosition, 0, _menus[0]);
+  }
+  for (let i = 0, l = menus.length; i < l; i++) {
+    menus[i].sort = i + 1;
+  }
+}
+
+export function editMenuLabel(menus: RouteMenu[], code: string, newLabel: string) {
+  for (let i = 0, l = menus.length; i < l; i++) {
+    if (menus[i].code === code) {
+      menus[i].label = newLabel;
+      // menus[i].route.meta.title = newLabel;
+      return;
+    }
+    if (menus[i].menus) {
+      editMenuLabel(menus[i].menus as RouteMenu[], code, newLabel);
+    }
+  }
+}