Merge branch 'main' into 1.4.x-dev

Author: QiuShuiBai

.gitignore

@@ -10,3 +10,4 @@ test/coverage
 .cache
 packages/website-build/lib/
 docs/components
+example/ReactNativeProject/index.js

.npmrc

@@ -1,2 +1 @@
-node-linker=hoisted
 registry=https://registry.npmjs.org/

CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.4.14] - 2026-03-31
+- slider 组件，优化 rn 下交互
+
+## [1.4.13] - 2026-03-31
+- checkbox-single 组件，支持 rn 
+
+## [1.4.12] - 2026-03-13
+- 新增 slider 组件，支持三端
+
 ## [1.4.11] - 2026-02-03
 - popup ali fix 滚动穿透问题
 

docs/guide/changelog.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [1.4.14] - 2026-03-31
+- slider 组件，优化 rn 下交互
+
+## [1.4.13] - 2026-03-31
+- checkbox-single 组件，支持 rn 
+
+## [1.4.12] - 2026-03-13
+- 新增 slider 组件，支持三端
+
 ## [1.4.11] - 2026-02-03
 - popup ali fix 滚动穿透问题
 

docs/guide/design-tokens.md

@@ -29,21 +29,21 @@
  ### color
 |变量名|默认值|含义|
 |---|---|---|
-|<span id="color-white" class="css-var-name">$color-white</span>|<div>#fff</div>|基础-白色|
-|<span id="color-black" class="css-var-name">$color-black</span>|<div>#323233</div>|基础-黑色|
-|<span id="color-primary" class="css-var-name">$color-primary</span>|<div>#FF7E33</div>|基础-主要颜色|
-|<span id="color-secondary" class="css-var-name">$color-secondary</span>|<div>#4F5E83</div>|基础-次要颜色|
-|<span id="color-disabled" class="css-var-name">$color-disabled</span>|<div>#ccc</div>|基础-禁用色|
-|<span id="color-dark-grey" class="css-var-name">$color-dark-grey</span>|<div>#333</div>|基础-灰色|
-|<span id="color-dark-grey-s" class="css-var-name">$color-dark-grey-s</span>|<div>#000000</div>|-|
-|<span id="color-light-grey-opacity" class="css-var-name">$color-light-grey-opacity</span>|<div>rgba(0, 0, 0, .04)</div>|基础-透明灰|
-|<span id="mask-bgc_opacity" class="css-var-name">$mask-bgc_opacity</span>|<div>rgba(37, 38, 45, 0.4)</div>|遮罩层背景|
-|<span id="fill-bgc" class="css-var-name">$fill-bgc</span>|<div>#f2f2f2</div>|基础-填充背景色|
-|<span id="opacity_active" class="css-var-name">$opacity_active</span>|<div>0.6</div>|基础-透明度|
-|<span id="text-color" class="css-var-name">$text-color</span>|<div><a class="css-var-default" href="#color-black">$color-black</a></div>|基础-正文、标题颜色|
-|<span id="text-color-desc" class="css-var-name">$text-color-desc</span>|<div>#444</div>|基础-副标题、副文案、placeholder、提示性文字颜色|
-|<span id="text-color-hint" class="css-var-name">$text-color-hint</span>|<div>#999</div>|基础-不希望显眼的文字（如“取消”文字按钮）颜色|
-|<span id="border-color-normal" class="css-var-name">$border-color-normal</span>|<div>#ebebeb</div>|基础-1px边框颜色|
+|<span id="color-white" class="css-var-name">--cube-color-white</span>|<div>#fff</div>|基础-白色|
+|<span id="color-black" class="css-var-name">--cube-color-black</span>|<div>#323233</div>|基础-黑色|
+|<span id="color-primary" class="css-var-name">--cube-color-primary</span>|<div>#FF7E33</div>|基础-主要颜色|
+|<span id="color-secondary" class="css-var-name">--cube-color-secondary</span>|<div>#4F5E83</div>|基础-次要颜色|
+|<span id="color-disabled" class="css-var-name">--cube-color-disabled</span>|<div>#ccc</div>|基础-禁用色|
+|<span id="color-dark-grey" class="css-var-name">--cube-color-dark-grey</span>|<div>#333</div>|基础-灰色|
+|<span id="color-dark-grey-s" class="css-var-name">--cube-color-dark-grey-s</span>|<div>#000000</div>|-|
+|<span id="color-light-grey-opacity" class="css-var-name">--cube-color-light-grey-opacity</span>|<div>rgba(0, 0, 0, .04)</div>|基础-透明灰|
+|<span id="mask-bgc_opacity" class="css-var-name">--cube-mask-bgc_opacity</span>|<div>rgba(37, 38, 45, 0.4)</div>|遮罩层背景|
+|<span id="fill-bgc" class="css-var-name">--cube-fill-bgc</span>|<div>#f2f2f2</div>|基础-填充背景色|
+|<span id="opacity_active" class="css-var-name">--cube-opacity_active</span>|<div>0.6</div>|基础-透明度|
+|<span id="text-color" class="css-var-name">--cube-text-color</span>|<div><a class="css-var-default" href="#color-black">--cube-color-black</a></div>|基础-正文、标题颜色|
+|<span id="text-color-desc" class="css-var-name">--cube-text-color-desc</span>|<div>#444</div>|基础-副标题、副文案、placeholder、提示性文字颜色|
+|<span id="text-color-hint" class="css-var-name">--cube-text-color-hint</span>|<div>#999</div>|基础-不希望显眼的文字（如“取消”文字按钮）颜色|
+|<span id="border-color-normal" class="css-var-name">--cube-border-color-normal</span>|<div>#ebebeb</div>|基础-1px边框颜色|
 
 
 </card>
