@teamias/pro-layout 0.0.1

package/dist/pro-layout/hooks/index.js

@@ -0,0 +1,65 @@
+import { matchPath, useLocation } from 'react-router-dom';
+import { NoFoundPage } from "../components/NoFoundPage";
+import { useLayoutContext } from "../context";
+
+/** 这里初始化获取后,除了initialState 变化,会发生更新,其余的 pathname 不会变化 */
+import { jsx as _jsx } from "react/jsx-runtime";
+export var useApiRouter = function useApiRouter() {
+  var _layoutContext$routeM;
+  var location = useLocation();
+  var layoutContext = useLayoutContext();
+  var fullPathDataMap = (_layoutContext$routeM = layoutContext.routeMenu) === null || _layoutContext$routeM === void 0 ? void 0 : _layoutContext$routeM.fullPathDataMap;
+  var localPathname = location.pathname.replace(layoutContext.basename, '/') || '/';
+  return fullPathDataMap === null || fullPathDataMap === void 0 ? void 0 : fullPathDataMap[localPathname];
+};
+
+/** 权限router */
+export var useAccessRouter = function useAccessRouter() {
+  var _layoutContext$routeM2, _fullPathDataMap$loca;
+  var layoutContext = useLayoutContext();
+  var location = useLocation();
+  var fullPathDataMap = ((_layoutContext$routeM2 = layoutContext.routeMenu) === null || _layoutContext$routeM2 === void 0 ? void 0 : _layoutContext$routeM2.fullPathDataMap) || {};
+  var pageComponentMap = layoutContext.pageComponentMap || {};
+  var access = layoutContext.access;
+
+  /** 匹配路径对应组件 */
+  var currentPage = pageComponentMap[location.pathname] || pageComponentMap[Object.keys(pageComponentMap).find(function (p) {
+    return matchPath(p, location.pathname);
+  }) || ''];
+
+  // 补充数据
+  location.pageStatus = 200;
+  location.pageTitle = ((_fullPathDataMap$loca = fullPathDataMap[location.pathname]) === null || _fullPathDataMap$loca === void 0 || (_fullPathDataMap$loca = _fullPathDataMap$loca.raw) === null || _fullPathDataMap$loca === void 0 ? void 0 : _fullPathDataMap$loca.title) || '';
+
+  // 路由不存在, 但有菜单, 使用默认页面
+  if (!currentPage && fullPathDataMap[location.pathname]) {
+    // TODO: 需要注入低代码功能
+    // currentPage = { element: <BasicEngineApi /> };
+    // currentPage = { element: <>低代码页面</> };
+  }
+
+  // 判断页面是否需要权限判断
+  if (currentPage && currentPage.access) {
+    var fn = access === null || access === void 0 ? void 0 : access[currentPage.access];
+    // 有权限直接返回,否则403
+    if (fn && !fn(location.pathname)) {
+      currentPage = {
+        element: /*#__PURE__*/_jsx(NoFoundPage, {
+          type: 403
+        })
+      };
+      location.pageStatus = 403;
+      location.pageTitle = '403';
+    }
+  }
+  if (!currentPage) {
+    location.pageStatus = 404;
+    location.pageTitle = '404';
+  }
+
+  // 直接返回
+  return {
+    page: currentPage,
+    location: location
+  };
+};

package/dist/pro-layout/index.d.ts

@@ -0,0 +1,4 @@
+export { useLayoutContext } from './context';
+export * from './core';
+export * from './hooks';
+export * from './types';

package/dist/pro-layout/index.js

@@ -0,0 +1,4 @@
+export { useLayoutContext } from "./context";
+export * from "./core";
+export * from "./hooks";
+export * from "./types";

package/dist/pro-layout/style/index.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const Aside: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const HeaderLogo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, {
+    'data-aside-width': string;
+}>, never>> & string;
+export declare const Main: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const TopBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const ContentBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+export declare const TopHoverBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;

package/dist/pro-layout/style/index.js

