@spacego/fe-components 0.0.1-alpha.2 → 0.0.1-alpha.4

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/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/package.json

@@ -1,23 +1,31 @@
 {
   "name": "@spacego/fe-components",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1-alpha.4",
   "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>