@spacego/fe-components 0.0.1-alpha.1

package/lib/hooks/use-auth.hook.js

@@ -0,0 +1,23 @@
+import { useSubmit as i, useFetcher as n, useSearchParams as c } from "react-router-dom";
+import { useLayoutConfigStore as a } from "../store/modules/layout-config.store.js";
+import "../store/modules/theme.store.js";
+import { useGlobal as l } from "../fe-layouts/context/context.js";
+import "react/jsx-runtime";
+import "react";
+function P() {
+  const t = i(), o = n(), [e] = c(), { setToken: r } = l();
+  return {
+    login: (s, u) => {
+      const m = u || e.get("from") || "/";
+      t({ token: s, redirectTo: m }, { method: "post", replace: !0 });
+    },
+    logout: () => {
+      r(void 0), o.submit(null, { action: "/logout", method: "post" }), setTimeout(() => {
+        a.getState().RESET();
+      }, 300);
+    }
+  };
+}
+export {
+  P as useAuth
+};

package/lib/index.css

@@ -0,0 +1 @@
+.bg-background-deep{background-color:#f1f3f6}.bg-background-deep .login-background{background:linear-gradient(154deg,#07070915 30%,color-mix(in srgb,var(--color-primary) 30%,transparent) 48%,#07070915 64%);filter:blur(100px)}.bg-background-deep .-enter-x{animation:enter-x-animation .3s ease-in-out .2s forwards;opacity:0;transform:translate(-50px)}.bg-background-deep .animate-float{animation:float 5s linear 0s infinite}.login-side .side-content{animation-name:slide-right;animation-duration:.3s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.login-side .side-content.exit-x{animation-name:exit-x-animation;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}@keyframes enter-x-animation{to{opacity:1;transform:translate(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slide-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes exit-x-animation{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(50px)}}@keyframes scale-pulse{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.hover-scale-animation:hover{animation:scale-pulse .3s cubic-bezier(.4,0,.2,1)}@custom-variant dark (&:where(.dark,.dark *));:root{--color-primary: #006BE6;--global-background-color: white;--border-color: #e4e4e7;--text-color: #323639}[data-theme=dark]{--global-background-color: #1a1c1f;--border-color: #36363a;--text-color: #f2f2f2}html{background-color:var(--global-background-color);--hover-primary-color: color-mix(in srgb, var(--color-primary) 80%, transparent)}#root,body,html{height:100%;width:100%}body{min-height:100vh}.spin-wrapper-full,.spin-wrapper-full .ant-spin-container{width:100%;height:100%}.spin-wrapper-full .ant-spin{max-height:100%!important}.basics-layout{--sidebar-width: 220px;--header-height: 64px;--tabs-height: 44px;--background-primary-light: color-mix(in srgb, var(--color-primary) 10%, transparent);--hover-background-color: #f4f4f5;--icon-text-color: #323639}[data-theme=dark] .basics-layout{--hover-background-color: #2e3033;--icon-text-color: #dddddd;--background-primary-light: #292a2d}.basics-layout .layout-header{flex-shrink:0}.basics-layout .layout-header .basics-breadcrumb .ant-breadcrumb-separator{display:flex;align-items:center;margin-inline:6px}.basics-layout .layout-sidebar{z-index:20;flex-shrink:0}.basics-layout .layout-sidebar .sidebar-menu{background:var(--global-background-color);border:none}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-item{margin:4px 8px;width:calc(100% - 16px);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);padding-inline:30%}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-item:hover{background:var(--hover-background-color)}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-item:hover .ant-menu-item-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1.18)}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-item.ant-menu-item-selected{background-color:var(--background-primary-light);color:var(--color-primary)}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-item .ant-menu-title-content{margin-inline-start:8px}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-submenu-title{margin:4px 8px;width:calc(100% - 16px);border-radius:8px;padding-inline:30%}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-submenu-title:hover{background-color:var(--hover-background-color)}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-submenu-title:hover .ant-menu-item-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:scale(1.18)}.basics-layout .layout-sidebar .sidebar-menu .ant-menu-sub{background:transparent}.basics-layout .custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.basics-layout .custom-scrollbar::-webkit-scrollbar-track{background:transparent}.basics-layout .custom-scrollbar::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.basics-layout .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#00000080}.basics-layout .layout-tabs{position:relative;scrollbar-width:thin}

package/lib/index.js

@@ -0,0 +1,48 @@
+import { getIcon as t, renderIcon as r } from "./utils/icon.js";
+import { applyTheme as m, applyThemeColor as p, applyThemeWithTransition as f, getRealTheme as l, getTheme as s, initTheme as u, listenSystemTheme as x, toggleTheme as n } from "./utils/theme.js";
+import { useLayoutConfigStore as T } from "./store/modules/layout-config.store.js";
+import { useThemeStore as y } from "./store/modules/theme.store.js";
+import { APP_KEY as g, NOOP as d, STORE_KEY as L } from "./config/constants.js";
+import { THEME_COLORS as C } from "./config/theme.js";
+import { createRouter as E, generateRouter as O } from "./router/index.js";
+import { default as b } from "./fe-layouts/auth-layout/index.js";
+import { default as _ } from "./fe-layouts/basics-layout/index.js";
+import { default as B } from "./fe-layouts/blank-layout/index.js";
+import { GlobalContext as I, useGlobal as K } from "./fe-layouts/context/context.js";
+import { default as k } from "./fe-layouts/context/global-context.provider.js";
+import { default as z } from "./fe-layouts/layout.js";
+import { createDefaultRoutes as F } from "./router/routes.js";
+import { createLazyComponent as N, getPath as W, processRoutes as j } from "./router/utils.js";
+import { createPermissionHelpers as w } from "./router/permission.js";
+export {
+  g as APP_KEY,
+  b as AuthLayout,
+  _ as BasicsLayout,
+  B as BlankLayout,
+  z as FeLayout,
+  I as GlobalContext,
+  k as GlobalContextProvider,
+  d as NOOP,
+  L as STORE_KEY,
+  C as THEME_COLORS,
+  m as applyTheme,
+  p as applyThemeColor,
+  f as applyThemeWithTransition,
+  F as createDefaultRoutes,
+  N as createLazyComponent,
+  w as createPermissionHelpers,
+  E as createRouter,
+  O as generateRouter,
+  t as getIcon,
+  W as getPath,
+  l as getRealTheme,
+  s as getTheme,
+  u as initTheme,
+  x as listenSystemTheme,
+  j as processRoutes,
+  r as renderIcon,
+  n as toggleTheme,
+  K as useGlobal,
+  T as useLayoutConfigStore,
+  y as useThemeStore
+};

package/lib/router/index.js

@@ -0,0 +1,43 @@
+import { createBrowserRouter as c } from "react-router-dom";
+import { createPermissionHelpers as u } from "./permission.js";
+import { createDefaultRoutes as a } from "./routes.js";
+import "react";
+function h(t) {
+  const { modules: n, token: o, BaseLayout: e, routes: s = [] } = t, r = u(o), i = a(n, r, e);
+  return {
+    /** 最终合并后的路由配置 */
+    routes: f(i, s),
+    /** 权限帮助函数，包含 ProtectedLoader 等，用于外部调用 processRoutes */
+    permissionHelpers: r
+  };
+}
+function f(t, n) {
+  const o = /* @__PURE__ */ new Map();
+  return t.forEach((e) => {
+    e.id && o.set(e.id, e);
+  }), n.forEach((e) => {
+    if (e.id)
+      if (e.id === "root" && o.has("root")) {
+        const s = o.get("root"), r = e, i = [
+          ...s.children || [],
+          ...r.children || []
+        ];
+        o.set("root", {
+          ...s,
+          ...r,
+          // 属性以 customRoot 为准
+          children: i
+        });
+      } else
+        o.set(e.id, e);
+  }), Array.from(o.values());
+}
+function g(t) {
+  return c(t);
+}
+export {
+  a as createDefaultRoutes,
+  u as createPermissionHelpers,
+  h as createRouter,
+  g as generateRouter
+};

package/lib/router/permission.js

@@ -0,0 +1,43 @@
+import { message as o } from "antd";
+import { redirect as e } from "react-router-dom";
+function h(i) {
+  const { getToken: r, setToken: a, removeToken: s } = i;
+  function u() {
+    return { token: r() };
+  }
+  function m({ request: t }) {
+    if (!r()) {
+      const n = new URLSearchParams();
+      return n.set("from", new URL(t.url).pathname), e("/auth/login?" + n.toString());
+    }
+    return null;
+  }
+  async function f() {
+    return r() ? e("/") : null;
+  }
+  async function g({ request: t }) {
+    const c = await t.formData(), n = c.get("token");
+    if (!n)
+      return o.warning("You must provide a token to log in");
+    try {
+      a(n), o.success("登录成功");
+    } catch {
+      return o.warning("Invalid login attempt");
+    }
+    const l = c.get("redirectTo");
+    return e(l || "/");
+  }
+  function k() {
+    return s(), o.success("退出成功"), e("/auth/login");
+  }
+  return {
+    RootLoader: u,
+    ProtectedLoader: m,
+    LoginLoader: f,
+    LoginAction: g,
+    LogoutAction: k
+  };
+}
+export {
+  h as createPermissionHelpers
+};

package/lib/router/routes.js

@@ -0,0 +1,57 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createLazyComponent as t } from "./utils.js";
+function d(o, c, e) {
+  const { RootLoader: n, LoginLoader: a, LoginAction: i, LogoutAction: l } = c;
+  return [
+    {
+      id: "root",
+      path: "/",
+      // 使用 element: 可以传递自定义 props
+      element: /* @__PURE__ */ r(e, { layoutType: "basic" }),
+      loader: n,
+      children: []
+      // ...dynamicRoutes
+    },
+    {
+      id: "blank",
+      path: "/blank",
+      element: /* @__PURE__ */ r(e, { layoutType: "blank" }),
+      loader: n,
+      children: []
+    },
+    {
+      id: "auth",
+      element: /* @__PURE__ */ r(e, { layoutType: "auth" }),
+      loader: n,
+      children: [
+        {
+          path: "/auth/login",
+          loader: a,
+          action: i,
+          // 使用 Component: 简洁，但不能传递自定义 props
+          Component: t("/basics/login", o)
+        },
+        {
+          path: "/auth/register",
+          loader: a,
+          action: i,
+          // 使用 Component: 简洁，但不能传递自定义 props
+          Component: t("/basics/register", o)
+        }
+      ]
+    },
+    {
+      // logout路由只用来退出登录，不展示页面
+      path: "/logout",
+      action: l,
+      Component: t("/basics/error", o)
+    },
+    {
+      path: "*",
+      Component: t("/basics/error", o)
+    }
+  ];
+}
+export {
+  d as createDefaultRoutes
+};