@@ -0,0 +1,57 @@
+import styled from 'styled-components';
+export var Layout = styled.div.attrs({
+  className: 'pro-layout'
+}).withConfig({
+  displayName: "Layout",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-0"
+})(["overflow:hidden;width:100%;max-width:100%;min-height:100vh;"]);
+export var Aside = styled.aside.attrs({
+  className: 'pro-aside'
+}).withConfig({
+  displayName: "Aside",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-1"
+})([""]);
+export var Header = styled.header.attrs({
+  className: 'pro-header'
+}).withConfig({
+  displayName: "Header",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-2"
+})(["display:flex;background-color:#002140;color:#fff;position:relative;z-index:1;"]);
+export var HeaderLogo = styled.header.attrs({
+  className: 'pro-header-logo'
+}).withConfig({
+  displayName: "HeaderLogo",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-3"
+})(["padding-inline:12px;display:flex;align-items:center;color:rgba(0,0,0,0.65);flex:0 0 ", ";max-width:", ";min-width:", ";width:", ";border-inline-end:1px solid transparent;z-index:3;h1{margin:0;padding-left:10px;font-weight:600;font-size:16px;flex:1;color:#fff;}.anticon{font-size:20px;}"], function (p) {
+  return p['data-aside-width'];
+}, function (p) {
+  return p['data-aside-width'];
+}, function (p) {
+  return p['data-aside-width'];
+}, function (p) {
+  return p['data-aside-width'];
+});
+export var Main = styled.main.attrs({
+  className: 'pro-main'
+}).withConfig({
+  displayName: "Main",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-4"
+})(["display:flex;"]);
+export var TopBox = styled.div.attrs({
+  className: 'pro-top-box'
+}).withConfig({
+  displayName: "TopBox",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-5"
+})(["display:flex;align-items:flex-end;overflow:hidden;margin-left:-1px;position:sticky;top:0;z-index:2;width:100%;background:#001529;.ant-tabs{flex:1;width:0;color:#fff;}.ant-tabs-nav{margin:0;}.ant-tabs-nav::before{content:initial;}.ant-tabs-tab-remove{display:none;}.ant-tabs-tab{margin:0 6px !important;border-bottom:none !important;color:#fff;border-color:transparent !important;}.ant-tabs-tab-active{.ant-tabs-tab-remove{display:block;}}.ant-tabs-tab:first-child{margin-left:0 !important;}.ant-tabs-ink-bar,.ant-tabs-content-holder{display:none;}.ant-tabs-nav-more{padding:0 6px !important;color:#fff !important;}"]);
+export var ContentBox = styled.div.attrs({
+  className: 'pro-content-box'
+}).withConfig({
+  displayName: "ContentBox",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-6"
+})(["overflow:auto;height:100%;width:0;max-width:100%;flex:1;transition:0.1s;> div{max-width:100%;}"]);
+export var TopHoverBox = styled.div.attrs({
+  className: 'pro-top-hover-box'
+}).withConfig({
+  displayName: "TopHoverBox",
+  componentId: "pro-layout-aaf4__sc-12ppwnu-7"
+})(["padding-inline:8px;display:flex;align-items:center;gap:8px;border-radius:6px;cursor:pointer;height:40px;overflow:hidden;.ant-dropdown-trigger{display:flex;align-items:center;gap:8px;}&[data-lang]:has(.ant-dropdown-trigger){padding:0;}&[data-lang] .ant-dropdown-trigger{padding-inline:8px !important;height:40px;}&:hover{background:rgba(0,0,0,0.06);}"]);

package/dist/pro-layout/types/index.d.ts

