@unif/react-native-design 0.8.1 → 0.9.0

package/README.md

@@ -10,7 +10,7 @@ Unif 设计系统 —— theme(设计令牌)+ 组件 + 图标 + utils,面向 Rea
 ## 特性
 
 - **运行时主题**:`useColors()` 角色 token 跟随系统 light/dark 自动切换;`useThemedStyles` + 模块顶层 `makeStyles` 缓存样式,绝不内联 hex。
-- **40+ 组件**:Button、Card、Cell、NavBar、BottomSheet、Toast 等原子组件 + AvatarWithRing、GlassStats 等通用复合组件,全部从包根 barrel 导出,无需深路径。
+- **40+ 组件**:Button、Card、Cell、NavBar、Toast 等原子组件 + AvatarWithRing、GlassStats 等通用复合组件,全部从包根 barrel 导出,无需深路径。
 - **a11y 内建**:交互组件预设 `accessibilityRole`;`IconButton` 的 `accessibilityLabel` 为类型必填。
 - **图标集 + 严格 TS**:`IconName` 闭集类型、`<Icon>` 自动继承主题色;`strict` + `noUncheckedIndexedAccess`,类型随包发布。
 
@@ -29,7 +29,6 @@ yarn add react-native-svg \
   react-native-worklets \
   react-native-safe-area-context \
   react-native-reanimated-carousel \
