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

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

@@ -13,9 +13,9 @@ import "../../store/modules/layout-config.store.js";
 import { useThemeStore as T } from "../../store/modules/theme.store.js";
 import { THEME_COLORS as E } from "../../config/theme.js";
 import "antd";
+import { useGlobal as C } from "../context/context.js";
 /* empty css           */
 import "../basics-layout/index.js";
-import { useGlobal as C } from "../context/context.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;

package/lib/fe-layouts/layout.js

@@ -8,11 +8,11 @@ import { useLayoutConfigStore as d } from "../store/modules/layout-config.store.
 import { useThemeStore as C } from "../store/modules/theme.store.js";
 import a from "../config/theme.js";
 import "react-router-dom";
-import y from "./auth-layout/index.js";
-import k from "./basics-layout/index.js";
-import L from "./blank-layout/index.js";
 import "./context/context.js";
-import M from "./context/global-context.provider.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);
@@ -31,11 +31,11 @@ function q(p) {
       }
     };
   }, [t, r]), m = (/* @__PURE__ */ new Map([
-    ["blank", L],
-    ["basic", k],
-    ["auth", y]
+    ["blank", M],
+    ["basic", L],
+    ["auth", k]
   ])).get(e);
-  return /* @__PURE__ */ o(h, { theme: l, children: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(h, { theme: l, children: /* @__PURE__ */ o(y, { children: /* @__PURE__ */ o(
     c,
     {
       spinning: s.show && e !== "basic",

package/lib/index.js

@@ -5,44 +5,46 @@ 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";
+import { useAuth as b } from "./hooks/use-auth.hook.js";
+import { default as G } from "./fe-layouts/auth-layout/index.js";
+import { default as B } from "./fe-layouts/basics-layout/index.js";
+import { default as I } from "./fe-layouts/blank-layout/index.js";
+import { GlobalContext as Y, useGlobal as k } from "./fe-layouts/context/context.js";
+import { default as z } from "./fe-layouts/context/global-context.provider.js";
+import { default as F } from "./fe-layouts/layout.js";
+import { createDefaultRoutes as N } from "./router/routes.js";
+import { createLazyComponent as j, getPath as q, processRoutes as w } from "./router/utils.js";
+import { createPermissionHelpers as Q } 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,
+  G as AuthLayout,
+  B as BasicsLayout,
+  I as BlankLayout,
+  F as FeLayout,
+  Y as GlobalContext,
+  z 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,
+  N as createDefaultRoutes,
+  j as createLazyComponent,
+  Q as createPermissionHelpers,
   E as createRouter,
   O as generateRouter,
   t as getIcon,
-  W as getPath,
+  q as getPath,
   l as getRealTheme,
   s as getTheme,
   u as initTheme,
   x as listenSystemTheme,
-  j as processRoutes,
+  w as processRoutes,
   r as renderIcon,
   n as toggleTheme,
-  K as useGlobal,
+  b as useAuth,
+  k as useGlobal,
   T as useLayoutConfigStore,
   y as useThemeStore
 };

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

@@ -7,6 +7,7 @@ import { STORE_KEY as E } from "../../config/constants.js";
 import "react-router-dom";
 import "antd";
 import "react";
+import "../../fe-layouts/context/context.js";
 import "@spacego/zustand";
 import "react-icons/fa6";
 import "react-icons/io5";
@@ -14,7 +15,6 @@ 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: [{

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

@@ -8,6 +8,7 @@ import { STORE_KEY as i } from "../../config/constants.js";
 import "react-router-dom";
 import "antd";
 import "react";
+import "../../fe-layouts/context/context.js";
 import "@spacego/zustand";
 import "react-icons/fa6";
 import "react-icons/io5";
@@ -15,7 +16,6 @@ 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",

package/lib/types/index.d.ts

@@ -6,5 +6,7 @@ export * from './store';
 export * from './config';
 /**------------------------------------------- router ------------------------------------------- */
 export * from './router';
+/**------------------------------------------- hooks ------------------------------------------- */
+export * from './hooks';
 /**------------------------------------------- components ------------------------------------------- */
 export * from './fe-layouts';

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

@@ -15,7 +15,7 @@ export interface CreateRouterOptions {
 /**
  * 创建路由器配置（第一层）
  * @param options
- * @returns { routes, permissionHelpers }
+ * @returns
  */
 export declare function createRouter(options: CreateRouterOptions): {
     /** 最终合并后的路由配置 */

package/package.json

@@ -1,23 +1,31 @@
 {
   "name": "@spacego/fe-components",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.3",
   "description": "🚀 A component library for fe to use.",
   "type": "module",
   "main": "lib/index.js",
   "module": "lib/index.js",
   "typings": "lib/types/index.d.ts",
+  "style": "lib/index.css",
   "exports": {
     ".": {
       "types": "./lib/types/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib/index.js"
     },
+    "./index.css": {
+      "import": "./lib/index.css",
+      "require": "./lib/index.css"
+    },
     "./*": {
       "types": "./lib/types/*.d.ts",
       "import": "./lib/*.js",
       "require": "./lib/*.js"
     }
   },
+  "files": [
+    "lib"
+  ],
   "scripts": {
     "build": "vite build"
   },

package/src/assets/styles/animate.css

@@ -1,62 +0,0 @@
-@keyframes enter-x-animation {
-  100% {
-    opacity: 1;
-    transform: translate(0);
-  }
-}
-
-@keyframes float {
-  0% {
-    transform: translateY(0);
-  }
-
-  50% {
-    transform: translateY(-20px);
-  }
-
-  100% {
-    transform: translateY(0);
-  }
-}
-
-@keyframes slide-right {
-  0% {
-    opacity: 0;
-    transform: translate(50px);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translate(0);
-  }
-}
-
-@keyframes exit-x-animation {
-  0% {
-    opacity: 1;
-    transform: translate(0);
-  }
-
-  100% {
-    opacity: 0;
-    transform: translate(50px);
-  }
-}
-
-@keyframes scale-pulse {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.9);
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}
-
-.hover-scale-animation:hover {
-  animation: scale-pulse 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-}

package/src/assets/styles/index.css

@@ -1,49 +0,0 @@
-@import "./animate.css";
-
-/* 配置 Tailwind CSS dark 模式为 class 模式，而不是跟随系统 */
-/* 这样 dark: 前缀会基于 html.dark 类，而不是系统主题 */
-@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 遮罩样式，确保在当前容器内撑满 */
-.spin-wrapper-full {
-  width: 100%;
-  height: 100%;
-
-  .ant-spin-container {
-    width: 100%;
-    height: 100%;
-  }
-
-  .ant-spin {
-    max-height: 100% !important;
-  }
-}

package/src/assets/svg/chrome-bg-after.svg

@@ -1 +0,0 @@
-<svg data-v-f1ce25ed="" class="tabs-chrome__background-after absolute bottom-0 right-[-7px] fill-transparent transition-all duration-500 group-[.is-active]:fill-(--background-primary-light)" height="7" width="7"><path data-v-f1ce25ed="" d="M 0 0 A 7 7 0 0 0 7 7 L 0 7 Z"></path></svg>

package/src/assets/svg/chrome-bg-before.svg

@@ -1 +0,0 @@
-<svg data-v-f1ce25ed="" class="tabs-chrome__background-before absolute bottom-0 left-[-7px] fill-transparent transition-all duration-500 group-[.is-active]:fill-(--background-primary-light)" height="7" width="7"><path data-v-f1ce25ed="" d="M 0 7 A 7 7 0 0 0 7 0 L 7 7 Z"></path></svg>

package/src/assets/svg/icon-arrows-right.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right-icon lucide-chevron-right"><path d="m9 18 6-6-6-6"></path></svg>

package/src/assets/svg/icon-bell.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide size-4 lucide-bell-icon lucide-bell size-4"><path d="M10.268 21a2 2 0 0 0 3.464 0"></path><path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326"></path></svg>

package/src/assets/svg/icon-custom.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide z-1 absolute size-5 opacity-60"><path d="M2 21a8 8 0 0 1 10.821-7.487"></path><path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"></path><circle cx="10" cy="8" r="5"></circle></svg>

package/src/assets/svg/icon-sun-moon.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide mx-9 size-5 lucide-sun-moon-icon lucide-sun-moon mx-9 size-5"><path d="M12 2v2"></path><path d="M14.837 16.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715"></path><path d="M16 12a4 4 0 0 0-4-4"></path><path d="m19 5-1.256 1.256"></path><path d="M20 12h2"></path></svg>

package/src/assets/svg/icon-system.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide size-4 lucide-settings-icon lucide-settings size-4"><path d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"></path><circle cx="12" cy="12" r="3"></circle></svg>

package/src/assets/svg/loading.svg

@@ -1,13 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" className="spin-animation">
-  <g clipPath="url(#clip0_324_2488)">
-    <path d="M15 0H10C9.44772 0 9 0.447715 9 1V6C9 6.55228 9.44772 7 10 7H15C15.5523 7 16 6.55228 16 6V1C16 0.447715 15.5523 0 15 0Z" fill="var(--color-primary)" />
-    <path opacity="0.5" d="M15 9H10C9.44772 9 9 9.44772 9 10V15C9 15.5523 9.44772 16 10 16H15C15.5523 16 16 15.5523 16 15V10C16 9.44772 15.5523 9 15 9Z" fill="var(--color-primary)" />
-    <path opacity="0.1" d="M6 9H1C0.447715 9 0 9.44772 0 10V15C0 15.5523 0.447715 16 1 16H6C6.55228 16 7 15.5523 7 15V10C7 9.44772 6.55228 9 6 9Z" fill="var(--color-primary)" />
-    <path opacity="0.2" d="M6 0H1C0.447715 0 0 0.447715 0 1V6C0 6.55228 0.447715 7 1 7H6C6.55228 7 7 6.55228 7 6V1C7 0.447715 6.55228 0 6 0Z" fill="var(--color-primary)" />
-  </g>
-  <defs>
-    <clipPath id="clip0_324_2488">
-      <rect width="16" height="16" fill="white" />
-    </clipPath>
-  </defs>
-</svg>