enr 1.0.2 → 1.1.0

package/styles/loading-keyframes.scss

@@ -4,25 +4,11 @@
 
   100%,
   0% {
-    background-size:
-      10% 10%,
-      10% 10%,
-      10% 10%,
-      10% 10%;
-    background-position:
-      25% 45%,
-      41.7% 45%,
-      58.3% 45%,
-      75% 45%;
-  }
-
-  20%,
-  80% {
     background-size: 2.5% 2.5%;
     background-position: 25% 45%;
   }
 
-  22% {
+  3.258% {
     background-size:
       3.75% 3.75%,
       2.5% 2.5%,
@@ -36,7 +22,7 @@
       25% 45%;
   }
 
-  24% {
+  6.516% {
     background-size:
       5% 5%,
       2.5% 2.5%,
@@ -50,7 +36,7 @@
       25% 45%;
   }
 
-  26% {
+  9.774% {
     background-size:
       6.25% 6.25%,
       2.5% 2.5%,
@@ -64,7 +50,7 @@
       25% 45%;
   }
 
-  28% {
+  13.032% {
     background-size:
       7.5% 7.5%,
       3.75% 3.75%,
@@ -79,7 +65,7 @@
       25% 45%;
   }
 
-  30% {
+  16.29% {
     background-size:
       8.75% 8.75%,
       5% 5%,
@@ -94,7 +80,7 @@
       25% 45%;
   }
 
-  32% {
+  19.548% {
     background-size:
       10% 10%,
       6.25% 6.25%,
@@ -110,7 +96,7 @@
       25% 45%;
   }
 
-  34% {
+  22.806% {
     background-size:
       10% 10%,
       7.5% 7.5%,
@@ -130,15 +116,28 @@
   $Pi: 3.1415926;
 
   @for $i from 18 through 33 {
-    #{calc($i / 50 * 100%)} {
-      background-position: #{(50 - (25 * cos(($Pi * ($i - 10)) / 12))) * 1%} #{(45 - 25 * sin(($Pi * ($i - 10)) / 12)) * 1%},
-      #{(50 - (25 * cos(($Pi * ($i - 13)) / 12))) * 1%} #{(45 - 25 * sin(($Pi * ($i - 13)) / 12)) * 1%},
-      #{(50 - (25 * cos(($Pi * ($i - 15)) / 12))) * 1%} #{(45 - 25 * sin(($Pi * ($i - 15)) / 12)) * 1%},
-      #{(50 - (25 * cos(($Pi * ($i - 17)) / 12))) * 1%} #{(45 - 25 * sin(($Pi * ($i - 17)) / 12)) * 1%};
+    #{calc((($i  - 10 )/ 31  ) * 100%)} {
+      background-position:
+        #{(50 - (25 * cos(($Pi * ($i - 10)) / 12))) *
+          1%}
+          #{(45 - 25 * sin(($Pi * ($i - 10)) / 12)) *
+          1%},
+        #{(50 - (25 * cos(($Pi * ($i - 13)) / 12))) *
+          1%}
+          #{(45 - 25 * sin(($Pi * ($i - 13)) / 12)) *
+          1%},
+        #{(50 - (25 * cos(($Pi * ($i - 15)) / 12))) *
+          1%}
+          #{(45 - 25 * sin(($Pi * ($i - 15)) / 12)) *
+          1%},
+        #{(50 - (25 * cos(($Pi * ($i - 17)) / 12))) *
+          1%}
+          #{(45 - 25 * sin(($Pi * ($i - 17)) / 12)) *
+          1%};
     }
   }
 
-  68% {
+  78.192% {
     background-size:
       10% 10%,
       7.5% 7.5%,
@@ -155,7 +154,7 @@
       48% 70%;
   }
 
-  70% {
+  81.45% {
     background-size:
       8.75% 8.75%,
       7.5% 7.5%,
@@ -172,7 +171,7 @@
       43.53% 69.15%;
   }
 
-  72% {
+  84.708% {
     background-size:
       7.5% 7.5%,
       7.5% 7.5%,
@@ -189,7 +188,7 @@
       37.45% 66.65%;
   }
 
-  74% {
+  87.966% {
     background-size:
       6.25% 6.25%,
       6.25% 6.25%,
@@ -206,7 +205,7 @@
       32.32% 62.68%;
   }
 
-  76% {
+  91.224% {
     background-size:
       5% 5%,
       5% 5%,
@@ -223,7 +222,7 @@
       28.35% 57.45%;
   }
 
-  78% {
+  97.482% {
     background-size:
       3.75% 3.75%,
       3.75% 3.75%,
@@ -239,4 +238,4 @@
       // 位置  23
       25.85% 51.47%;
   }
-}
+}

package/type/components/Details/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license MIT
+ * enr@type/components/Details/index.d.ts 
+ * Copyright (c) 2025 earthnut.dev
+ * 请在项目根参看详细许可证明
+ */
+export type DetailsProps = {
+    title?: string;
+    children: React.ReactNode;
+};
+/**
+ *
+ * @param DetailsProps
+ * @param DetailsProps.children  子组件
+ * @param DetailsProps.title   标题
+ * @returns
+ */
+export declare function Details({ title, children }: DetailsProps): import("react/jsx-runtime").JSX.Element;

package/type/customHooks/useRipples/buildBackground/default-background/circleDataList.d.ts

@@ -7,7 +7,7 @@
 /**  圆数据  */
 export declare const circleDataList: {
     /**  计数器  */
-    #cum: number;
+    "__#private@#cum": number;
     /**  构建新的数据依据  */
     build(darkMode: boolean): void;
     /**  数据依据  */

package/type/index.client.d.ts

@@ -18,3 +18,4 @@ export type { EnImageProps } from './components/image';
 export { useColorMode, ThemeColorModeProvider } from './components/ThemeContext';
 export type { ColorMode, ThemeContextType, ThemeColorModeProviderProps, } from './components/ThemeContext/types';
 export { Switch, Switch as EnSwitch } from './components/switch';
+export { Details, Details as EnDetails } from './components/Details';