@@ -54,17 +54,17 @@
  ### size
 |变量名|默认值|含义|
 |---|---|---|
-|<span id="font-size-6xl" class="css-var-name">$font-size-6xl</span>|<div>30px</div>|-|
-|<span id="font-size-5xl" class="css-var-name">$font-size-5xl</span>|<div>28px</div>|-|
-|<span id="font-size-4xl" class="css-var-name">$font-size-4xl</span>|<div>26px</div>|-|
-|<span id="font-size-3xl" class="css-var-name">$font-size-3xl</span>|<div>24px</div>|-|
-|<span id="font-size-2xl" class="css-var-name">$font-size-2xl</span>|<div>22px</div>|-|
-|<span id="font-size-xl" class="css-var-name">$font-size-xl</span>|<div>20px</div>|-|
-|<span id="font-size-lg" class="css-var-name">$font-size-lg</span>|<div>18px</div>|-|
-|<span id="font-size-md" class="css-var-name">$font-size-md</span>|<div>16px</div>|-|
-|<span id="font-size-sm" class="css-var-name">$font-size-sm</span>|<div>14px</div>|-|
-|<span id="font-size-xs" class="css-var-name">$font-size-xs</span>|<div>12px</div>|-|
-|<span id="font-size-2xs" class="css-var-name">$font-size-2xs</span>|<div>10px</div>|-|
+|<span id="font-size-6xl" class="css-var-name">--cube-font-size-6xl</span>|<div>30px</div>|-|
+|<span id="font-size-5xl" class="css-var-name">--cube-font-size-5xl</span>|<div>28px</div>|-|
+|<span id="font-size-4xl" class="css-var-name">--cube-font-size-4xl</span>|<div>26px</div>|-|
+|<span id="font-size-3xl" class="css-var-name">--cube-font-size-3xl</span>|<div>24px</div>|-|
+|<span id="font-size-2xl" class="css-var-name">--cube-font-size-2xl</span>|<div>22px</div>|-|
+|<span id="font-size-xl" class="css-var-name">--cube-font-size-xl</span>|<div>20px</div>|-|
+|<span id="font-size-lg" class="css-var-name">--cube-font-size-lg</span>|<div>18px</div>|-|
+|<span id="font-size-md" class="css-var-name">--cube-font-size-md</span>|<div>16px</div>|-|
+|<span id="font-size-sm" class="css-var-name">--cube-font-size-sm</span>|<div>14px</div>|-|
+|<span id="font-size-xs" class="css-var-name">--cube-font-size-xs</span>|<div>12px</div>|-|
+|<span id="font-size-2xs" class="css-var-name">--cube-font-size-2xs</span>|<div>10px</div>|-|
 
 
 </card>

example/ReactNativeProject/ios/Podfile.lock

@@ -1885,6 +1885,49 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
+  - RNSVG (15.8.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - RNSVG/common (= 15.8.0)
+    - Yoga
+  - RNSVG/common (15.8.0):
+    - DoubleConversion
+    - glog
+    - hermes-engine
+    - RCT-Folly (= 2024.11.18.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCodegen
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
   - SDWebImage (5.21.1):
     - SDWebImage/Core (= 5.21.1)
   - SDWebImage/Core (5.21.1)
@@ -1983,6 +2026,7 @@ DEPENDENCIES:
   - RNReactNativeHapticFeedback (from `../node_modules/react-native-haptic-feedback`)
   - RNReanimated (from `../node_modules/react-native-reanimated`)
   - RNScreens (from `../node_modules/react-native-screens`)
+  - RNSVG (from `../node_modules/react-native-svg`)
   - Yoga (from `../node_modules/react-native/ReactCommon/yoga`)
 
 SPEC REPOS:
@@ -2163,6 +2207,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native-reanimated"
   RNScreens:
     :path: "../node_modules/react-native-screens"
+  RNSVG:
+    :path: "../node_modules/react-native-svg"
   Yoga:
     :path: "../node_modules/react-native/ReactCommon/yoga"
 
@@ -2253,6 +2299,7 @@ SPEC CHECKSUMS:
   RNReactNativeHapticFeedback: 66c6b0cf19f5d9dae8be36b2336e1fe2a2e42566
   RNReanimated: 8a4ea733f88a33379150eb2e73b375e14de81e84
   RNScreens: 21653ad95ea24514c81076a7af524705cd0edc21
+  RNSVG: 6a383145a3c76eba345cabe83d6424a2840308ca
   SDWebImage: f29024626962457f3470184232766516dee8dfea
   SDWebImageAVIFCoder: 00310d246aab3232ce77f1d8f0076f8c4b021d90
   SDWebImageWebPCoder: e38c0a70396191361d60c092933e22c20d5b1380

example/ReactNativeProject/package-lock.json

@@ -35,6 +35,7 @@
     "react-native-reanimated": "3.16.7",
     "react-native-safe-area-context": "^4.10.9",
     "react-native-screens": "^4.8.0",
+    "react-native-svg": "15.8.0",
     "react-native-webview": "^13.13.2"
   },
   "devDependencies": {