@rainbow-oh/yee-c 0.8.13 → 0.8.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainbow-oh/yee-c",
-  "version": "0.8.13",
+  "version": "0.8.14",
   "description": "yee basic components",
   "keywords": [
     "react",

package/src/Pagination/style/index.less

@@ -30,6 +30,10 @@
     margin-right: 0;
   }
 
+  &-total {
+    white-space: nowrap;
+  }
+
   &-prev,
   &-next {
     // border: var(--yee-pagination-item-border-width) solid var(--yee-pagination-item-border-color);

package/src/Spin/demo/types.tsx

@@ -5,17 +5,17 @@ export default () => {
   return (
     <Space direction="vertical">
       <Space>
-        <Spin variant="dot" />
+        <Spin variant="dot" color="error"/>
         <span>dot</span>
       </Space>
 
       <Space>
-        <Spin variant="ring" />
+        <Spin variant="ring" color="error"/>
         <span>ring</span>
       </Space>
 
       <Space>
-        <Spin variant="spokes" />
+        <Spin variant="spokes" color="error"/>
         <span>spokes</span>
       </Space>
     </Space>

package/src/Spin/index.en-US.md

@@ -52,12 +52,6 @@ Used for page and block loading status.
 
 | Type | Description |
 | --- | --- |
-| blank | Blank type |
-| balls | Balls type |
-| bars | Bars type |
-| bubbles | Bubbles type |
-| cubes | Cubes type |
-| cylon | Cylon type |
-| spin | Spin type |
-| spinningBubbles | Spinning bubbles type |
+| dot | dot circle |
+| ring | rotating circle |
 | spokes | Spokes type |

package/src/Spin/index.zh-CN.md

@@ -52,12 +52,6 @@ toc: 'content'
 
 | 类型 | 描述 |
 | --- | --- |
-| blank | 空白类型 |
-| balls | 小球类型 |
-| bars | 条形类型 |
-| bubbles | 气泡类型 |
-| cubes | 方块类型 |
-| cylon | 赛隆类型 |
-| spin | 旋转类型 |
-| spinningBubbles | 旋转气泡类型 |
+| dot | 原点旋转 |
+| ring | 圆环转圈 |
 | spokes | 辐条类型 |

package/src/Spin/indicator.tsx

@@ -60,6 +60,7 @@ const SpokesSpinner: React.FC<SpinProps> = (props) => {
     styles,
     width,
     height,
+    color
   } = props;
 
   const containerSize = sizeMap[size];
@@ -86,6 +87,7 @@ const SpokesSpinner: React.FC<SpinProps> = (props) => {
             style={{
               transform: `rotate(${i * (360 / count)}deg)`,
               animationDelay: `${(i * 1) / count}s`,
+              backgroundColor: color,
             }}
           />
         ))}

package/src/Spin/style/index.less

@@ -43,10 +43,7 @@
         display: block;
         border-style: solid;
         border-color: var(--yee-color-bg-layout, rgba(0, 0, 0, 8%));
-        border-top-color: var(
-          --yee-spin-default-color,
-          var(--yee-color-primary, #1677ff)
-        );
+        border-top-color: var(--m-indicator-dot-bg-color);
         border-radius: 50%;
         animation: yee-spin-ring-rotate 0.8s linear infinite;
       }
@@ -67,10 +64,7 @@
         height: 40%;
         margin-left: -1px;
         transform-origin: center bottom;
-        background-color: var(
-          --yee-spin-default-color,
-          var(--yee-color-primary, #1677ff)
-        );
+        background-color: var(--m-indicator-dot-bg-color);
         border-radius: 1px;
         animation: yee-spin-spokes-fade 1.2s linear infinite;
       }

package/src/version.ts

@@ -4,7 +4,7 @@ declare global {
   }
 }
 
-export const version = "0.8.13";
+export const version = "0.8.14";
 
 if (typeof window !== 'undefined') {
   window.__yee_c_version__ = version;