package/lib/router/utils.js

@@ -0,0 +1,105 @@
+import { lazy as g } from "react";
+function C(o) {
+  return `/src/pages/${o.replace(/^\/+/, "")}/index.tsx`;
+}
+function R(o, r) {
+  const d = r[C(o)];
+  if (!d) {
+    console.warn(`Module not found for path: ${o}`);
+    return;
+  }
+  return g(d);
+}
+function w(o) {
+  if (o)
+    return o.startsWith("/") ? o : `/${o}`;
+}
+function y(o, r) {
+  return (o.sort ?? 0) - (r.sort ?? 0);
+}
+function E(o, r, d) {
+  const p = [...o].sort(y).reduce((e, t) => {
+    const n = t.menuType || 2;
+    return e[n] || (e[n] = []), e[n].push(t), e;
+  }, {}), T = (p[3] || []).filter((e) => e.menuCode).map((e) => e.menuCode), l = [
+    ...p[1] || [],
+    ...p[2] || []
+  ].sort(y), u = /* @__PURE__ */ new Map(), f = [];
+  l.forEach((e) => {
+    const t = e.parentId || "/", n = w(e.path), s = {
+      id: e.menuId,
+      path: n,
+      parentId: t,
+      // 将 title、icon 放入 handle 字段
+      handle: {
+        title: e.title,
+        icon: e.icon,
+        isShowMenu: e.isShowMenu ?? !0,
+        isIndependentMenu: e.isIndependentMenu ?? !1,
+        activeRouteMenuId: e.activeRouteMenuId ?? e.menuId
+      }
+    };
+    if (e.menuType === 2 && e.menuCode) {
+      const i = R(e.menuCode, r);
+      i && (s.Component = i), e.index && (s.index = !0, delete s.path), e.protected !== !1 && d && (s.loader = d);
+    }
+    u.set(e.menuId, s);
+  }), l.forEach((e) => {
+    const t = u.get(e.menuId), n = e.parentId;
+    if (n && n !== "/") {
+      const s = u.get(n);
+      s ? (s.children || (s.children = []), s.children.push(t)) : f.push(t);
+    } else
+      f.push(t);
+  });
+  const h = /* @__PURE__ */ new Map(), a = [], I = l.filter((e) => e.isShowMenu !== !1);
+  I.forEach((e) => {
+    const t = u.get(e.menuId), n = t ? (() => {
+      const { children: i, ...m } = t;
+      return m;
+    })() : void 0, s = {
+      key: e.menuId,
+      label: e.title || e.menuId,
+      icon: e.icon,
+      routeNode: n,
+      menuType: e.menuType,
+      isIndependentMenu: e.isIndependentMenu
+    };
+    h.set(e.menuId, s);
+  }), I.forEach((e) => {
+    const t = h.get(e.menuId), n = e.parentId;
+    if (n && n !== "/") {
+      const s = h.get(n);
+      s ? (s.children || (s.children = []), s.children.push(t)) : a.push(t);
+    } else
+      a.push(t);
+  });
+  function M(e) {
+    const t = [];
+    return e.forEach((n) => {
+      if (n.children && n.children.length > 0 && (n.children = M(n.children)), n.menuType === 1 && n.children && n.children.length > 0) {
+        const s = n.children.filter((i) => i.isIndependentMenu === !0 && i.menuType === 2 && !i.customType);
+        if (s.length > 0) {
+          const i = s.map((c) => ({
+            ...c,
+            customType: "menu-promoted"
+            // 内部标识，表示这个菜单是被提升的
+          })), m = n.children.filter((c) => !(c.isIndependentMenu === !0 && c.menuType === 2 && !c.customType));
+          t.push(...i, ...m);
+        } else
+          t.push(n);
+      } else
+        t.push(n);
+    }), t;
+  }
+  return {
+    routes: f,
+    menus: M(a),
+    permissions: T
+  };
+}
+export {
+  R as createLazyComponent,
+  C as getPath,
+  E as processRoutes
+};