@@ -0,0 +1,154 @@
+import { ReactNode } from 'react';
+export interface IProLayoutProps extends Pick<TLayoutContext, 'projectId' | 'pageComponentMap' | 'access' | 'basename'> {
+    /** title */
+    projectTitle?: string;
+    /** logo img */
+    smallLogoImg?: string;
+    /** login background img */
+    loginBgImg?: string;
+    /**
+     * @desc 最大宽度
+     * @default '260px'
+     */
+    defaultMaxAsideWidth?: string;
+    /**
+     * @desc 最小宽度
+     * @default '40px'
+     */
+    defaultMinAsideWidth?: string;
+    /**
+     * @desc 折叠状态, 如果已缓存, 则以缓存为准
+     * @default false
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * @desc 头部高度
+     * @default '40px'
+     */
+    defaultHeaderHeight?: string;
+    /** 注意别重复了 */
+    childrens?: {
+        /** 已登录状态的内容 */
+        loggedIn?: ReactNode;
+        /** 未登录状态的内容 */
+        unLoggedIn?: ReactNode;
+        /** 公共内容 */
+        common?: ReactNode;
+    };
+    /** 渲染多语言选择控件 */
+    renderSelectLang?: () => ReactNode;
+    /** 用户信息+菜单数据 */
+    requestUserInfoMenuData: () => Promise<Pick<TLayoutContext, 'userInfo'> & {
+        menuData: TApiMenuManagement[];
+    }>;
+    /** 登录接口 */
+    onLogin: (params: {
+        username?: string;
+        password?: string;
+    }) => Promise<Pick<TLayoutContext, 'token' | 'userInfo'>>;
+    /** 退出接口 */
+    onLogout: () => Promise<void>;
+}
+/** context 数据 */
+export type TLayoutContext = {
+    /** 路由基础路径 */
+    basename: string;
+    /** 项目 id */
+    projectId: string | number;
+    /** token */
+    token?: string;
+    /** 用户信息 */
+    userInfo?: TApiUserInfo;
+    /** 展开/收起菜单 */
+    collapsed?: boolean;
+    /** 头部高度 */
+    headerHeight?: string;
+    /** 侧边栏宽度 */
+    asideWidth?: string;
+    defaultMaxAsideWidth?: string;
+    defaultMinAsideWidth?: string;
+    /** 隐藏菜单内容 */
+    hideMenu?: boolean;
+    /** 当前用户权限 */
+    permissions?: string[];
+    /** 当前用户菜单 */
+    routeMenu?: {
+        allKeys: Record<string, true>;
+        /** 原数据 */
+        rawData: TApiMenuManagement[];
+        /** 首页 */
+        home?: TMenuData;
+        /** 菜单 */
+        data: TMenuData[];
+        /** 根菜单 */
+        rootData: Omit<TMenuData, 'children'>[];
+        /** 菜单映射 */
+        dataMap: Record<string, TMenuData>;
+        /** 根菜单映射 */
+        rootChildrenMap: Record<string, TMenuData[]>;
+        /** 可打开的页面 */
+        fullPathData: TMenuData[];
+        /** 可打开的页面映射 */
+        fullPathDataMap: Record<string, TMenuData>;
+    };
+    /** 系统路由配置的映射(路径:组件) */
+    pageComponentMap?: Record<string, {
+        element?: ReactNode;
+        access?: string;
+    }>;
+    /** 权限相关 */
+    access?: {
+        operationPermission: (code?: string) => boolean;
+        adminRouteFilter: (pathname: string) => boolean;
+    };
+    updateData: (data: Partial<TLayoutContext>, cover?: 'merge' | 'replace') => Promise<void>;
+};
+/** 处理后的菜单数据 */
+export type TMenuData = {
+    raw: TApiMenuManagement;
+    label: ReactNode;
+    key: string;
+    paths: string[];
+    children?: TMenuData[];
+    'data-menu-id': string;
+    'data-key': string;
+};
+/** 接口原始数据 */
+export type TApiMenuManagement = {
+    /** 菜单标识(页面按钮权限控制) */
+    permission?: string;
+    /** 隐藏路由展示 */
+    hidden?: 0 | 1;
+    /** 主键ID */
+    id: number | string;
+    pid: number | string;
+    /** 下级列表 */
+    children?: TApiMenuManagement[];
+    /** 兼容静态路由传入 */
+    routes?: TApiMenuManagement[];
+    /** 名称 */
+    title: string;
+    /** 图标 */
+    icon: string;
+    /**
+     * @desc 类型:
+     * - 1.菜单(menu)
+     * - 2.弹窗(dialog)
+     * - 3.外部链接(link)
+     * - 4.目录(dir)
+     * - 5.按钮(button)
+     */
+    type: 1 | 2 | 3 | 4 | 5;
+    /** 路由地址 */
+    routing: string;
+    /** 菜单类型 */
+    menu_type: 'dir' | 'menu' | 'button';
+};
+type TApiUserInfo = {
+    /** 用户名 */
+    username?: string;
+    /** 用户ID */
+    id?: string;
+    [key: string]: any;
+};
+export {};

