@spacego/fe-components 0.0.1-alpha.3 → 0.0.1-alpha.5

package/lib/fe-layouts/auth-layout/index.js

@@ -16,9 +16,9 @@ import "antd";
 import { useGlobal as C } from "../context/context.js";
 /* empty css           */
 import "../basics-layout/index.js";
-function A() {
-  const { appName: s, logo: n } = C(), { theme: o, themeColor: c, TOGGLE_THEME: m, SET_THEME_COLOR: f } = T(p(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [a, l] = u(!1), d = (r) => {
-    const i = r.currentTarget.getBoundingClientRect(), h = i.left + i.width / 2, x = i.top + i.height / 2;
+function q() {
+  const { appName: s, logo: n } = C(), { theme: o, themeColor: c, TOGGLE_THEME: m, SET_THEME_COLOR: f } = T(p(["theme", "themeColor", "TOGGLE_THEME", "SET_THEME_COLOR"])), [a, i] = u(!1), d = (r) => {
+    const l = r.currentTarget.getBoundingClientRect(), h = l.left + l.width / 2, x = l.top + l.height / 2;
     k(o === "light" ? "dark" : "light", h, x).then(() => {
       m();
     });
@@ -40,8 +40,8 @@ function A() {
                 opacity: a ? 1 : 0,
                 transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
               },
-              onMouseEnter: () => l(!0),
-              onMouseLeave: () => l(!1),
+              onMouseEnter: () => i(!0),
+              onMouseLeave: () => i(!1),
               children: E.map((r) => /* @__PURE__ */ e(
                 "div",
                 {
@@ -59,8 +59,8 @@ function A() {
               "div",
               {
                 className: "w-8 h-8 flex items-center justify-center cursor-pointer hover-scale-animation",
-                onMouseEnter: () => l(!0),
-                onMouseLeave: () => l(!1),
+                onMouseEnter: () => i(!0),
+                onMouseLeave: () => i(!1),
                 children: /* @__PURE__ */ e(N, { className: "h-[16px] w-[16px] text-(--color-primary)" })
               }
             ),
@@ -91,5 +91,5 @@ function A() {
   ] });
 }
 export {
-  A as default
+  q as default
 };

package/lib/fe-layouts/basics-layout/components/basics-layout/sidebar.js

@@ -7,7 +7,7 @@ import "../../../../store/modules/layout-config.store.js";
 import "../../../../store/modules/theme.store.js";
 const { Sider: w } = h;
 function A(a) {
-  const { collapsed: l, menus: n, activeKey: s, openKeys: o = [], onMenuClick: d, onCollapse: c } = a, [f, i] = y(o);
+  const { collapsed: l, menus: n = [], activeKey: s, openKeys: o = [], onMenuClick: d, onCollapse: c } = a, [f, i] = y(o);
   x(() => {
     o.length > 0 && i(o);
   }, [o]);

package/lib/fe-layouts/basics-layout/components/basics-layout/tabs.js

@@ -1,19 +1,19 @@
 import { jsx as r, jsxs as i, Fragment as u } from "react/jsx-runtime";
 import { classnames as s } from "@spacego/turbo-utils";
 import { Divider as x } from "antd";
-import { useRef as b, useState as v, useEffect as k } from "react";
-import { MdClear as g } from "react-icons/md";
+import { useRef as v, useState as b, useEffect as g } from "react";
+import { MdClear as k } from "react-icons/md";
 import y from "../../../../assets/svg/chrome-bg-after.svg.js";
 import w from "../../../../assets/svg/chrome-bg-before.svg.js";
 function z(c) {
-  const { tabs: o, activeKey: d, onChange: f, onClose: h } = c, n = b(null), [l, m] = v(!1), a = () => {
+  const { tabs: o, activeKey: d, onChange: f, onClose: h } = c, n = v(null), [l, m] = b(!1), a = () => {
     const e = n.current;
     if (e) {
       const t = e.scrollWidth > e.clientWidth;
       m(t);
     }
   };
-  return k(() => (a(), window.addEventListener("resize", a), () => {
+  return g(() => (a(), window.addEventListener("resize", a), () => {
     window.removeEventListener("resize", a);
   }), [o]), /* @__PURE__ */ r(
     "div",
@@ -43,7 +43,7 @@ function z(c) {
                   onClick: (p) => {
                     p.stopPropagation(), h(e.key);
                   },
-                  children: /* @__PURE__ */ r(g, { className: "text-xs text-[#333333] dark:text-[#cfd0d0] hover:text-black dark:hover:text-white transition-all" })
+                  children: /* @__PURE__ */ r(k, { className: "text-xs text-[#333333] dark:text-[#cfd0d0] hover:text-black dark:hover:text-white transition-all" })
                 }
               )
             ]

package/lib/fe-layouts/basics-layout/index.js

@@ -14,7 +14,7 @@ import { findRouteByPath as b, findMenuParentKeys as F, buildRouteMap as J, find
 /* empty css           */
 const { Content: W } = g;
 function fe() {
-  const a = P(), m = V(), { token: C, menus: s, routes: n } = z(), { tabsAttribute: A, sidebarCollapsed: v, loadingConfig: _, ADD_TAB: x, REMOVE_TAB: L, SET_ACTIVE_TAB_KEY: E, SET_SIDEBAR_COLLAPSED: S } = Y(N(["tabsAttribute", "sidebarCollapsed", "loadingConfig", "ADD_TAB", "REMOVE_TAB", "SET_ACTIVE_TAB_KEY", "SET_SIDEBAR_COLLAPSED"])), { tabsList: h, tabsActiveKey: r } = A, l = d(() => {
+  const a = P(), m = V(), { token: C, menus: s = [], routes: n = [] } = z(), { tabsAttribute: A, sidebarCollapsed: v, loadingConfig: _, ADD_TAB: x, REMOVE_TAB: L, SET_ACTIVE_TAB_KEY: E, SET_SIDEBAR_COLLAPSED: S } = Y(N(["tabsAttribute", "sidebarCollapsed", "loadingConfig", "ADD_TAB", "REMOVE_TAB", "SET_ACTIVE_TAB_KEY", "SET_SIDEBAR_COLLAPSED"])), { tabsList: h, tabsActiveKey: r } = A, l = d(() => {
     var t;
     if (!n || n.length === 0)
       return r;

package/lib/fe-layouts/layout.js

@@ -1,27 +1,27 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useSelector as n } from "@spacego/zustand";
-import { theme as i, ConfigProvider as h, Spin as c } from "antd";
-import { useMemo as u } from "react";
+import { theme as i, ConfigProvider as c, Spin as u } from "antd";
+import { useMemo as g } from "react";
 import "@ant-design/icons";
-import { getRealTheme as g } from "../utils/theme.js";
-import { useLayoutConfigStore as d } from "../store/modules/layout-config.store.js";
-import { useThemeStore as C } from "../store/modules/theme.store.js";
+import { getRealTheme as d } from "../utils/theme.js";
+import { useLayoutConfigStore as C } from "../store/modules/layout-config.store.js";
+import { useThemeStore as y } from "../store/modules/theme.store.js";
 import a from "../config/theme.js";
 import "react-router-dom";
 import "./context/context.js";
-import y from "./context/global-context.provider.js";
-import k from "./auth-layout/index.js";
-import L from "./basics-layout/index.js";
-import M from "./blank-layout/index.js";
-function q(p) {
-  const { layoutType: e } = p, { loadingConfig: s } = d(n(["loadingConfig"])), { theme: t, themeColor: r } = C(n(["theme", "themeColor"])), l = u(() => {
-    const f = g(t);
+import k from "./context/global-context.provider.js";
+import L from "./auth-layout/index.js";
+import M from "./basics-layout/index.js";
+import T from "./blank-layout/index.js";
+function z(p) {
+  const { layoutType: e, ...s } = p, { loadingConfig: l } = C(n(["loadingConfig"])), { theme: t, themeColor: r } = y(n(["theme", "themeColor"])), f = g(() => {
+    const h = d(t);
     return {
       cssVar: {
         prefix: "ant"
       },
       // 启用 CSS 变量模式，生成 --ant-color-primary 等变量
-      algorithm: f === "dark" ? i.darkAlgorithm : i.defaultAlgorithm,
+      algorithm: h === "dark" ? i.darkAlgorithm : i.defaultAlgorithm,
       token: {
         colorPrimary: r,
         ...a.token
@@ -31,19 +31,19 @@ function q(p) {
       }
     };
   }, [t, r]), m = (/* @__PURE__ */ new Map([
-    ["blank", M],
-    ["basic", L],
-    ["auth", k]
+    ["blank", T],
+    ["basic", M],
+    ["auth", L]
   ])).get(e);
-  return /* @__PURE__ */ o(h, { theme: l, children: /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(
-    c,
+  return /* @__PURE__ */ o(c, { theme: f, children: /* @__PURE__ */ o(k, { ...s, children: /* @__PURE__ */ o(
+    u,
     {
-      spinning: s.show && e !== "basic",
+      spinning: l.show && e !== "basic",
       wrapperClassName: "spin-wrapper-full",
       children: m && /* @__PURE__ */ o(m, {}, e)
     }
   ) }) });
 }
 export {
-  q as default
+  z as default
 };

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

@@ -1,4 +1,5 @@
-export interface IFeLayoutProps {
+import { IGlobalContextProps } from './context';
+export interface IFeLayoutProps extends IGlobalContextProps {
     /**
      * 布局类型，空白布局和后台布局
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spacego/fe-components",
-  "version": "0.0.1-alpha.3",
+  "version": "0.0.1-alpha.5",
   "description": "🚀 A component library for fe to use.",
   "type": "module",
   "main": "lib/index.js",