package/lib/store/modules/layout-config.store.js

@@ -0,0 +1,217 @@
+import { create as u } from "zustand";
+import { persist as d, combine as g, createJSONStorage as C } from "zustand/middleware";
+import "react/jsx-runtime";
+import "@ant-design/icons";
+import "./theme.store.js";
+import { STORE_KEY as E } from "../../config/constants.js";
+import "react-router-dom";
+import "antd";
+import "react";
+import "@spacego/zustand";
+import "react-icons/fa6";
+import "react-icons/io5";
+import "react-icons/lu";
+import "react-icons/md";
+/* empty css                                      */
+import "../../fe-layouts/basics-layout/index.js";
+import "../../fe-layouts/context/context.js";
+const A = () => ({
+  tabsAttribute: {
+    tabsList: [{
+      key: "Home",
+      label: "首页",
+      path: "/",
+      closable: !1
+      // 首页标签不可关闭
+    }],
+    tabsActiveKey: ""
+  },
+  loadingConfig: {
+    show: !1,
+    limit: 0,
+    timer: null
+  },
+  sidebarCollapsed: !1
+}), b = 0.1, B = u(d(
+  g(
+    A(),
+    (i, n) => ({
+      SET_STATE: (t) => i(t),
+      /**
+       * 添加标签页
+       */
+      ADD_TAB: (t) => {
+        const { tabsAttribute: e } = n(), { tabsList: a } = e, l = a.find((o) => o.key === t.key);
+        i(l ? {
+          tabsAttribute: {
+            ...e,
+            tabsActiveKey: t.key
+          }
+        } : {
+          tabsAttribute: {
+            ...e,
+            tabsList: [...a, t],
+            tabsActiveKey: t.key
+          }
+        });
+      },
+      /**
+       * 移除标签页
+       */
+      REMOVE_TAB: (t) => {
+        const { tabsAttribute: e } = n(), { tabsList: a, tabsActiveKey: l } = e, o = a.filter((s) => s.key !== t);
+        let r = l;
+        return l === t && o.length > 0 ? r = o[o.length - 1].key : o.length === 0 && (r = ""), i({
+          tabsAttribute: {
+            tabsList: o,
+            tabsActiveKey: r
+          }
+        }), a.find((s) => s.key === r) ?? {};
+      },
+      /**
+       * 设置当前激活的标签页
+       */
+      SET_ACTIVE_TAB_KEY: (t) => {
+        const { tabsAttribute: e } = n();
+        i({
+          tabsAttribute: {
+            ...e,
+            tabsActiveKey: t
+          }
+        });
+      },
+      /**
+       * 清空所有标签页
+       */
+      CLEAR_TABS: () => {
+        i({
+          tabsAttribute: {
+            tabsList: [],
+            tabsActiveKey: ""
+          }
+        });
+      },
+      /**
+       * 设置loading配置
+       */
+      SET_LOADING: (t) => {
+        if (t && t.showLoading === !1) return;
+        const { CLEAR_LOADING_TIMER: e, HIDE_LOADING: a } = n();
+        i((l) => {
+          const { loadingConfig: o } = l, r = o.show === !1, s = o.limit + 1, m = {
+            show: r ? !0 : o.show,
+            limit: s,
+            timer: o.timer
+          };
+          if (s === 1) {
+            e();
+            const c = setTimeout(() => {
+              const f = n();
+              f.loadingConfig.limit === 1 && f.loadingConfig.show && a(t);
+            }, 20 * 1e3);
+            return {
+              loadingConfig: {
+                ...m,
+                timer: c
+              }
+            };
+          } else
+            return e(), {
+              loadingConfig: m
+            };
+        });
+      },
+      /**
+       * 取消loading
+       */
+      HIDE_LOADING: (t) => {
+        if (t && t.showLoading === !1) return;
+        const { CLEAR_LOADING_TIMER: e, HIDE_LOADING: a } = n();
+        i((l) => {
+          const { loadingConfig: o } = l;
+          if (o.limit <= 0)
+            return l;
+          const r = o.limit - 1, s = {
+            ...o,
+            limit: r
+          };
+          if (r === 0)
+            return s.show = !1, e(), {
+              loadingConfig: {
+                ...s,
+                timer: null
+              }
+            };
+          if (r === 1) {
+            e();
+            const m = setTimeout(() => {
+              const c = n();
+              c.loadingConfig.limit === 1 && c.loadingConfig.show && a(t);
+            }, 20 * 1e3);
+            return {
+              loadingConfig: {
+                ...s,
+                timer: m
+              }
+            };
+          }
+          return {
+            loadingConfig: s
+          };
+        });
+      },
+      /**
+       * 清除loading定时器
+       */
+      CLEAR_LOADING_TIMER() {
+        const { loadingConfig: t } = n();
+        t.timer && (clearTimeout(t.timer), i({
+          loadingConfig: {
+            ...t,
+            timer: null
+          }
+        }));
+      },
+      /**
+       * 设置侧边栏折叠状态
+       */
+      SET_SIDEBAR_COLLAPSED: (t) => {
+        i({ sidebarCollapsed: t });
+      },
+      /**
+       * 切换侧边栏折叠状态
+       */
+      TOGGLE_SIDEBAR_COLLAPSED: () => {
+        const { sidebarCollapsed: t } = n();
+        i({ sidebarCollapsed: !t });
+      },
+      /**
+       * 重置
+       */
+      RESET: () => {
+        const { sidebarCollapsed: t, ...e } = A();
+        i(e);
+      }
+    })
+  ),
+  {
+    name: E.LAYOUT_CONFIG,
+    // unique name
+    storage: C(() => localStorage),
+    version: b,
+    // a migration will be triggered if the version in the storage mismatches this one
+    // 部分持久化
+    partialize: (i) => {
+      const { ...n } = i;
+      return n;
+    },
+    // migration logic
+    migrate: (i, n) => {
+      const t = A();
+      return n !== b && Object.assign(t, i), t;
+    }
+  }
+));
+export {
+  B as useLayoutConfigStore
+};