package/dist/pro-layout/types/index.js

@@ -0,0 +1 @@
+export {};

package/dist/pro-layout/utils/index.d.ts

@@ -0,0 +1,25 @@
+export * from './menu';
+/**
+ * @description: 获取 localstorage 的值
+ */
+export declare const getLocalStorageItem: <T extends unknown = any>(key: string, defaultValue?: T) => T | null;
+/**
+ * @description: 存储 localstorage 的值
+ */
+export declare const setLocalStorageItem: <T extends unknown = any>(key: string, value: T) => void;
+/**
+ * @description: 移除 localstorage 的值
+ */
+export declare const removeLocalStorageItem: (key: string) => void;
+/**
+ * @description: 获取 sessionStorage 的值
+ */
+export declare const getSessionStorageItem: <T extends unknown = any>(key: string) => T | null;
+/**
+ * @description: 存储 sessionStorage 的值
+ */
+export declare const setSessionStorageItem: <T extends unknown = any>(key: string, value: T) => void;
+/**
+ * @description: 移除 sessionStorage 的值
+ */
+export declare const removeSessionStorageItem: (key: string) => void;

package/dist/pro-layout/utils/index.js

@@ -0,0 +1,63 @@
+export * from "./menu";
+
+/**
+ * @description: 获取 localstorage 的值
+ */
+export var getLocalStorageItem = function getLocalStorageItem(key, defaultValue) {
+  // 获取 值
+  var item = localStorage.getItem(key);
+  // 判断是否为空或undefined
+  if (item === null || item === undefined || item === 'null' || item === 'undefined') {
+    return defaultValue || null;
+  }
+
+  // 不为空返回解析后的值
+  var result = JSON.parse(item);
+  return result;
+};
+
+/**
+ * @description: 存储 localstorage 的值
+ */
+export var setLocalStorageItem = function setLocalStorageItem(key, value) {
+  var result = JSON.stringify(value);
+  localStorage.setItem(key, result);
+};
+
+/**
+ * @description: 移除 localstorage 的值
+ */
+export var removeLocalStorageItem = function removeLocalStorageItem(key) {
+  localStorage.removeItem(key);
+};
+
+/**
+ * @description: 获取 sessionStorage 的值
+ */
+export var getSessionStorageItem = function getSessionStorageItem(key) {
+  // 获取 值
+  var item = sessionStorage.getItem(key);
+  // 判断是否为空或undefined
+  if (item === null || item === undefined || item === 'null' || item === 'undefined') {
+    return null;
+  }
+
+  // 不为空返回解析后的值
+  var result = JSON.parse(item);
+  return result;
+};
+
+/**
+ * @description: 存储 sessionStorage 的值
+ */
+export var setSessionStorageItem = function setSessionStorageItem(key, value) {
+  var result = JSON.stringify(value);
+  sessionStorage.setItem(key, result);
+};
+
+/**
+ * @description: 移除 sessionStorage 的值
+ */
+export var removeSessionStorageItem = function removeSessionStorageItem(key) {
+  sessionStorage.removeItem(key);
+};

package/dist/pro-layout/utils/menu.d.ts

@@ -0,0 +1,15 @@
+import { TApiMenuManagement, TMenuData } from '../types';
+/**
+ * 处理数据菜单数据
+ */
+export declare const handleMenuData: (topData?: TApiMenuManagement[]) => {
+    allKeys: Record<string, true>;
+    rawData: TApiMenuManagement[];
+    home: TMenuData;
+    data: TMenuData[];
+    rootData: Omit<TMenuData, "children">[];
+    dataMap: Record<string, TMenuData>;
+    rootChildrenMap: Record<string, TMenuData[]>;
+    fullPathData: TMenuData[];
+    fullPathDataMap: Record<string, TMenuData>;
+};

package/dist/pro-layout/utils/menu.js