-  @gorhom/bottom-sheet \
   @sbaiahmed1/react-native-blur
 ```
 
@@ -72,8 +71,8 @@ export const App = () => (
 - **文档站**(快速开始 · 组件 API · 设计令牌 · 设计原则):https://unif-design.github.io/react-native-design/
 - **AI / LLM**(纯 Markdown,按需 fetch,别凭记忆猜 API):
   [llms.txt 索引](https://unif-design.github.io/react-native-design/llms.txt) · [llms-full.txt 全文](https://unif-design.github.io/react-native-design/llms-full.txt)
-- **Agent Skill** `using-unif-design`(覆盖组件 API、token 规则、与原生 RN 的关键差异):
-  `/plugin marketplace add unif-design/react-native-skills` → `/plugin install unif-react-native@unif-react-native-skills`
+- **Agent Skill** `unif-design`(覆盖组件 API、token 规则、与原生 RN 的关键差异):
+  `/plugin marketplace add unif-design/skills` → `/plugin install unif@unif-skills`
 
 ## 兼容性
 

package/lib/module/components/business/AvatarWithRing/AvatarWithRing.js

@@ -1,9 +1,10 @@
 "use strict";
 
-import React, { useId, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop } from 'react-native-svg';
 import { avatarGradient, useTheme } from "../../../theme/index.js";
+import { useSvgId } from "../useSvgId.js";
 import { makeAvatarStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
@@ -17,20 +18,21 @@ export function AvatarWithRing({
   label,
   size = 64,
   ringColor,
-  style
+  style,
+  testID
 }) {
   const {
     colors: c,
     shadow
   } = useTheme();
-  const autoId = useId();
-  const id = `av-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const id = useSvgId('av');
   const {
     inner,
     styles
   } = useMemo(() => makeAvatarStyles(size, ringColor ?? c.avatarRing, shadow.brandAvatar, c), [size, ringColor, c, shadow.brandAvatar]);
   return /*#__PURE__*/_jsx(View, {
     style: [styles.shell, style],
+    testID: testID,
     children: /*#__PURE__*/_jsxs(View, {
       style: styles.avatarCore,
       children: [/*#__PURE__*/_jsxs(Svg, {

package/lib/module/components/business/AvatarWithRing/AvatarWithRing.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useId","useMemo","StyleSheet","Text","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","avatarGradient","useTheme","makeAvatarStyles","jsx","_jsx","jsxs","_jsxs","AvatarWithRing","label","size","ringColor","style","colors","c","shadow","autoId","id","replace","inner","styles","avatarRing","brandAvatar","shell","children","avatarCore","width","height","absoluteFill","x1","y1","x2","y2","gradientUnits","offset","stopColor","fill","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/AvatarWithRing.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAC7C,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IACRC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,EACJC,IAAI,QACC,kBAAkB;AACzB,SAASC,cAAc,EAAEC,QAAQ,QAAQ,yBAAgB;AACzD,SAASC,gBAAgB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC;AACmB,CAAC,EAAqB;EACzC,MAAM;IAAEC,MAAM,EAAEC,CAAC;IAAEC;EAAO,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACxC,MAAMc,MAAM,GAAG1B,KAAK,CAAC,CAAC;EACtB,MAAM2B,EAAE,GAAG,MAAMD,MAAM,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;EACxD,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG7B,OAAO,CAC/B,MACEY,gBAAgB,CAACO,IAAI,EAAEC,SAAS,IAAIG,CAAC,CAACO,UAAU,EAAEN,MAAM,CAACO,WAAW,EAAER,CAAC,CAAC,EAC1E,CAACJ,IAAI,EAAEC,SAAS,EAAEG,CAAC,EAAEC,MAAM,CAACO,WAAW,CACzC,CAAC;EACD,oBACEjB,IAAA,CAACX,IAAI;IAACkB,KAAK,EAAE,CAACQ,MAAM,CAACG,KAAK,EAAEX,KAAK,CAAE;IAAAY,QAAA,eACjCjB,KAAA,CAACb,IAAI;MAACkB,KAAK,EAAEQ,MAAM,CAACK,UAAW;MAAAD,QAAA,gBAC7BjB,KAAA,CAACZ,GAAG;QAAC+B,KAAK,EAAEP,KAAM;QAACQ,MAAM,EAAER,KAAM;QAACP,KAAK,EAAEpB,UAAU,CAACoC,YAAa;QAAAJ,QAAA,gBAC/DnB,IAAA,CAACT,IAAI;UAAA4B,QAAA,eAGHjB,KAAA,CAACT,iBAAiB;YAChBmB,EAAE,EAAEA,EAAG;YACPY,EAAE,EAAE,CAAE;YACNC,EAAE,EAAE,CAAE;YACNC,EAAE,EAAEZ,KAAM;YACVa,EAAE,EAAEb,KAAM;YACVc,aAAa,EAAC,gBAAgB;YAAAT,QAAA,gBAE9BnB,IAAA,CAACL,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC,eACjDI,IAAA,CAACL,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC;UAAA,CAChC;QAAC,CAChB,CAAC,eACPI,IAAA,CAACN,IAAI;UAAC2B,KAAK,EAAEP,KAAM;UAACQ,MAAM,EAAER,KAAM;UAACiB,IAAI,EAAE,QAAQnB,EAAE;QAAI,CAAE,CAAC;MAAA,CACvD,CAAC,eACNZ,IAAA,CAACZ,IAAI;QAACmB,KAAK,EAAE,CAACQ,MAAM,CAACX,KAAK,EAAE;UAAE4B,UAAU,EAAElB;QAAM,CAAC,CAAE;QAAAK,QAAA,EAAEf;MAAK,CAAO,CAAC;IAAA,CAC9D;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","useMemo","StyleSheet","Text","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","avatarGradient","useTheme","useSvgId","makeAvatarStyles","jsx","_jsx","jsxs","_jsxs","AvatarWithRing","label","size","ringColor","style","testID","colors","c","shadow","id","inner","styles","avatarRing","brandAvatar","shell","children","avatarCore","width","height","absoluteFill","x1","y1","x2","y2","gradientUnits","offset","stopColor","fill","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/AvatarWithRing.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IACRC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,EACJC,IAAI,QACC,kBAAkB;AACzB,SAASC,cAAc,EAAEC,QAAQ,QAAQ,yBAAgB;AACzD,SAASC,QAAQ,QAAQ,gBAAa;AACtC,SAASC,gBAAgB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC,KAAK;EACLC;AACmB,CAAC,EAAqB;EACzC,MAAM;IAAEC,MAAM,EAAEC,CAAC;IAAEC;EAAO,CAAC,GAAGf,QAAQ,CAAC,CAAC;EACxC,MAAMgB,EAAE,GAAGf,QAAQ,CAAC,IAAI,CAAC;EACzB,MAAM;IAAEgB,KAAK;IAAEC;EAAO,CAAC,GAAG7B,OAAO,CAC/B,MACEa,gBAAgB,CAACO,IAAI,EAAEC,SAAS,IAAII,CAAC,CAACK,UAAU,EAAEJ,MAAM,CAACK,WAAW,EAAEN,CAAC,CAAC,EAC1E,CAACL,IAAI,EAAEC,SAAS,EAAEI,CAAC,EAAEC,MAAM,CAACK,WAAW,CACzC,CAAC;EACD,oBACEhB,IAAA,CAACZ,IAAI;IAACmB,KAAK,EAAE,CAACO,MAAM,CAACG,KAAK,EAAEV,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAU,QAAA,eACjDhB,KAAA,CAACd,IAAI;MAACmB,KAAK,EAAEO,MAAM,CAACK,UAAW;MAAAD,QAAA,gBAC7BhB,KAAA,CAACb,GAAG;QAAC+B,KAAK,EAAEP,KAAM;QAACQ,MAAM,EAAER,KAAM;QAACN,KAAK,EAAErB,UAAU,CAACoC,YAAa;QAAAJ,QAAA,gBAC/DlB,IAAA,CAACV,IAAI;UAAA4B,QAAA,eAGHhB,KAAA,CAACV,iBAAiB;YAChBoB,EAAE,EAAEA,EAAG;YACPW,EAAE,EAAE,CAAE;YACNC,EAAE,EAAE,CAAE;YACNC,EAAE,EAAEZ,KAAM;YACVa,EAAE,EAAEb,KAAM;YACVc,aAAa,EAAC,gBAAgB;YAAAT,QAAA,gBAE9BlB,IAAA,CAACN,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC,eACjDK,IAAA,CAACN,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC;UAAA,CAChC;QAAC,CAChB,CAAC,eACPK,IAAA,CAACP,IAAI;UAAC2B,KAAK,EAAEP,KAAM;UAACQ,MAAM,EAAER,KAAM;UAACiB,IAAI,EAAE,QAAQlB,EAAE;QAAI,CAAE,CAAC;MAAA,CACvD,CAAC,eACNZ,IAAA,CAACb,IAAI;QAACoB,KAAK,EAAE,CAACO,MAAM,CAACV,KAAK,EAAE;UAAE2B,UAAU,EAAElB;QAAM,CAAC,CAAE;QAAAK,QAAA,EAAEd;MAAK,CAAO,CAAC;IAAA,CAC9D;EAAC,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/business/AvatarWithRing/styles.js

@@ -2,6 +2,8 @@
 
 import { StyleSheet } from 'react-native';
 import { fw, r } from "../../../theme/index.js";
+import { createLogger } from "../../../utils/logger/index.js";
+const log = createLogger('AvatarWithRing');
 
 /**
  * 头像样式工厂 —— **非标 maker 签名**:`(size, ringColor, shadowStyle, c)` 4 参,
@@ -23,9 +25,19 @@ import { fw, r } from "../../../theme/index.js";
  * - avatarCore:inner×inner 圆,在 shell 内 flex center,内部放 SVG 渐变 + label
  */
 export const makeAvatarStyles = (size, ringColor, shadowStyle, c) => {
-  const dim = r(size);
+  // 防御非法 size:NaN / 负数 / 0 会导致 inner 为负传入 SVG。
+  // 最小合理值 = ringWidth*2 + 1(至少 1pt 圆心可见)。
+  // ringWidth 下限为 2(见下方 Math.max),所以 size 至少要大于 4pt。
+  const MIN_SIZE = 5;
+  const safeSize = Number.isFinite(size) && size >= MIN_SIZE ? size : (() => {
+    if (__DEV__) {
+      log.warn(`AvatarWithRing: size=${size} 无效(须 ≥ ${MIN_SIZE}),已钳制为 ${MIN_SIZE}。`);
+    }
+    return MIN_SIZE;
+  })();
+  const dim = r(safeSize);
   const half = dim / 2;
-  const ringWidth = Math.max(2, r(Math.round(size * 0.0625)));
+  const ringWidth = Math.max(2, r(Math.round(safeSize * 0.0625)));
   const inner = dim - ringWidth * 2;
   const innerHalf = inner / 2;
   const styles = StyleSheet.create({
@@ -47,7 +59,7 @@ export const makeAvatarStyles = (size, ringColor, shadowStyle, c) => {
       justifyContent: 'center'
     },
     label: {
-      fontSize: r(Math.round(size * 0.4)),
+      fontSize: r(Math.round(safeSize * 0.4)),
       fontWeight: fw.bold,
       color: c.onPrimary,
       letterSpacing: -0.5,

package/lib/module/components/business/AvatarWithRing/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","r","makeAvatarStyles","size","ringColor","shadowStyle","c","dim","half","ringWidth","Math","max","round","inner","innerHalf","styles","create","shell","width","height","borderRadius","backgroundColor","alignItems","justifyContent","avatarCore","overflow","label","fontSize","fontWeight","bold","color","onPrimary","letterSpacing","textAlign"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,cAAc;AACzD,SAASC,EAAE,EAAEC,CAAC,QAA0B,yBAAgB;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,IAAY,EACZC,SAAiB,EACjBC,WAAsB,EACtBC,CAAc,KACX;EACH,MAAMC,GAAG,GAAGN,CAAC,CAACE,IAAI,CAAC;EACnB,MAAMK,IAAI,GAAGD,GAAG,GAAG,CAAC;EACpB,MAAME,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,CAAC,CAACS,IAAI,CAACE,KAAK,CAACT,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;EAC3D,MAAMU,KAAK,GAAGN,GAAG,GAAGE,SAAS,GAAG,CAAC;EACjC,MAAMK,SAAS,GAAGD,KAAK,GAAG,CAAC;EAC3B,MAAME,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,KAAK,EAAEX,GAAG;MACVY,MAAM,EAAEZ,GAAG;MACXa,YAAY,EAAEZ,IAAI;MAClBa,eAAe,EAAEjB,SAAS;MAC1B,GAAGC,WAAW;MACdiB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,UAAU,EAAE;MACVN,KAAK,EAAEL,KAAK;MACZM,MAAM,EAAEN,KAAK;MACbO,YAAY,EAAEN,SAAS;MACvBW,QAAQ,EAAE,QAAQ;MAClBH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,KAAK,EAAE;MACLC,QAAQ,EAAE1B,CAAC,CAACS,IAAI,CAACE,KAAK,CAACT,IAAI,GAAG,GAAG,CAAC,CAAC;MACnCyB,UAAU,EAAE5B,EAAE,CAAC6B,IAAI;MACnBC,KAAK,EAAExB,CAAC,CAACyB,SAAS;MAClBC,aAAa,EAAE,CAAC,GAAG;MACnBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,OAAO;IAAExB,SAAS;IAAEF,GAAG;IAAEM,KAAK;IAAEE;EAAO,CAAC;AAC1C,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","createLogger","log","makeAvatarStyles","size","ringColor","shadowStyle","c","MIN_SIZE","safeSize","Number","isFinite","__DEV__","warn","dim","half","ringWidth","Math","max","round","inner","innerHalf","styles","create","shell","width","height","borderRadius","backgroundColor","alignItems","justifyContent","avatarCore","overflow","label","fontSize","fontWeight","bold","color","onPrimary","letterSpacing","textAlign"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,cAAc;AACzD,SAASC,EAAE,EAAEC,CAAC,QAA0B,yBAAgB;AACxD,SAASC,YAAY,QAAQ,gCAAuB;AAEpD,MAAMC,GAAG,GAAGD,YAAY,CAAC,gBAAgB,CAAC;;AAE1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAME,gBAAgB,GAAGA,CAC9BC,IAAY,EACZC,SAAiB,EACjBC,WAAsB,EACtBC,CAAc,KACX;EACH;EACA;EACA;EACA,MAAMC,QAAQ,GAAG,CAAC;EAClB,MAAMC,QAAQ,GACZC,MAAM,CAACC,QAAQ,CAACP,IAAI,CAAC,IAAIA,IAAI,IAAII,QAAQ,GACrCJ,IAAI,GACJ,CAAC,MAAM;IACL,IAAIQ,OAAO,EAAE;MACXV,GAAG,CAACW,IAAI,CACN,wBAAwBT,IAAI,WAAWI,QAAQ,UAAUA,QAAQ,GACnE,CAAC;IACH;IACA,OAAOA,QAAQ;EACjB,CAAC,EAAE,CAAC;EACV,MAAMM,GAAG,GAAGd,CAAC,CAACS,QAAQ,CAAC;EACvB,MAAMM,IAAI,GAAGD,GAAG,GAAG,CAAC;EACpB,MAAME,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAElB,CAAC,CAACiB,IAAI,CAACE,KAAK,CAACV,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;EAC/D,MAAMW,KAAK,GAAGN,GAAG,GAAGE,SAAS,GAAG,CAAC;EACjC,MAAMK,SAAS,GAAGD,KAAK,GAAG,CAAC;EAC3B,MAAME,MAAM,GAAGxB,UAAU,CAACyB,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,KAAK,EAAEX,GAAG;MACVY,MAAM,EAAEZ,GAAG;MACXa,YAAY,EAAEZ,IAAI;MAClBa,eAAe,EAAEvB,SAAS;MAC1B,GAAGC,WAAW;MACduB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,UAAU,EAAE;MACVN,KAAK,EAAEL,KAAK;MACZM,MAAM,EAAEN,KAAK;MACbO,YAAY,EAAEN,SAAS;MACvBW,QAAQ,EAAE,QAAQ;MAClBH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,KAAK,EAAE;MACLC,QAAQ,EAAElC,CAAC,CAACiB,IAAI,CAACE,KAAK,CAACV,QAAQ,GAAG,GAAG,CAAC,CAAC;MACvC0B,UAAU,EAAEpC,EAAE,CAACqC,IAAI;MACnBC,KAAK,EAAE9B,CAAC,CAAC+B,SAAS;MAClBC,aAAa,EAAE,CAAC,GAAG;MACnBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,OAAO;IAAExB,SAAS;IAAEF,GAAG;IAAEM,KAAK;IAAEE;EAAO,CAAC;AAC1C,CAAC","ignoreList":[]}

package/lib/module/components/business/Decorations/GradientWash.js

@@ -1,9 +1,53 @@
 "use strict";
 
-import React, { useId } from 'react';
+import React from 'react';
 import { View } from 'react-native';
 import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop } from 'react-native-svg';
+import { useSvgId } from "../useSvgId.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** 解析 rgba(r,g,b,a) 或 #RRGGBBAA 字符串拆出 alpha,返回 { color: rgb/hex, opacity }。
+ *  非支持格式(rgb / hex / named / hsl 等)原样返回 + opacity=1。
+ *
+ *  支持格式:
+ *  - 逗号式 rgba(r,g,b,a)       → 拆出 alpha
+ *  - 8 位 hex #RRGGBBAA          → 末两位转 alpha
+ *  - 其它(rgb / hex6 / named)   → 原样 + opacity=1
+ *
+ *  Why:react-native-svg `<Stop stopColor>` 接 rgba 时 alpha 可能被忽略
+ *  (stopColor 只解析 RGB,需要 stopOpacity 分离),拆分后跨平台一致。 */
+export function parseRgba(color) {
+  // 逗号式 rgba(r,g,b,a)
+  const mRgba = color.match(/^rgba\(([^)]+)\)$/);
+  if (mRgba?.[1]) {
+    const parts = mRgba[1].split(',').map(s => s.trim());
+    if (parts.length === 4) {
+      const alphaStr = parts[3];
+      if (alphaStr !== undefined) {
+        const alpha = parseFloat(alphaStr);
+        if (!Number.isNaN(alpha)) {
+          return {
+            color: `rgb(${parts.slice(0, 3).join(',')})`,
+            opacity: alpha
+          };
+        }
+      }
+    }
+  }
+  // 8 位 hex #RRGGBBAA
+  const mHex8 = color.match(/^#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/);
+  if (mHex8?.[1] && mHex8[2] && mHex8[3] && mHex8[4]) {
+    const alpha = parseInt(mHex8[4], 16) / 255;
+    return {
+      color: `#${mHex8[1]}${mHex8[2]}${mHex8[3]}`,
+      opacity: alpha
+    };
+  }
+  return {
+    color,
+    opacity: 1
+  };
+}
+
 /**
  * 垂直线性渐变 wash —— 全宽矩形 + 顶到底的 SVG LinearGradient。
  *
@@ -13,48 +57,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  *
  * `pointerEvents="none"` 透传,装饰层不捕事件。
  *
- * gradientId 不传时用 `useId()` 自动唯一;React 19 useId 返回含冒号 `:r0:`,
- * 不是合法 SVG id 字符,sanitize 后再用。
+ * gradientId 不传时由 useSvgId 自动生成唯一合法 id(消毒 React 19 useId 的冒号)。
  */
-/** 解析 rgba(r,g,b,a) 字符串拆出 alpha,返回 { color: rgb(...), opacity }。
- *  非 rgba 输入(hex / rgb / named)原样返回 + opacity=1。
- *
- *  Why:react-native-svg `<Stop stopColor>` 接 rgba 时 alpha 可能被忽略
- *  (stopColor 只解析 RGB,需要 stopOpacity 分离),拆分后跨平台一致。 */
-function parseRgba(color) {
-  const m = color.match(/^rgba\(([^)]+)\)$/);
-  if (!m || !m[1]) return {
-    color,
-    opacity: 1
-  };
-  const parts = m[1].split(',').map(s => s.trim());
-  if (parts.length !== 4) return {
-    color,
-    opacity: 1
-  };
-  const alphaStr = parts[3];
-  if (alphaStr === undefined) return {
-    color,
-    opacity: 1
-  };
-  const alpha = parseFloat(alphaStr);
-  if (Number.isNaN(alpha)) return {
-    color,
-    opacity: 1
-  };
-  return {
-    color: `rgb(${parts.slice(0, 3).join(',')})`,
-    opacity: alpha
-  };
-}
 export function GradientWash(props) {
   const {
     height,
     style,
     gradientId
   } = props;
-  const autoId = useId();
-  const id = gradientId ?? `gw-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const id = useSvgId('gw', gradientId);
   const stops = props.stops ?? [{
     offset: 0,
     color: props.color,
@@ -82,6 +93,9 @@ export function GradientWash(props) {
           gradientUnits: "userSpaceOnUse",
           children: stops.map((s, i) => {
             const parsed = parseRgba(s.color);
+            // s.opacity 显式传入时优先;未传(undefined)时使用 parseRgba 解出的值。
+            // 注:这里是替换而非相乘 —— stops 里的 opacity 字段语义是"最终不透明度",
+            // 若需要与解析色 alpha 相乘请在构建 stops 时预先合并。
             const opacity = s.opacity ?? parsed.opacity;
             return /*#__PURE__*/_jsx(Stop, {
               offset: s.offset,

package/lib/module/components/business/Decorations/GradientWash.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useId","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","jsx","_jsx","jsxs","_jsxs","parseRgba","color","m","match","opacity","parts","split","map","s","trim","length","alphaStr","undefined","alpha","parseFloat","Number","isNaN","slice","join","GradientWash","props","height","style","gradientId","autoId","id","replace","stops","offset","fromOpacity","toOpacity","pointerEvents","children","width","x1","y1","x2","y2","gradientUnits","i","parsed","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/GradientWash.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","useSvgId","jsx","_jsx","jsxs","_jsxs","parseRgba","color","mRgba","match","parts","split","map","s","trim","length","alphaStr","undefined","alpha","parseFloat","Number","isNaN","slice","join","opacity","mHex8","parseInt","GradientWash","props","height","style","gradientId","id","stops","offset","fromOpacity","toOpacity","pointerEvents","children","width","x1","y1","x2","y2","gradientUnits","i","parsed","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/GradientWash.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/business/Decorations/RadialHalo.js

@@ -1,8 +1,10 @@
 "use strict";
 
-import React, { useId } from 'react';
+import React from 'react';
 import { View } from 'react-native';
 import Svg, { Defs, Ellipse, RadialGradient as SvgRadialGradient, Stop } from 'react-native-svg';
+import { useSvgId } from "../useSvgId.js";
+import { parseRgba } from "./GradientWash.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_MAX_OPACITY = 0.16;
 const buildStops = maxOpacity => [{
@@ -35,13 +37,17 @@ export function RadialHalo({
 }) {
   const w = size;
   const h = height ?? size;
-  const autoId = useId();
-  const id = gradientId ?? `rh-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const id = useSvgId('rh', gradientId);
   const resolvedStops = stops ?? buildStops(maxOpacity);
   const cx = w / 2;
   const cy = h / 2;
   // farthest-corner:r = 中心到最远角的距离
   const r = Math.sqrt(cx * cx + cy * cy);
+  // parseRgba:react-native-svg stopColor 只解析 RGB,rgba/8位hex 的 alpha 会被忽略;
+  // 拆分为 stopColor(rgb/hex6) + stopOpacity 后跨平台一致(与 GradientWash 同理)。
+  const {
+    color: stopColor
+  } = parseRgba(color);
   return /*#__PURE__*/_jsx(View, {
     pointerEvents: "none",
     style: [{
@@ -62,7 +68,7 @@ export function RadialHalo({
           gradientUnits: "userSpaceOnUse",
           children: resolvedStops.map((s, i) => /*#__PURE__*/_jsx(Stop, {
             offset: s.offset,
-            stopColor: color,
+            stopColor: stopColor,
             stopOpacity: s.opacity
           }, `${s.offset}-${i}`))
         })

package/lib/module/components/business/Decorations/RadialHalo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useId","View","Svg","Defs","Ellipse","RadialGradient","SvgRadialGradient","Stop","jsx","_jsx","jsxs","_jsxs","DEFAULT_MAX_OPACITY","buildStops","maxOpacity","offset","opacity","RadialHalo","size","height","color","stops","style","gradientId","w","h","autoId","id","replace","resolvedStops","cx","cy","r","Math","sqrt","pointerEvents","width","children","fx","fy","gradientUnits","map","s","i","stopColor","stopOpacity","rx","ry","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/RadialHalo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,KAAK,QAAQ,OAAO;AACpC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IACRC,IAAI,EACJC,OAAO,EACPC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,QACC,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1B,MAAMC,mBAAmB,GAAG,IAAI;AAEhC,MAAMC,UAAU,GAAIC,UAAkB,IAAK,CACzC;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAEF;AAAW,CAAC,EAClC;EAAEC,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAE,CAAC,EAC5B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CAC1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,MAAM;EACNC,KAAK;EACLN,UAAU,GAAGF,mBAAmB;EAChCS,KAAK;EACLC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGN,IAAI;EACd,MAAMO,CAAC,GAAGN,MAAM,IAAID,IAAI;EACxB,MAAMQ,MAAM,GAAG1B,KAAK,CAAC,CAAC;EACtB,MAAM2B,EAAE,GAAGJ,UAAU,IAAI,MAAMG,MAAM,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;EACtE,MAAMC,aAAa,GAAGR,KAAK,IAAIR,UAAU,CAACC,UAAU,CAAC;EACrD,MAAMgB,EAAE,GAAGN,CAAC,GAAG,CAAC;EAChB,MAAMO,EAAE,GAAGN,CAAC,GAAG,CAAC;EAChB;EACA,MAAMO,CAAC,GAAGC,IAAI,CAACC,IAAI,CAACJ,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,CAAC;EACtC,oBACEtB,IAAA,CAACR,IAAI;IAACkC,aAAa,EAAC,MAAM;IAACb,KAAK,EAAE,CAAC;MAAEc,KAAK,EAAEZ,CAAC;MAAEL,MAAM,EAAEM;IAAE,CAAC,EAAEH,KAAK,CAAE;IAAAe,QAAA,eACjE1B,KAAA,CAACT,GAAG;MAACkC,KAAK,EAAEZ,CAAE;MAACL,MAAM,EAAEM,CAAE;MAAAY,QAAA,gBACvB5B,IAAA,CAACN,IAAI;QAAAkC,QAAA,eAGH5B,IAAA,CAACH,iBAAiB;UAChBqB,EAAE,EAAEA,EAAG;UACPG,EAAE,EAAEA,EAAG;UACPC,EAAE,EAAEA,EAAG;UACPC,CAAC,EAAEA,CAAE;UACLM,EAAE,EAAER,EAAG;UACPS,EAAE,EAAER,EAAG;UACPS,aAAa,EAAC,gBAAgB;UAAAH,QAAA,EAE7BR,aAAa,CAACY,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACtBlC,IAAA,CAACF,IAAI;YAEHQ,MAAM,EAAE2B,CAAC,CAAC3B,MAAO;YACjB6B,SAAS,EAAExB,KAAM;YACjByB,WAAW,EAAEH,CAAC,CAAC1B;UAAQ,GAHlB,GAAG0B,CAAC,CAAC3B,MAAM,IAAI4B,CAAC,EAItB,CACF;QAAC,CACe;MAAC,CAChB,CAAC,eACPlC,IAAA,CAACL,OAAO;QAAC0B,EAAE,EAAEA,EAAG;QAACC,EAAE,EAAEA,EAAG;QAACe,EAAE,EAAEhB,EAAG;QAACiB,EAAE,EAAEhB,EAAG;QAACiB,IAAI,EAAE,QAAQrB,EAAE;MAAI,CAAE,CAAC;IAAA,CAC7D;EAAC,CACF,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","View","Svg","Defs","Ellipse","RadialGradient","SvgRadialGradient","Stop","useSvgId","parseRgba","jsx","_jsx","jsxs","_jsxs","DEFAULT_MAX_OPACITY","buildStops","maxOpacity","offset","opacity","RadialHalo","size","height","color","stops","style","gradientId","w","h","id","resolvedStops","cx","cy","r","Math","sqrt","stopColor","pointerEvents","width","children","fx","fy","gradientUnits","map","s","i","stopOpacity","rx","ry","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/RadialHalo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IACRC,IAAI,EACJC,OAAO,EACPC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,QACC,kBAAkB;AACzB,SAASC,QAAQ,QAAQ,gBAAa;AACtC,SAASC,SAAS,QAAQ,mBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG3C,MAAMC,mBAAmB,GAAG,IAAI;AAEhC,MAAMC,UAAU,GAAIC,UAAkB,IAAK,CACzC;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAEF;AAAW,CAAC,EAClC;EAAEC,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAE,CAAC,EAC5B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CAC1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,MAAM;EACNC,KAAK;EACLN,UAAU,GAAGF,mBAAmB;EAChCS,KAAK;EACLC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGN,IAAI;EACd,MAAMO,CAAC,GAAGN,MAAM,IAAID,IAAI;EACxB,MAAMQ,EAAE,GAAGpB,QAAQ,CAAC,IAAI,EAAEiB,UAAU,CAAC;EACrC,MAAMI,aAAa,GAAGN,KAAK,IAAIR,UAAU,CAACC,UAAU,CAAC;EACrD,MAAMc,EAAE,GAAGJ,CAAC,GAAG,CAAC;EAChB,MAAMK,EAAE,GAAGJ,CAAC,GAAG,CAAC;EAChB;EACA,MAAMK,CAAC,GAAGC,IAAI,CAACC,IAAI,CAACJ,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,CAAC;EACtC;EACA;EACA,MAAM;IAAET,KAAK,EAAEa;EAAU,CAAC,GAAG1B,SAAS,CAACa,KAAK,CAAC;EAC7C,oBACEX,IAAA,CAACV,IAAI;IAACmC,aAAa,EAAC,MAAM;IAACZ,KAAK,EAAE,CAAC;MAAEa,KAAK,EAAEX,CAAC;MAAEL,MAAM,EAAEM;IAAE,CAAC,EAAEH,KAAK,CAAE;IAAAc,QAAA,eACjEzB,KAAA,CAACX,GAAG;MAACmC,KAAK,EAAEX,CAAE;MAACL,MAAM,EAAEM,CAAE;MAAAW,QAAA,gBACvB3B,IAAA,CAACR,IAAI;QAAAmC,QAAA,eAGH3B,IAAA,CAACL,iBAAiB;UAChBsB,EAAE,EAAEA,EAAG;UACPE,EAAE,EAAEA,EAAG;UACPC,EAAE,EAAEA,EAAG;UACPC,CAAC,EAAEA,CAAE;UACLO,EAAE,EAAET,EAAG;UACPU,EAAE,EAAET,EAAG;UACPU,aAAa,EAAC,gBAAgB;UAAAH,QAAA,EAE7BT,aAAa,CAACa,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACtBjC,IAAA,CAACJ,IAAI;YAEHU,MAAM,EAAE0B,CAAC,CAAC1B,MAAO;YACjBkB,SAAS,EAAEA,SAAU;YACrBU,WAAW,EAAEF,CAAC,CAACzB;UAAQ,GAHlB,GAAGyB,CAAC,CAAC1B,MAAM,IAAI2B,CAAC,EAItB,CACF;QAAC,CACe;MAAC,CAChB,CAAC,eACPjC,IAAA,CAACP,OAAO;QAAC0B,EAAE,EAAEA,EAAG;QAACC,EAAE,EAAEA,EAAG;QAACe,EAAE,EAAEhB,EAAG;QAACiB,EAAE,EAAEhB,EAAG;QAACiB,IAAI,EAAE,QAAQpB,EAAE;MAAI,CAAE,CAAC;IAAA,CAC7D;EAAC,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/business/Decorations/ScreenBackdrop.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { StyleSheet, useWindowDimensions, View } from 'react-native';
-import { useColors, useTheme, warmOrangePalette } from "../../../theme/index.js";
+import { r, useColors, useTheme, warmOrangePalette } from "../../../theme/index.js";
 import { GradientWash } from "./GradientWash.js";
 import { RadialHalo } from "./RadialHalo.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -24,23 +24,25 @@ const PRESETS = {
   warmOrange: {
     light: buildStops(warmOrangePalette.light, WARM_ORANGE_OFFSETS),
     dark: buildStops(warmOrangePalette.dark, WARM_ORANGE_OFFSETS),
-    halos: [{
-      size: 520,
-      height: 420,
+    halos: [
+    // [L-88] halo 几何走 r() 对齐缩放纪律;maxOpacity / centerX 是无单位值,不缩放。
+    {
+      size: r(520),
+      height: r(420),
       maxOpacity: 0.22,
-      top: -120,
+      top: r(-120),
       centerX: true
     }, {
-      size: 560,
-      height: 380,
+      size: r(560),
+      height: r(380),
       maxOpacity: 0.18,
-      bottom: -160,
+      bottom: r(-160),
       centerX: true
     }, {
-      size: 220,
+      size: r(220),
       maxOpacity: 0.16,
-      top: 180,
-      right: -80
+      top: r(180),
+      right: r(-80)
     }]
   }
 };
@@ -68,7 +70,8 @@ export function ScreenBackdrop({
   stops,
   halos,
   children,
-  style
+  style,
+  testID
 }) {
   const c = useColors();
   const {
@@ -89,6 +92,7 @@ export function ScreenBackdrop({
     style: [backdropStyles.root, {
       backgroundColor: c.background
     }, style],
+    testID: testID,
     children: [resolvedStops ? /*#__PURE__*/_jsx(GradientWash, {
       height: winH,
       stops: isDark ? resolvedStops.dark : resolvedStops.light,
@@ -100,8 +104,12 @@ export function ScreenBackdrop({
         size: h.size,
         height: h.height,
         color: h.color ?? c.primary,
-        maxOpacity: h.maxOpacity,
-        gradientId: `screen-backdrop-halo-${i}`,
+        maxOpacity: h.maxOpacity
+        // [L-60] 不传 gradientId —— 让 RadialHalo 走自己的 useSvgId(useId) 默认值。
+        // 实例内同名在多 ScreenBackdrop 同挂(keep-mounted 栈、导航页)时会导致
+        // web DOM SVG 的 url(#id) 命中文档首个同名渐变,造成跨实例渐变串台。
+        // useId 保证每次挂载唯一,「实例内多 halo 不同 id」也由 useSvgId 前缀+'rh' 保证。
+        ,
         style: [backdropStyles.haloAbsolute, {
           top: h.top,
           bottom: h.bottom,

package/lib/module/components/business/Decorations/ScreenBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","useWindowDimensions","View","useColors","useTheme","warmOrangePalette","GradientWash","RadialHalo","jsx","_jsx","jsxs","_jsxs","buildStops","palette","offsets","map","color","i","offset","length","opacity","WARM_ORANGE_OFFSETS","PRESETS","warmOrange","light","dark","halos","size","height","maxOpacity","top","centerX","bottom","right","ScreenBackdrop","preset","stops","children","style","c","scheme","width","winW","winH","isDark","cfg","undefined","resolvedStops","resolvedHalos","backdropStyles","root","backgroundColor","background","gradient","h","left","primary","gradientId","haloAbsolute","create","flex","position","overflow"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/ScreenBackdrop.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","useWindowDimensions","View","r","useColors","useTheme","warmOrangePalette","GradientWash","RadialHalo","jsx","_jsx","jsxs","_jsxs","buildStops","palette","offsets","map","color","i","offset","length","opacity","WARM_ORANGE_OFFSETS","PRESETS","warmOrange","light","dark","halos","size","height","maxOpacity","top","centerX","bottom","right","ScreenBackdrop","preset","stops","children","style","testID","c","scheme","width","winW","winH","isDark","cfg","undefined","resolvedStops","resolvedHalos","backdropStyles","root","backgroundColor","background","gradient","h","left","primary","haloAbsolute","create","flex","position","overflow"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/ScreenBackdrop.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACpE,SAASC,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,iBAAiB,QAAQ,yBAAgB;AAC1E,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc1C;AACA;AACA,SAASC,UAAUA,CACjBC,OAA8B,EAC9BC,OAA8B,EACD;EAC7B,OAAOD,OAAO,CAACE,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,MAAM;IAChCC,MAAM,EAAEJ,OAAO,CAACG,CAAC,CAAC,IAAIA,CAAC,IAAIJ,OAAO,CAACM,MAAM,GAAG,CAAC,CAAC;IAC9CH,KAAK;IACLI,OAAO,EAAE;EACX,CAAC,CAAC,CAAC;AACL;AAEA,MAAMC,mBAAmB,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAU;;AAEvD;AACA,MAAMC,OAAmD,GAAG;EAC1D;AACF;EACEC,UAAU,EAAE;IACVC,KAAK,EAAEZ,UAAU,CAACP,iBAAiB,CAACmB,KAAK,EAAEH,mBAAmB,CAAC;IAC/DI,IAAI,EAAEb,UAAU,CAACP,iBAAiB,CAACoB,IAAI,EAAEJ,mBAAmB,CAAC;IAC7DK,KAAK,EAAE;IACL;IACA;MACEC,IAAI,EAAEzB,CAAC,CAAC,GAAG,CAAC;MACZ0B,MAAM,EAAE1B,CAAC,CAAC,GAAG,CAAC;MACd2B,UAAU,EAAE,IAAI;MAChBC,GAAG,EAAE5B,CAAC,CAAC,CAAC,GAAG,CAAC;MACZ6B,OAAO,EAAE;IACX,CAAC,EACD;MACEJ,IAAI,EAAEzB,CAAC,CAAC,GAAG,CAAC;MACZ0B,MAAM,EAAE1B,CAAC,CAAC,GAAG,CAAC;MACd2B,UAAU,EAAE,IAAI;MAChBG,MAAM,EAAE9B,CAAC,CAAC,CAAC,GAAG,CAAC;MACf6B,OAAO,EAAE;IACX,CAAC,EACD;MAAEJ,IAAI,EAAEzB,CAAC,CAAC,GAAG,CAAC;MAAE2B,UAAU,EAAE,IAAI;MAAEC,GAAG,EAAE5B,CAAC,CAAC,GAAG,CAAC;MAAE+B,KAAK,EAAE/B,CAAC,CAAC,CAAC,EAAE;IAAE,CAAC;EAElE;AACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASgC,cAAcA,CAAC;EAC7BC,MAAM;EACNC,KAAK;EACLV,KAAK;EACLW,QAAQ;EACRC,KAAK;EACLC;AACmB,CAAC,EAAqB;EACzC,MAAMC,CAAC,GAAGrC,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEsC;EAAO,CAAC,GAAGrC,QAAQ,CAAC,CAAC;EAC7B,MAAM;IAAEsC,KAAK,EAAEC,IAAI;IAAEf,MAAM,EAAEgB;EAAK,CAAC,GAAG5C,mBAAmB,CAAC,CAAC;EAC3D,MAAM6C,MAAM,GAAGJ,MAAM,KAAK,MAAM;EAEhC,MAAMK,GAAG,GAAGX,MAAM,GAAGb,OAAO,CAACa,MAAM,CAAC,GAAGY,SAAS;EAChD,MAAMC,aAAa,GACjBZ,KAAK,KAAKU,GAAG,GAAG;IAAEtB,KAAK,EAAEsB,GAAG,CAACtB,KAAK;IAAEC,IAAI,EAAEqB,GAAG,CAACrB;EAAK,CAAC,GAAGsB,SAAS,CAAC;EACnE,MAAME,aAAa,GAAGvB,KAAK,IAAIoB,GAAG,EAAEpB,KAAK,IAAI,EAAE;EAE/C,oBACEf,KAAA,CAACV,IAAI;IACHqC,KAAK,EAAE,CAACY,cAAc,CAACC,IAAI,EAAE;MAAEC,eAAe,EAAEZ,CAAC,CAACa;IAAW,CAAC,EAAEf,KAAK,CAAE;IACvEC,MAAM,EAAEA,MAAO;IAAAF,QAAA,GAEdW,aAAa,gBACZvC,IAAA,CAACH,YAAY;MACXsB,MAAM,EAAEgB,IAAK;MACbR,KAAK,EAAES,MAAM,GAAGG,aAAa,CAACvB,IAAI,GAAGuB,aAAa,CAACxB,KAAM;MACzDc,KAAK,EAAEY,cAAc,CAACI;IAAS,CAChC,CAAC,GACA,IAAI,EACPL,aAAa,CAAClC,GAAG,CAAC,CAACwC,CAAC,EAAEtC,CAAC,KAAK;MAC3B,MAAMuC,IAAI,GAAGD,CAAC,CAACxB,OAAO,GAAG,CAACY,IAAI,GAAGY,CAAC,CAAC5B,IAAI,IAAI,CAAC,GAAG4B,CAAC,CAACC,IAAI;MACrD,MAAMvB,KAAK,GAAGsB,CAAC,CAACxB,OAAO,GAAGgB,SAAS,GAAGQ,CAAC,CAACtB,KAAK;MAC7C,oBACExB,IAAA,CAACF,UAAU;QAEToB,IAAI,EAAE4B,CAAC,CAAC5B,IAAK;QACbC,MAAM,EAAE2B,CAAC,CAAC3B,MAAO;QACjBZ,KAAK,EAAEuC,CAAC,CAACvC,KAAK,IAAIwB,CAAC,CAACiB,OAAQ;QAC5B5B,UAAU,EAAE0B,CAAC,CAAC1B;QACd;QACA;QACA;QACA;QAAA;QACAS,KAAK,EAAE,CACLY,cAAc,CAACQ,YAAY,EAC3B;UAAE5B,GAAG,EAAEyB,CAAC,CAACzB,GAAG;UAAEE,MAAM,EAAEuB,CAAC,CAACvB,MAAM;UAAEwB,IAAI;UAAEvB;QAAM,CAAC;MAC7C,GAZG,QAAQhB,CAAC,EAaf,CAAC;IAEN,CAAC,CAAC,EACDoB,QAAQ;EAAA,CACL,CAAC;AAEX;AAEA,MAAMa,cAAc,GAAGnD,UAAU,CAAC4D,MAAM,CAAC;EACvCR,IAAI,EAAE;IAAES,IAAI,EAAE,CAAC;IAAEC,QAAQ,EAAE,UAAU;IAAEC,QAAQ,EAAE;EAAS,CAAC;EAC3DR,QAAQ,EAAE;IAAEO,QAAQ,EAAE,UAAU;IAAE/B,GAAG,EAAE,CAAC;IAAE0B,IAAI,EAAE,CAAC;IAAEvB,KAAK,EAAE;EAAE,CAAC;EAC7DyB,YAAY,EAAE;IAAEG,QAAQ,EAAE;EAAW;AACvC,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/business/Decorations/index.js

@@ -1,5 +1,8 @@
 "use strict";
 
+// Decorations 族:GradientWash / RadialHalo / ScreenBackdrop 三件强内聚,
+// 共享 GradientStop 类型 + parseRgba 工具 —— 刻意共居一目录、共享 types.ts,
+// 不拆单组件目录;CLAUDE.md 组件约定的族式聚合例外。
 export { GradientWash } from "./GradientWash.js";
 export { RadialHalo } from "./RadialHalo.js";
 export { ScreenBackdrop } from "./ScreenBackdrop.js";

package/lib/module/components/business/Decorations/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB","ignoreList":[]}
+{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/components/business/GlassStats/GlassStats.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { Text, View } from 'react-native';
-import { BlurLayer } from "../../ui/index.js";
+import { BlurLayer } from "../../ui/BlurLayer/index.js";
 import { useThemedStyles } from "../../../theme/index.js";
 import { makeGlassStatsStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -13,7 +13,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * blurType 跟 scheme 自动切。
  */
 export function GlassStats({
-  items
+  items,
+  style,
+  testID
 }) {
   const styles = useThemedStyles(makeGlassStatsStyles);
   return (
@@ -22,7 +24,8 @@ export function GlassStats({
     // 会裁掉 outer shadow);内层 glass 承担 overflow:hidden + border 裁圆角。
     // 单层 overflow + shadow 在 iOS 上 shadow 完全不可见。
     _jsx(View, {
-      style: styles.glassShell,
+      style: [styles.glassShell, style],
+      testID: testID,
       children: /*#__PURE__*/_jsxs(View, {
         style: styles.glass,
         children: [/*#__PURE__*/_jsx(BlurLayer, {
@@ -45,7 +48,7 @@ export function GlassStats({
                 children: label
               })]
             })]
-          }, label))
+          }, `${label}-${i}`))
         })]
       })
     })

package/lib/module/components/business/GlassStats/GlassStats.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","BlurLayer","useThemedStyles","makeGlassStatsStyles","jsx","_jsx","jsxs","_jsxs","GlassStats","items","styles","style","glassShell","children","glass","intensity","topHighlight","pointerEvents","inner","map","count","label","i","Fragment","sep","col","countText","labelText"],"sourceRoot":"../../../../../src","sources":["components/business/GlassStats/GlassStats.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,mBAAU;AACpC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAAuB,CAAC,EAAqB;EACxE,MAAMC,MAAM,GAAGR,eAAe,CAACC,oBAAoB,CAAC;EACpD;IAAA;IACE;IACA;IACA;IACAE,IAAA,CAACL,IAAI;MAACW,KAAK,EAAED,MAAM,CAACE,UAAW;MAAAC,QAAA,eAC7BN,KAAA,CAACP,IAAI;QAACW,KAAK,EAAED,MAAM,CAACI,KAAM;QAAAD,QAAA,gBACxBR,IAAA,CAACJ,SAAS;UAACc,SAAS,EAAC;QAAM,CAAE,CAAC,eAE9BV,IAAA,CAACL,IAAI;UAACW,KAAK,EAAED,MAAM,CAACM,YAAa;UAACC,aAAa,EAAC;QAAM,CAAE,CAAC,eACzDZ,IAAA,CAACL,IAAI;UAACW,KAAK,EAAED,MAAM,CAACQ,KAAM;UAAAL,QAAA,EACvBJ,KAAK,CAACU,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,KAAK,CAAC,EAAEC,CAAC,kBAC3Bf,KAAA,CAACT,KAAK,CAACyB,QAAQ;YAAAV,QAAA,GACZS,CAAC,GAAG,CAAC,gBAAGjB,IAAA,CAACL,IAAI;cAACW,KAAK,EAAED,MAAM,CAACc;YAAI,CAAE,CAAC,GAAG,IAAI,eAC3CjB,KAAA,CAACP,IAAI;cAACW,KAAK,EAAED,MAAM,CAACe,GAAI;cAAAZ,QAAA,gBACtBR,IAAA,CAACN,IAAI;gBAACY,KAAK,EAAED,MAAM,CAACgB,SAAU;gBAAAb,QAAA,EAAEO;cAAK,CAAO,CAAC,eAC7Cf,IAAA,CAACN,IAAI;gBAACY,KAAK,EAAED,MAAM,CAACiB,SAAU;gBAAAd,QAAA,EAAEQ;cAAK,CAAO,CAAC;YAAA,CACzC,CAAC;UAAA,GALYA,KAML,CACjB;QAAC,CACE,CAAC;MAAA,CACH;IAAC,CACH;EAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","BlurLayer","useThemedStyles","makeGlassStatsStyles","jsx","_jsx","jsxs","_jsxs","GlassStats","items","style","testID","styles","glassShell","children","glass","intensity","topHighlight","pointerEvents","inner","map","count","label","i","Fragment","sep","col","countText","labelText"],"sourceRoot":"../../../../../src","sources":["components/business/GlassStats/GlassStats.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,6BAAoB;AAC9C,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,MAAM,GAAGV,eAAe,CAACC,oBAAoB,CAAC;EACpD;IAAA;IACE;IACA;IACA;IACAE,IAAA,CAACL,IAAI;MAACU,KAAK,EAAE,CAACE,MAAM,CAACC,UAAU,EAAEH,KAAK,CAAE;MAACC,MAAM,EAAEA,MAAO;MAAAG,QAAA,eACtDP,KAAA,CAACP,IAAI;QAACU,KAAK,EAAEE,MAAM,CAACG,KAAM;QAAAD,QAAA,gBACxBT,IAAA,CAACJ,SAAS;UAACe,SAAS,EAAC;QAAM,CAAE,CAAC,eAE9BX,IAAA,CAACL,IAAI;UAACU,KAAK,EAAEE,MAAM,CAACK,YAAa;UAACC,aAAa,EAAC;QAAM,CAAE,CAAC,eACzDb,IAAA,CAACL,IAAI;UAACU,KAAK,EAAEE,MAAM,CAACO,KAAM;UAAAL,QAAA,EACvBL,KAAK,CAACW,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,KAAK,CAAC,EAAEC,CAAC,kBAC3BhB,KAAA,CAACT,KAAK,CAAC0B,QAAQ;YAAAV,QAAA,GACZS,CAAC,GAAG,CAAC,gBAAGlB,IAAA,CAACL,IAAI;cAACU,KAAK,EAAEE,MAAM,CAACa;YAAI,CAAE,CAAC,GAAG,IAAI,eAC3ClB,KAAA,CAACP,IAAI;cAACU,KAAK,EAAEE,MAAM,CAACc,GAAI;cAAAZ,QAAA,gBACtBT,IAAA,CAACN,IAAI;gBAACW,KAAK,EAAEE,MAAM,CAACe,SAAU;gBAAAb,QAAA,EAAEO;cAAK,CAAO,CAAC,eAC7ChB,IAAA,CAACN,IAAI;gBAACW,KAAK,EAAEE,MAAM,CAACgB,SAAU;gBAAAd,QAAA,EAAEQ;cAAK,CAAO,CAAC;YAAA,CACzC,CAAC;UAAA,GALY,GAAGA,KAAK,IAAIC,CAAC,EAMlB,CACjB;QAAC,CACE,CAAC;MAAA,CACH;IAAC,CACH;EAAC;AAEX","ignoreList":[]}

package/lib/module/components/business/GlassStats/types.js

@@ -1,2 +1,4 @@
 "use strict";
+
+export {};
 //# sourceMappingURL=types.js.map

package/lib/module/components/business/VersionPill/VersionPill.js

@@ -10,27 +10,45 @@ export function VersionPill({
   version,
   build,
   statusColor,
-  style
+  versionPrefix = '版本 ',
+  buildPrefix = 'build ',
+  style,
+  testID
 }) {
   const c = useColors();
   const styles = useThemedStyles(makeVersionPillStyles);
   const dotColor = statusColor ?? c.success;
+  // build 的「省略」契约:undefined / null / "" 均视为空;字符串 "0" 不省略。
+  const hasBuild = build != null && build !== '';
+  // 状态点用颜色传达语义,SR 无法感知;整个 pill 作为分组提供无障碍合并读出。
+  const a11yLabel = hasBuild ? `${versionPrefix}${version},${buildPrefix}${build}` : `${versionPrefix}${version}`;
   return /*#__PURE__*/_jsxs(View, {
+    accessible: true,
+    accessibilityLabel: a11yLabel,
     style: [styles.pill, style],
+    testID: testID,
     children: [/*#__PURE__*/_jsx(View, {
       style: [styles.dot, {
         backgroundColor: dotColor
-      }]
+      }],
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no"
     }), /*#__PURE__*/_jsxs(Text, {
       style: styles.version,
-      children: ["\u7248\u672C ", version]
-    }), build ? /*#__PURE__*/_jsxs(_Fragment, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      children: [versionPrefix, version]
+    }), hasBuild ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [/*#__PURE__*/_jsx(Text, {
         style: styles.sep,
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no",
         children: "\xB7"
       }), /*#__PURE__*/_jsxs(Text, {
         style: styles.build,
-        children: ["build ", build]
+        accessibilityElementsHidden: true,
+        importantForAccessibility: "no",
+        children: [buildPrefix, build]
       })]
     }) : null]
   });

package/lib/module/components/business/VersionPill/VersionPill.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","useColors","useThemedStyles","makeVersionPillStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","VersionPill","version","build","statusColor","style","c","styles","dotColor","success","pill","children","dot","backgroundColor","sep"],"sourceRoot":"../../../../../src","sources":["components/business/VersionPill/VersionPill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,qBAAqB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXC;AACgB,CAAC,EAAqB;EACtC,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGd,eAAe,CAACC,qBAAqB,CAAC;EACrD,MAAMc,QAAQ,GAAGJ,WAAW,IAAIE,CAAC,CAACG,OAAO;EACzC,oBACEX,KAAA,CAACP,IAAI;IAACc,KAAK,EAAE,CAACE,MAAM,CAACG,IAAI,EAAEL,KAAK,CAAE;IAAAM,QAAA,gBAChCf,IAAA,CAACL,IAAI;MAACc,KAAK,EAAE,CAACE,MAAM,CAACK,GAAG,EAAE;QAAEC,eAAe,EAAEL;MAAS,CAAC;IAAE,CAAE,CAAC,eAC5DV,KAAA,CAACR,IAAI;MAACe,KAAK,EAAEE,MAAM,CAACL,OAAQ;MAAAS,QAAA,GAAC,eAAG,EAACT,OAAO;IAAA,CAAO,CAAC,EAC/CC,KAAK,gBACJL,KAAA,CAAAE,SAAA;MAAAW,QAAA,gBACEf,IAAA,CAACN,IAAI;QAACe,KAAK,EAAEE,MAAM,CAACO,GAAI;QAAAH,QAAA,EAAC;MAAC,CAAM,CAAC,eACjCb,KAAA,CAACR,IAAI;QAACe,KAAK,EAAEE,MAAM,CAACJ,KAAM;QAAAQ,QAAA,GAAC,QAAM,EAACR,KAAK;MAAA,CAAO,CAAC;IAAA,CAC/C,CAAC,GACD,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","useColors","useThemedStyles","makeVersionPillStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","VersionPill","version","build","statusColor","versionPrefix","buildPrefix","style","testID","c","styles","dotColor","success","hasBuild","a11yLabel","accessible","accessibilityLabel","pill","children","dot","backgroundColor","accessibilityElementsHidden","importantForAccessibility","sep"],"sourceRoot":"../../../../../src","sources":["components/business/VersionPill/VersionPill.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,qBAAqB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGjD;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,KAAK;EACLC,WAAW;EACXC,aAAa,GAAG,KAAK;EACrBC,WAAW,GAAG,QAAQ;EACtBC,KAAK;EACLC;AACgB,CAAC,EAAqB;EACtC,MAAMC,CAAC,GAAGjB,SAAS,CAAC,CAAC;EACrB,MAAMkB,MAAM,GAAGjB,eAAe,CAACC,qBAAqB,CAAC;EACrD,MAAMiB,QAAQ,GAAGP,WAAW,IAAIK,CAAC,CAACG,OAAO;EACzC;EACA,MAAMC,QAAQ,GAAGV,KAAK,IAAI,IAAI,IAAIA,KAAK,KAAK,EAAE;EAC9C;EACA,MAAMW,SAAS,GAAGD,QAAQ,GACtB,GAAGR,aAAa,GAAGH,OAAO,IAAII,WAAW,GAAGH,KAAK,EAAE,GACnD,GAAGE,aAAa,GAAGH,OAAO,EAAE;EAChC,oBACEJ,KAAA,CAACP,IAAI;IACHwB,UAAU;IACVC,kBAAkB,EAAEF,SAAU;IAC9BP,KAAK,EAAE,CAACG,MAAM,CAACO,IAAI,EAAEV,KAAK,CAAE;IAC5BC,MAAM,EAAEA,MAAO;IAAAU,QAAA,gBAGftB,IAAA,CAACL,IAAI;MACHgB,KAAK,EAAE,CAACG,MAAM,CAACS,GAAG,EAAE;QAAEC,eAAe,EAAET;MAAS,CAAC,CAAE;MACnDU,2BAA2B;MAC3BC,yBAAyB,EAAC;IAAI,CAC/B,CAAC,eACFxB,KAAA,CAACR,IAAI;MACHiB,KAAK,EAAEG,MAAM,CAACR,OAAQ;MACtBmB,2BAA2B;MAC3BC,yBAAyB,EAAC,IAAI;MAAAJ,QAAA,GAE7Bb,aAAa,EACbH,OAAO;IAAA,CACJ,CAAC,EACNW,QAAQ,gBACPf,KAAA,CAAAE,SAAA;MAAAkB,QAAA,gBAEEtB,IAAA,CAACN,IAAI;QACHiB,KAAK,EAAEG,MAAM,CAACa,GAAI;QAClBF,2BAA2B;QAC3BC,yBAAyB,EAAC,IAAI;QAAAJ,QAAA,EAC/B;MAED,CAAM,CAAC,eACPpB,KAAA,CAACR,IAAI;QACHiB,KAAK,EAAEG,MAAM,CAACP,KAAM;QACpBkB,2BAA2B;QAC3BC,yBAAyB,EAAC,IAAI;QAAAJ,QAAA,GAE7BZ,WAAW,EACXH,KAAK;MAAA,CACF,CAAC;IAAA,CACP,CAAC,GACD,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/business/VersionPill/styles.js

@@ -4,7 +4,7 @@ import { StyleSheet } from 'react-native';
 import { fontMono, r, radius, space, type } from "../../../theme/index.js";
 
 /** VersionPill 样式工厂 —— hairline 描边 + surface 底胶囊。
- *  字号走 type.microPlus(11.5),与 SplashScreen / profileCard / carousel 共用。 */
+ *  字号走 type.microPlus(11.5),现仓内仅 VersionPill 消费。 */
 export const makeVersionPillStyles = c => StyleSheet.create({
   pill: {
     flexDirection: 'row',

package/lib/module/components/business/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop","GlassStats","AvatarWithRing","VersionPill"],"sourceRoot":"../../../../src","sources":["components/business/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAe;AASxE,SAASC,UAAU,QAAQ,uBAAc;AAGzC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,WAAW,QAAQ,wBAAe","ignoreList":[]}
+{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop","GlassStats","AvatarWithRing","VersionPill"],"sourceRoot":"../../../../src","sources":["components/business/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAe;AAUxE,SAASC,UAAU,QAAQ,uBAAc;AAGzC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,WAAW,QAAQ,wBAAe","ignoreList":[]}

package/lib/module/components/business/useSvgId.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { useId } from 'react';
+
+/**
+ * SVG 渐变 id 生成 hook —— 消毒 React 19 useId 中的冒号字符。
+ *
+ * Why:React 19 的 useId() 返回含冒号(`:r0:`)的字符串,不是合法的 SVG id 字符
+ * (XML NCName 规则),直接用在 `<LinearGradient id>` / `<RadialGradient id>`
+ * 会导致 SVG 引用失败。sanitize 后拼上 prefix 保证唯一且合法。
+ *
+ * @param prefix  短前缀,区分同屏多 gradient(如 "gw" / "rh" / "av")。
+ * @param override 可选:外部传入的 gradientId;有值时直接返回,跳过 useId 分配。
+ */
+export function useSvgId(prefix, override) {
+  const autoId = useId();
+  if (override !== undefined) return override;
+  return `${prefix}-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+}
+//# sourceMappingURL=useSvgId.js.map

package/lib/module/components/business/useSvgId.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useId","useSvgId","prefix","override","autoId","undefined","replace"],"sourceRoot":"../../../../src","sources":["components/business/useSvgId.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,OAAO;;AAE7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAACC,MAAc,EAAEC,QAAiB,EAAU;EAClE,MAAMC,MAAM,GAAGJ,KAAK,CAAC,CAAC;EACtB,IAAIG,QAAQ,KAAKE,SAAS,EAAE,OAAOF,QAAQ;EAC3C,OAAO,GAAGD,MAAM,IAAIE,MAAM,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;AAC7D","ignoreList":[]}