package/lib/store/modules/theme.store.js

@@ -0,0 +1,60 @@
+import { create as E } from "zustand";
+import { devtools as s, persist as T, combine as l, createJSONStorage as h } from "zustand/middleware";
+import "react/jsx-runtime";
+import "@ant-design/icons";
+import { applyThemeColor as n, applyTheme as m } from "../../utils/theme.js";
+import "./layout-config.store.js";
+import { STORE_KEY as i } from "../../config/constants.js";
+import "react-router-dom";
+import "antd";
+import "react";
+import "@spacego/zustand";
+import "react-icons/fa6";
+import "react-icons/io5";
+import "react-icons/lu";
+import "react-icons/md";
+/* empty css                                      */
+import "../../fe-layouts/basics-layout/index.js";
+import "../../fe-layouts/context/context.js";
+const a = () => ({
+  theme: "light",
+  themeColor: "#006BE6",
+  // 默认主题色
+  isCustomThemeColor: !1
+}), p = 0.1, G = E(s(
+  T(
+    l(
+      a(),
+      (t, r) => ({
+        SET_STATE: (e) => t(e),
+        SET_THEME: (e) => {
+          t({ theme: e }), m(e);
+        },
+        TOGGLE_THEME: () => {
+          const e = r().theme;
+          let o;
+          e === "system" ? o = window.matchMedia("(prefers-color-scheme: dark)").matches ? "light" : "dark" : o = e === "light" ? "dark" : "light", t({ theme: o }), m(o);
+        },
+        SET_THEME_COLOR: (e) => {
+          t({ themeColor: e }), n(e);
+        },
+        SET_IS_CUSTOM_THEME_COLOR: (e) => {
+          t({ isCustomThemeColor: e });
+        }
+      })
+    ),
+    {
+      name: i.THEME,
+      storage: h(() => localStorage),
+      version: p,
+      migrate: (t, r) => {
+        const e = a();
+        return r !== p && Object.assign(e, t), e;
+      }
+    }
+  ),
+  { name: i.THEME, enabled: !0 }
+));
+export {
+  G as useThemeStore
+};