@@ -0,0 +1,122 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { Link } from 'react-router-dom';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 处理数据菜单数据
+ */
+export var handleMenuData = function handleMenuData() {
+  var topData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  // const item = {
+  //   label: data.name,
+  // };
+  /** 菜单 */
+  var data = [];
+  /** 根菜单 */
+  var rootData = [];
+  /** 菜单映射 */
+  var dataMap = {};
+  /** 根菜单映射 */
+  var rootChildrenMap = {};
+  /** 可打开的页面 */
+  var fullPathData = [];
+  /** 可打开的页面映射 */
+  var fullPathDataMap = {};
+  /** 所有key */
+  var allKeys = {};
+
+  /** 递归遍历 */
+  var each = function each(sourceData, source, paths) {
+    sourceData.forEach(function (old) {
+      /**
+       * @desc 移除路径上的层级
+       * @example /system/role-management -> role-management
+       */
+      var nodePath = paths.reduce(function (def, val) {
+        var reg = new RegExp("^/".concat(val, "(/)"));
+        return def.replace(reg, '$1');
+      }, old.routing).replaceAll('/', '') || '/';
+      var key = "/".concat([].concat(_toConsumableArray(paths), [nodePath]).join('/')).replaceAll('//', '/');
+
+      /** 组装新数据 */
+      var item = {
+        raw: Object.assign(old, {
+          // pageStatus: old.pageStatus ?? 0,
+          // formattedMessage: {id: '', defaultMessage: ''},
+        }),
+        label: /*#__PURE__*/_jsx(_Fragment, {
+          children: old.title
+        }),
+        key: key,
+        'data-menu-id': "".concat(old.id),
+        'data-key': key,
+        paths: [].concat(_toConsumableArray(paths), [nodePath])
+      };
+
+      // menu类型 或 静态数据 都进行收集
+      if (old.menu_type === 'menu') {
+        // 菜单页面收集
+        item.label = /*#__PURE__*/_jsxs(_Fragment, {
+          children: [item.label, /*#__PURE__*/_jsx(Link, {
+            to: item.key
+          })]
+        });
+        fullPathDataMap[item.key] = item;
+        fullPathData.push(item);
+
+        // 初始化,设置原型页面,是否绑定页面组件状态
+        // if (typeof item.raw.pageStatus === undefined || item.raw.pageStatus === 0) {
+        //   item.raw.pageStatus = routeComponentMap.pageComponentMap[item['data-key']] ? 2 : 1;
+        // }
+      }
+
+      // 递归
+      if (Array.isArray(old.routes) && old.routes.length || Array.isArray(old.children) && old.children.length) {
+        var arr = Array.isArray(old.routes) && old.routes.length ? old.routes : old.children || [];
+        item.children = [];
+        each(arr, item.children, _toConsumableArray(item.paths));
+        item.children = item.children.filter(function (ii) {
+          return !ii.raw.hidden;
+        });
+        if (!item.children.length) delete item.children;
+      }
+
+      // 只保留有 children 的目录节点（叶子节点不保留）
+      if (!item.children && old.menu_type === 'dir' && !item['data-menu-id'].startsWith('custom-')) {
+        // 没有 children，不保留
+        return;
+      }
+
+      // 收集
+      source.push(item);
+      allKeys[old.routing] = true;
+      dataMap[item.key] = item;
+
+      // 根节点收集
+      if (paths.length === 0) {
+        rootData.push(item);
+        rootChildrenMap[item.key] = item.children;
+      }
+    });
+  };
+  each(topData, data, []);
+  // console.log(topData);
+
+  return {
+    allKeys: allKeys,
+    rawData: topData,
+    home: fullPathData[0],
+    data: data,
+    rootData: rootData,
+    dataMap: dataMap,
+    rootChildrenMap: rootChildrenMap,
+    fullPathData: fullPathData,
+    fullPathDataMap: fullPathDataMap
+  };
+};

package/dist/types/svg.d.ts

@@ -0,0 +1,24 @@
+declare module '*.png' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.jpg' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.jpeg' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.svg' {
+  const value: string;
+  export default value;
+}
+
+declare module '*.gif' {
+  const value: string;
+  export default value;
+}