package/lib/types/config/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const APP_KEY = "SPACEGO_ADMIN";
+export declare const NOOP: () => void;
+/**
+ * store key
+ */
+export declare const STORE_KEY: {
+    LAYOUT_CONFIG: string;
+    THEME: string;
+};

package/lib/types/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './theme';

package/lib/types/config/theme.d.ts

@@ -0,0 +1,7 @@
+import { ThemeConfig } from 'antd';
+declare const theme: ThemeConfig;
+/**
+ * 颜色列表
+ */
+export declare const THEME_COLORS: string[];
+export default theme;

package/lib/types/fe-layouts/auth-layout/index.d.ts

@@ -0,0 +1 @@
+export default function LoginLayout(): import("react/jsx-runtime").JSX.Element;

package/lib/types/fe-layouts/basics-layout/components/basics-layout/header.d.ts

@@ -0,0 +1,7 @@
+interface HeaderProps {
+    breadcrumbItems: {
+        title: string;
+    }[];
+}
+export default function Header({ breadcrumbItems }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/fe-layouts/basics-layout/components/basics-layout/setting-custom-color.d.ts

@@ -0,0 +1,3 @@
+declare function SettingCustomColor(): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof SettingCustomColor>;
+export default _default;

package/lib/types/fe-layouts/basics-layout/components/basics-layout/setting-drawer.d.ts

@@ -0,0 +1,6 @@
+interface SettingDrawerProps {
+    open: boolean;
+    onClose: () => void;
+}
+export default function SettingDrawer({ open, onClose }: SettingDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/fe-layouts/basics-layout/components/basics-layout/sidebar.d.ts

@@ -0,0 +1,11 @@
+import { MenuItem } from '../../../../router';
+interface SidebarProps {
+    collapsed: boolean;
+    menus: MenuItem[];
+    activeKey: string;
+    openKeys?: string[];
+    onMenuClick: (key: string) => void;
+    onCollapse: (collapsed: boolean) => void;
+}
+export default function Sidebar(props: SidebarProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/fe-layouts/basics-layout/components/basics-layout/tabs.d.ts

@@ -0,0 +1,9 @@
+import { TabItem } from '../../../../store/modules/layout-config.store';
+interface TabsComponentProps {
+    tabs: TabItem[];
+    activeKey: string;
+    onChange: (key: string) => void;
+    onClose: (key: string) => void;
+}
+export default function TabsComponent(props: TabsComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};