@unif/react-native-design 0.8.2 → 0.10.0

package/lib/module/components/ui/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ButtonBase","Icon","jsx","_jsx","IconButton","icon","onPress","size","variant","color","disabled","accessibilityLabel","accessibilityHint","style","testID","square","children","sizing","palette","name","fs","fg"],"sourceRoot":"../../../../../src","sources":["components/ui/IconButton/IconButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAsB;AACjD,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,OAAO;EACjBC,KAAK;EACLC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,oBACEX,IAAA,CAACH,UAAU;IACTe,MAAM;IACNT,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAE,QAAA,EAEdA,CAAC;MAAEC,MAAM;MAAEC;IAAQ,CAAC,kBACnBf,IAAA,CAACF,IAAI;MAACkB,IAAI,EAAEd,IAAK;MAACE,IAAI,EAAEU,MAAM,CAACG,EAAE,GAAG,CAAE;MAACX,KAAK,EAAEA,KAAK,IAAIS,OAAO,CAACG;IAAG,CAAE;EACrE,CACS,CAAC;AAEjB","ignoreList":[]}
+{"version":3,"names":["React","ButtonBase","Icon","jsx","_jsx","IconButton","icon","onPress","size","variant","color","disabled","loading","accessibilityLabel","accessibilityHint","style","testID","square","children","sizing","palette","name","fs","fg"],"sourceRoot":"../../../../../src","sources":["components/ui/IconButton/IconButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAsB;AACjD,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,OAAO;EACjBC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,oBACEZ,IAAA,CAACH,UAAU;IACTgB,MAAM;IACNV,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBG,OAAO,EAAEA,OAAQ;IACjBD,QAAQ,EAAEA,QAAS;IACnBE,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAE,QAAA,EAEdA,CAAC;MAAEC,MAAM;MAAEC;IAAQ,CAAC,kBACnBhB,IAAA,CAACF,IAAI;MAACmB,IAAI,EAAEf,IAAK;MAACE,IAAI,EAAEW,MAAM,CAACG,EAAE,GAAG,CAAE;MAACZ,KAAK,EAAEA,KAAK,IAAIU,OAAO,CAACG;IAAG,CAAE;EACrE,CACS,CAAC;AAEjB","ignoreList":[]}

package/lib/module/components/ui/Logo/Logo.js

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import { Image } from 'react-native';
+import { r } from "../../../theme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 品牌 logo 容器组件 —— 提供尺寸 / 圆角 / a11y 标准化包装。
@@ -14,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  */
 export function Logo({
   source,
-  size = 64,
+  size = r(64),
   borderRadius,
   label = 'Logo',
   style,

package/lib/module/components/ui/Logo/Logo.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Image","jsx","_jsx","Logo","source","size","borderRadius","label","style","testID","accessibilityLabel","width","height","resizeMode"],"sourceRoot":"../../../../../src","sources":["components/ui/Logo/Logo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAC;EACnBC,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,YAAY;EACZC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,oBACEP,IAAA,CAACF,KAAK;IACJI,MAAM,EAAEA,MAAO;IACfM,kBAAkB,EAAEH,KAAM;IAC1BC,KAAK,EAAE,CACL;MACEG,KAAK,EAAEN,IAAI;MACXO,MAAM,EAAEP,IAAI;MACZC,YAAY,EAAEA,YAAY,IAAID,IAAI,GAAG;IACvC,CAAC,EACDG,KAAK,CACL;IACFK,UAAU,EAAC,OAAO;IAClBJ,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","Image","r","jsx","_jsx","Logo","source","size","borderRadius","label","style","testID","accessibilityLabel","width","height","resizeMode"],"sourceRoot":"../../../../../src","sources":["components/ui/Logo/Logo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AACpC,SAASC,CAAC,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,IAAIA,CAAC;EACnBC,MAAM;EACNC,IAAI,GAAGL,CAAC,CAAC,EAAE,CAAC;EACZM,YAAY;EACZC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,oBACEP,IAAA,CAACH,KAAK;IACJK,MAAM,EAAEA,MAAO;IACfM,kBAAkB,EAAEH,KAAM;IAC1BC,KAAK,EAAE,CACL;MACEG,KAAK,EAAEN,IAAI;MACXO,MAAM,EAAEP,IAAI;MACZC,YAAY,EAAEA,YAAY,IAAID,IAAI,GAAG;IACvC,CAAC,EACDG,KAAK,CACL;IACFK,UAAU,EAAC,OAAO;IAClBJ,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/ui/NavBar/NavBar.js

@@ -7,9 +7,12 @@ import { IconButton } from "../IconButton/index.js";
 import { isSlot } from "./isSlot.js";
 import { makeStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/** NavBarSlotConfig → IconButton(variant='ghost' + 外部 tint)。
- *  accessibilityLabel 必填(IconButton 强制),fallback 到 icon 名。 */
+/** NavBarSlotConfig → IconButton(variant='ghost' + 外部 tint)。 */
 function renderSlot(slot, tint) {
+  // [L-50] 缺 accessibilityLabel 时 dev 告警 —— 回退读英文 icon 名(如 "menu")体验不佳。
+  if (!slot.accessibilityLabel && typeof __DEV__ !== 'undefined' && __DEV__) {
+    console.warn(`NavBar slot(icon="${slot.icon}")未传 accessibilityLabel,SR 将读出 icon 名,请传人类可读短语。`);
+  }
   return /*#__PURE__*/_jsx(IconButton, {
     icon: slot.icon,
     onPress: slot.onPress,
@@ -25,12 +28,21 @@ function resolveSlot(slot, tint) {
   if (isSlot(slot)) return renderSlot(slot, tint);
   return slot;
 }
+
+/**
+ * 安全区归属：NavBar **不**内置 top safe-area inset。
+ * 宿主页面负责处理（推荐做法：在屏幕根容器或 Stack.Screen header 里
+ * 用 `<SafeAreaView edges={['top']}>` 包住 NavBar，或配合
+ * `react-navigation` 的 `headerStatusBarHeight` 选项）。
+ * 这样 NavBar 可在任何场景复用（modal、底部抽屉 header 等不需要 top inset）。
+ */
 export function NavBar({
   title,
   subtitle,
   left,
   right,
   variant = 'default',
+  style,
   testID
 }) {
   const c = useColors();
@@ -43,7 +55,7 @@ export function NavBar({
   const tint = isBrand ? c.onPrimary : c.foreground;
   const subtint = isBrand ? c.onPrimaryMuted : c.foregroundSubtle;
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.bar, isBrand && styles.barBrand, isTransparent && styles.barTransparent],
+    style: [styles.bar, isBrand && styles.barBrand, isTransparent && styles.barTransparent, style],
     testID: testID,
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.side,

package/lib/module/components/ui/NavBar/NavBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","useColors","useThemedStyles","IconButton","isSlot","makeStyles","jsx","_jsx","jsxs","_jsxs","renderSlot","slot","tint","icon","onPress","variant","color","accessibilityLabel","resolveSlot","NavBar","title","subtitle","left","right","testID","c","styles","isBrand","isTransparent","onPrimary","foreground","subtint","onPrimaryMuted","foregroundSubtle","style","bar","barBrand","barTransparent","children","side","center","numberOfLines","sideRight"],"sourceRoot":"../../../../../src","sources":["components/ui/NavBar/NavBar.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","useColors","useThemedStyles","IconButton","isSlot","makeStyles","jsx","_jsx","jsxs","_jsxs","renderSlot","slot","tint","accessibilityLabel","__DEV__","console","warn","icon","onPress","variant","color","resolveSlot","NavBar","title","subtitle","left","right","style","testID","c","styles","isBrand","isTransparent","onPrimary","foreground","subtint","onPrimaryMuted","foregroundSubtle","bar","barBrand","barTransparent","children","side","center","numberOfLines","sideRight"],"sourceRoot":"../../../../../src","sources":["components/ui/NavBar/NavBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/PasswordInput/PasswordInput.js

@@ -1,50 +1,79 @@
 "use strict";
 
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { Pressable } from 'react-native-gesture-handler';
 import { Icon } from "../Icon/index.js";
 import { Input } from "../Input/index.js";
-import { useColors } from "../../../theme/index.js";
+import { control, fixed, r, useColors } from "../../../theme/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
 import { styles } from "./styles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-/** 密码 Input —— Input + leading lock + trailing eye 切换明文 / 密文。
- *  showPw 内部 useState,caller 只关心 value/onChangeText。
- *  a11y:label 已表达"显示/隐藏密码"意图,不再加 accessibilityHint(避免
- *  SR 朗读 over-hint,见 CLAUDE.md a11y 规范)。 */
-export function PasswordInput({
+/**
+ * 密码 Input —— Input + leading lock + trailing eye 切换明文 / 密文。
+ *
+ * [L-32] 增强:
+ * - forwardRef<TextInput> —— 业务表单 focus() 聚焦
+ * - inputProps 类型改为 Omit<TextInputProps,'secureTextEntry'>
+ * - 补 textContentType='password' / autoComplete='current-password' / autoCapitalize='none' 默认值
+ * - 暴露 error / disabled 透传给底层 Input
+ *
+ * showPw 内部 useState,caller 只关心 value/onChangeText。
+ * a11y:label 已表达"显示/隐藏密码"意图,不再加 accessibilityHint(避免 SR 朗读 over-hint)。
+ */
+export const PasswordInput = /*#__PURE__*/forwardRef(function PasswordInput({
   value,
   onChangeText,
   placeholder = '请输入密码',
   testID,
+  error,
+  disabled,
   inputProps
-}) {
+}, ref) {
   const c = useColors();
   const [showPw, setShowPw] = useState(false);
   return /*#__PURE__*/_jsx(Input, {
+    ref: ref,
     testID: testID,
     value: value,
     onChangeText: onChangeText,
     placeholder: placeholder,
+    error: error,
+    disabled: disabled
+    // [L-32] 补 textContentType / autoComplete / autoCapitalize 默认值 —— 提升密码自动填充体验
+    ,
+    textContentType: "password",
+    autoComplete: "current-password",
+    autoCapitalize: "none",
     ...inputProps,
+    // secureTextEntry 在 inputProps spread 之后覆盖,确保组件自管不被 caller 干扰
     secureTextEntry: !showPw,
     leading: /*#__PURE__*/_jsx(Icon, {
       name: "lock",
-      size: 18,
+      size: r(18),
       color: c.iconFaint40
     }),
     trailing: /*#__PURE__*/_jsx(Pressable, {
-      testID: testID ? `${testID}-toggle` : undefined,
+      testID: childTestID(testID, 'toggle'),
       style: styles.eyeBtn,
       onPress: () => setShowPw(v => !v),
       accessibilityRole: "button",
-      accessibilityLabel: showPw ? '隐藏密码' : '显示密码',
-      hitSlop: 8,
+      accessibilityLabel: showPw ? '隐藏密码' : '显示密码'
+      // [M-7] eye icon r(16)≈16pt;Input 高 control.md≈36pt 限制垂直扩展
+      // vertical 走 (44-control.md)/2≈4;horizontal 走 (44-16)/2=14
+      ,
+      hitSlop: {
+        top: Math.round((fixed.hitTarget - control.md) / 2),
+        bottom: Math.round((fixed.hitTarget - control.md) / 2),
+        left: Math.round((fixed.hitTarget - r(16)) / 2),
+        right: Math.round((fixed.hitTarget - r(16)) / 2)
+      },
       children: /*#__PURE__*/_jsx(Icon, {
         name: showPw ? 'eye' : 'eye-off',
-        size: 16,
+        size: r(16),
         color: c.iconFaint40
       })
     })
   });
-}
+});
+PasswordInput.displayName = 'PasswordInput';
 //# sourceMappingURL=PasswordInput.js.map

package/lib/module/components/ui/PasswordInput/PasswordInput.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","Pressable","Icon","Input","useColors","styles","jsx","_jsx","PasswordInput","value","onChangeText","placeholder","testID","inputProps","c","showPw","setShowPw","secureTextEntry","leading","name","size","color","iconFaint40","trailing","undefined","style","eyeBtn","onPress","v","accessibilityRole","accessibilityLabel","hitSlop","children"],"sourceRoot":"../../../../../src","sources":["components/ui/PasswordInput/PasswordInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGlC;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,OAAO;EACrBC,MAAM;EACNC;AACkB,CAAC,EAAqB;EACxC,MAAMC,CAAC,GAAGV,SAAS,CAAC,CAAC;EACrB,MAAM,CAACW,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAE3C,oBACEO,IAAA,CAACJ,KAAK;IACJS,MAAM,EAAEA,MAAO;IACfH,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,WAAW,EAAEA,WAAY;IAAA,GACrBE,UAAU;IACdI,eAAe,EAAE,CAACF,MAAO;IACzBG,OAAO,eAAEX,IAAA,CAACL,IAAI;MAACiB,IAAI,EAAC,MAAM;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEP,CAAC,CAACQ;IAAY,CAAE,CAAE;IAC9DC,QAAQ,eACNhB,IAAA,CAACN,SAAS;MACRW,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,SAAS,GAAGY,SAAU;MAChDC,KAAK,EAAEpB,MAAM,CAACqB,MAAO;MACrBC,OAAO,EAAEA,CAAA,KAAMX,SAAS,CAAEY,CAAC,IAAK,CAACA,CAAC,CAAE;MACpCC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEf,MAAM,GAAG,MAAM,GAAG,MAAO;MAC7CgB,OAAO,EAAE,CAAE;MAAAC,QAAA,eAEXzB,IAAA,CAACL,IAAI;QACHiB,IAAI,EAAEJ,MAAM,GAAG,KAAK,GAAG,SAAU;QACjCK,IAAI,EAAE,EAAG;QACTC,KAAK,EAAEP,CAAC,CAACQ;MAAY,CACtB;IAAC,CACO;EACZ,CACF,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","useState","Pressable","Icon","Input","control","fixed","r","useColors","childTestID","styles","jsx","_jsx","PasswordInput","value","onChangeText","placeholder","testID","error","disabled","inputProps","ref","c","showPw","setShowPw","textContentType","autoComplete","autoCapitalize","secureTextEntry","leading","name","size","color","iconFaint40","trailing","style","eyeBtn","onPress","v","accessibilityRole","accessibilityLabel","hitSlop","top","Math","round","hitTarget","md","bottom","left","right","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/PasswordInput/PasswordInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,OAAO,EAAEC,KAAK,EAAEC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7D,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,aAAa,gBAAGb,UAAU,CACrC,SAASa,aAAaA,CACpB;EACEC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,OAAO;EACrBC,MAAM;EACNC,KAAK;EACLC,QAAQ;EACRC;AACF,CAAC,EACDC,GAAG,EACgB;EACnB,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAM,CAACe,MAAM,EAAEC,SAAS,CAAC,GAAGvB,QAAQ,CAAC,KAAK,CAAC;EAE3C,oBACEW,IAAA,CAACR,KAAK;IACJiB,GAAG,EAAEA,GAAI;IACTJ,MAAM,EAAEA,MAAO;IACfH,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,WAAW,EAAEA,WAAY;IACzBE,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA;IACV;IAAA;IACAM,eAAe,EAAC,UAAU;IAC1BC,YAAY,EAAC,kBAAkB;IAC/BC,cAAc,EAAC,MAAM;IAAA,GACjBP,UAAU;IACd;IACAQ,eAAe,EAAE,CAACL,MAAO;IACzBM,OAAO,eAAEjB,IAAA,CAACT,IAAI;MAAC2B,IAAI,EAAC,MAAM;MAACC,IAAI,EAAExB,CAAC,CAAC,EAAE,CAAE;MAACyB,KAAK,EAAEV,CAAC,CAACW;IAAY,CAAE,CAAE;IACjEC,QAAQ,eACNtB,IAAA,CAACV,SAAS;MACRe,MAAM,EAAER,WAAW,CAACQ,MAAM,EAAE,QAAQ,CAAE;MACtCkB,KAAK,EAAEzB,MAAM,CAAC0B,MAAO;MACrBC,OAAO,EAAEA,CAAA,KAAMb,SAAS,CAAEc,CAAC,IAAK,CAACA,CAAC,CAAE;MACpCC,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEjB,MAAM,GAAG,MAAM,GAAG;MACtC;MACA;MAAA;MACAkB,OAAO,EAAE;QACPC,GAAG,EAAEC,IAAI,CAACC,KAAK,CAAC,CAACtC,KAAK,CAACuC,SAAS,GAAGxC,OAAO,CAACyC,EAAE,IAAI,CAAC,CAAC;QACnDC,MAAM,EAAEJ,IAAI,CAACC,KAAK,CAAC,CAACtC,KAAK,CAACuC,SAAS,GAAGxC,OAAO,CAACyC,EAAE,IAAI,CAAC,CAAC;QACtDE,IAAI,EAAEL,IAAI,CAACC,KAAK,CAAC,CAACtC,KAAK,CAACuC,SAAS,GAAGtC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC/C0C,KAAK,EAAEN,IAAI,CAACC,KAAK,CAAC,CAACtC,KAAK,CAACuC,SAAS,GAAGtC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC;MACjD,CAAE;MAAA2C,QAAA,eAEFtC,IAAA,CAACT,IAAI;QACH2B,IAAI,EAAEP,MAAM,GAAG,KAAK,GAAG,SAAU;QACjCQ,IAAI,EAAExB,CAAC,CAAC,EAAE,CAAE;QACZyB,KAAK,EAAEV,CAAC,CAACW;MAAY,CACtB;IAAC,CACO;EACZ,CACF,CAAC;AAEN,CACF,CAAC;AAEDpB,aAAa,CAACsC,WAAW,GAAG,eAAe","ignoreList":[]}

package/lib/module/components/ui/PasswordInput/styles.js

@@ -3,7 +3,7 @@
 import { StyleSheet } from 'react-native';
 import { space } from "../../../theme/index.js";
 
-/** eye Pressable hit area 微间距,跟 ForgotPassword 同款 4px。 */
+/** eye Pressable hit area 微间距 4px。 */
 export const styles = StyleSheet.create({
   eyeBtn: {
     paddingHorizontal: space['1']

package/lib/module/components/ui/Pulse/Pulse.js

@@ -6,12 +6,13 @@ import { usePulse } from './usePulse';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Pulse({
   children,
+  style,
   testID,
   ...opts
 }) {
   const animatedStyle = usePulse(opts);
   return /*#__PURE__*/_jsx(Animated.View, {
-    style: animatedStyle,
+    style: [animatedStyle, style],
     testID: testID,
     children: children
   });

package/lib/module/components/ui/Pulse/Pulse.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","usePulse","jsx","_jsx","Pulse","children","testID","opts","animatedStyle","View","style"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/Pulse.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ;EACRC,MAAM;EACN,GAAGC;AACuC,CAAC,EAAqB;EAChE,MAAMC,aAAa,GAAGP,QAAQ,CAACM,IAAI,CAAC;EACpC,oBACEJ,IAAA,CAACH,QAAQ,CAACS,IAAI;IAACC,KAAK,EAAEF,aAAc;IAACF,MAAM,EAAEA,MAAO;IAAAD,QAAA,EACjDA;EAAQ,CACI,CAAC;AAEpB","ignoreList":[]}
+{"version":3,"names":["React","Animated","usePulse","jsx","_jsx","Pulse","children","style","testID","opts","animatedStyle","View"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/Pulse.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ;EACRC,KAAK;EACLC,MAAM;EACN,GAAGC;AACuC,CAAC,EAAqB;EAChE,MAAMC,aAAa,GAAGR,QAAQ,CAACO,IAAI,CAAC;EACpC,oBACEL,IAAA,CAACH,QAAQ,CAACU,IAAI;IAACJ,KAAK,EAAE,CAACG,aAAa,EAAEH,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAF,QAAA,EAC1DA;EAAQ,CACI,CAAC;AAEpB","ignoreList":[]}

package/lib/module/components/ui/Pulse/PulseDot.js

@@ -2,25 +2,23 @@
 
 import React from 'react';
 import Animated from 'react-native-reanimated';
-import { useColors } from "../../../theme/index.js";
+import { r, useColors } from "../../../theme/index.js";
 import { usePulse } from './usePulse';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function PulseDot({
-  size = 6,
+  size = r(6),
   color,
   from = 0.5,
-  to = 1,
-  duration = 700,
-  delay = 0,
-  testID
+  style,
+  testID,
+  ...opts
 } = {}) {
   const c = useColors();
   const fill = color ?? c.primary;
+  // [L-93] 只显式覆盖 from(默认 0.5 与 usePulse 的 0.6 不同),其余 opts 透传 usePulse。
   const animatedStyle = usePulse({
     from,
-    to,
-    duration,
-    delay
+    ...opts
   });
   return /*#__PURE__*/_jsx(Animated.View, {
     style: [{
@@ -28,7 +26,7 @@ export function PulseDot({
       height: size,
       borderRadius: size / 2,
       backgroundColor: fill
-    }, animatedStyle],
+    }, animatedStyle, style],
     testID: testID,
     accessibilityElementsHidden: true,
     importantForAccessibility: "no-hide-descendants"

package/lib/module/components/ui/Pulse/PulseDot.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","useColors","usePulse","jsx","_jsx","PulseDot","size","color","from","to","duration","delay","testID","c","fill","primary","animatedStyle","View","style","width","height","borderRadius","backgroundColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/PulseDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI,GAAG,CAAC;EACRC,KAAK;EACLC,IAAI,GAAG,GAAG;EACVC,EAAE,GAAG,CAAC;EACNC,QAAQ,GAAG,GAAG;EACdC,KAAK,GAAG,CAAC;EACTC;AACa,CAAC,GAAG,CAAC,CAAC,EAAqB;EACxC,MAAMC,CAAC,GAAGZ,SAAS,CAAC,CAAC;EACrB,MAAMa,IAAI,GAAGP,KAAK,IAAIM,CAAC,CAACE,OAAO;EAC/B,MAAMC,aAAa,GAAGd,QAAQ,CAAC;IAAEM,IAAI;IAAEC,EAAE;IAAEC,QAAQ;IAAEC;EAAM,CAAC,CAAC;EAC7D,oBACEP,IAAA,CAACJ,QAAQ,CAACiB,IAAI;IACZC,KAAK,EAAE,CACL;MACEC,KAAK,EAAEb,IAAI;MACXc,MAAM,EAAEd,IAAI;MACZe,YAAY,EAAEf,IAAI,GAAG,CAAC;MACtBgB,eAAe,EAAER;IACnB,CAAC,EACDE,aAAa,CACb;IACFJ,MAAM,EAAEA,MAAO;IACfW,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","Animated","r","useColors","usePulse","jsx","_jsx","PulseDot","size","color","from","style","testID","opts","c","fill","primary","animatedStyle","View","width","height","borderRadius","backgroundColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/PulseDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI,GAAGN,CAAC,CAAC,CAAC,CAAC;EACXO,KAAK;EACLC,IAAI,GAAG,GAAG;EACVC,KAAK;EACLC,MAAM;EACN,GAAGC;AACU,CAAC,GAAG,CAAC,CAAC,EAAqB;EACxC,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,IAAI,GAAGN,KAAK,IAAIK,CAAC,CAACE,OAAO;EAC/B;EACA,MAAMC,aAAa,GAAGb,QAAQ,CAAC;IAAEM,IAAI;IAAE,GAAGG;EAAK,CAAC,CAAC;EACjD,oBACEP,IAAA,CAACL,QAAQ,CAACiB,IAAI;IACZP,KAAK,EAAE,CACL;MACEQ,KAAK,EAAEX,IAAI;MACXY,MAAM,EAAEZ,IAAI;MACZa,YAAY,EAAEb,IAAI,GAAG,CAAC;MACtBc,eAAe,EAAEP;IACnB,CAAC,EACDE,aAAa,EACbN,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IACfW,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/ui/Pulse/types.js

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

package/lib/module/components/ui/Pulse/usePulse.web.js

@@ -1,17 +1,24 @@
 "use strict";
 
 import { useEffect, useState } from 'react';
+import { usePrefersReducedMotion } from "../../../theme/index.js";
 /**
  * Web 端 usePulse —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
  * 链路会抛 `Object.keys(undefined)` TypeError(animation frame 每帧打印),pulse 卡死
- * 在初始值。这里用 React state + setInterval + CSS 等价于在两个 opacity 之间循环,
- * 返回 RN style({ opacity }),保持 native API 兼容。
+ * 在初始值。
  *
  * native 端走 usePulse.ts(reanimated worklet) 不动。
  *
- * 注意:实现走 React state 而非 CSS transition——因为 RN style 不支持 transition,
- *  而 setInterval 切换 opacity 加上一个外层 div 的 CSS transition 视觉上等价
- *  (transition 由 ToastHost.web.tsx 那个模式接管,这里直接用 React 切值)。
+ * [M-19] 实现方案 —— CSS transition 降级(零 rAF JS 帧):
+ *   rnw 0.21 的 animationKeyframes 字段类型侧尚未稳定暴露;
+ *   且 <style> 注入在 Spinner.web.tsx 已有安全注释(不拼外部输入)——为保持
+ *   一致性,Pulse 侧不再注入第二处 <style> 标签,故采用 CSS transition 降级:
+ *
+ *   - 返回 { opacity, transition } 作为 RN style(RN-Web 把 transition 透传 DOM)
+ *   - setInterval 每隔 `duration` ms 在 from/to 两档切换 opacity ——
+ *     setState 频率从原来的 ~60fps 降到 1 次/duration ms(参 ToastHost.web.tsx)
+ *   - CSS transition 负责两档之间的视觉补间,JS 侧零插值
+ *   - reduce-motion:静止于 `to`(完全显示),骨架/圆点静态呈现
  */
 export function usePulse({
   from = 0.6,
@@ -19,37 +26,51 @@ export function usePulse({
   duration = 700,
   delay = 0
 } = {}) {
+  const reduced = usePrefersReducedMotion();
   const [opacity, setOpacity] = useState(from);
   useEffect(() => {
-    let cancelled = false;
-    let direction = 'up';
-    let start = Date.now() + delay;
-    let raf = null;
-    const tick = () => {
-      if (cancelled) return;
-      const now = Date.now();
-      if (now < start) {
-        raf = requestAnimationFrame(tick);
-        return;
-      }
-      const elapsed = (now - start) % duration;
-      const t = elapsed / duration; // 0→1
-      const next = direction === 'up' ? from + (to - from) * t : to - (to - from) * t;
-      setOpacity(next);
-      if (elapsed + 16 >= duration) {
-        direction = direction === 'up' ? 'down' : 'up';
-        start = now;
-      }
-      raf = requestAnimationFrame(tick);
+    // reduce-motion:不脉冲,直接停在完全显示(to),骨架/圆点静态呈现。
+    if (reduced) {
+      setOpacity(to);
+      return;
+    }
+
+    // CSS transition 模式:setInterval 只负责在 from/to 两档翻转(1 次/duration ms),
+    // 浏览器 CSS transition 负责补间 —— 与原方案 rAF 每帧 setState 相比
+    // setState 频率从 ~60fps 降到 1/(duration/1000) fps,无 JS 插值开销。
+    let timer = null;
+    let current = from;
+    const start = () => {
+      timer = setInterval(() => {
+        current = current === from ? to : from;
+        setOpacity(current);
+      }, duration);
     };
-    raf = requestAnimationFrame(tick);
+    if (delay > 0) {
+      const delayTimer = setTimeout(start, delay);
+      return () => {
+        clearTimeout(delayTimer);
+        if (timer != null) clearInterval(timer);
+      };
+    }
+    start();
     return () => {
-      cancelled = true;
-      if (raf != null) cancelAnimationFrame(raf);
+      if (timer != null) clearInterval(timer);
+    };
+  }, [from, to, duration, delay, reduced]);
+  if (reduced) {
+    return {
+      opacity: to
     };
-  }, [from, to, duration, delay]);
+  }
+
+  // RN-Web 把 transition 字段透传到 DOM style,实现 CSS 级平滑过渡。
+  // RN style typedef 无 transition 字段,cast any 绕过 TS strict
+  // (实际只在 web bundle 命中,DOM div 原样接受该字段)。
+
   return {
-    opacity
+    opacity,
+    transition: `opacity ${duration}ms ease-in-out`
   };
 }
 //# sourceMappingURL=usePulse.web.js.map

package/lib/module/components/ui/Pulse/usePulse.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","usePulse","from","to","duration","delay","opacity","setOpacity","cancelled","direction","start","Date","now","raf","tick","requestAnimationFrame","elapsed","t","next","cancelAnimationFrame"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/usePulse.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI,GAAG,GAAG;EACVC,EAAE,GAAG,CAAC;EACNC,QAAQ,GAAG,GAAG;EACdC,KAAK,GAAG;AACI,CAAC,GAAG,CAAC,CAAC,EAAuB;EACzC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGP,QAAQ,CAACE,IAAI,CAAC;EAE5CH,SAAS,CAAC,MAAM;IACd,IAAIS,SAAS,GAAG,KAAK;IACrB,IAAIC,SAAwB,GAAG,IAAI;IACnC,IAAIC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,GAAGP,KAAK;IAC9B,IAAIQ,GAAkB,GAAG,IAAI;IAE7B,MAAMC,IAAI,GAAGA,CAAA,KAAM;MACjB,IAAIN,SAAS,EAAE;MACf,MAAMI,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,CAAC;MACtB,IAAIA,GAAG,GAAGF,KAAK,EAAE;QACfG,GAAG,GAAGE,qBAAqB,CAACD,IAAI,CAAC;QACjC;MACF;MACA,MAAME,OAAO,GAAG,CAACJ,GAAG,GAAGF,KAAK,IAAIN,QAAQ;MACxC,MAAMa,CAAC,GAAGD,OAAO,GAAGZ,QAAQ,CAAC,CAAC;MAC9B,MAAMc,IAAI,GACRT,SAAS,KAAK,IAAI,GAAGP,IAAI,GAAG,CAACC,EAAE,GAAGD,IAAI,IAAIe,CAAC,GAAGd,EAAE,GAAG,CAACA,EAAE,GAAGD,IAAI,IAAIe,CAAC;MACpEV,UAAU,CAACW,IAAI,CAAC;MAChB,IAAIF,OAAO,GAAG,EAAE,IAAIZ,QAAQ,EAAE;QAC5BK,SAAS,GAAGA,SAAS,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI;QAC9CC,KAAK,GAAGE,GAAG;MACb;MACAC,GAAG,GAAGE,qBAAqB,CAACD,IAAI,CAAC;IACnC,CAAC;IACDD,GAAG,GAAGE,qBAAqB,CAACD,IAAI,CAAC;IAEjC,OAAO,MAAM;MACXN,SAAS,GAAG,IAAI;MAChB,IAAIK,GAAG,IAAI,IAAI,EAAEM,oBAAoB,CAACN,GAAG,CAAC;IAC5C,CAAC;EACH,CAAC,EAAE,CAACX,IAAI,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,KAAK,CAAC,CAAC;EAE/B,OAAO;IAAEC;EAAQ,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","usePrefersReducedMotion","usePulse","from","to","duration","delay","reduced","opacity","setOpacity","timer","current","start","setInterval","delayTimer","setTimeout","clearTimeout","clearInterval","transition"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/usePulse.web.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,uBAAuB,QAAQ,yBAAgB;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,IAAI,GAAG,GAAG;EACVC,EAAE,GAAG,CAAC;EACNC,QAAQ,GAAG,GAAG;EACdC,KAAK,GAAG;AACI,CAAC,GAAG,CAAC,CAAC,EAAE;EACpB,MAAMC,OAAO,GAAGN,uBAAuB,CAAC,CAAC;EACzC,MAAM,CAACO,OAAO,EAAEC,UAAU,CAAC,GAAGT,QAAQ,CAACG,IAAI,CAAC;EAE5CJ,SAAS,CAAC,MAAM;IACd;IACA,IAAIQ,OAAO,EAAE;MACXE,UAAU,CAACL,EAAE,CAAC;MACd;IACF;;IAEA;IACA;IACA;IACA,IAAIM,KAA4C,GAAG,IAAI;IACvD,IAAIC,OAAO,GAAGR,IAAI;IAElB,MAAMS,KAAK,GAAGA,CAAA,KAAM;MAClBF,KAAK,GAAGG,WAAW,CAAC,MAAM;QACxBF,OAAO,GAAGA,OAAO,KAAKR,IAAI,GAAGC,EAAE,GAAGD,IAAI;QACtCM,UAAU,CAACE,OAAO,CAAC;MACrB,CAAC,EAAEN,QAAQ,CAAC;IACd,CAAC;IAED,IAAIC,KAAK,GAAG,CAAC,EAAE;MACb,MAAMQ,UAAU,GAAGC,UAAU,CAACH,KAAK,EAAEN,KAAK,CAAC;MAC3C,OAAO,MAAM;QACXU,YAAY,CAACF,UAAU,CAAC;QACxB,IAAIJ,KAAK,IAAI,IAAI,EAAEO,aAAa,CAACP,KAAK,CAAC;MACzC,CAAC;IACH;IACAE,KAAK,CAAC,CAAC;IACP,OAAO,MAAM;MACX,IAAIF,KAAK,IAAI,IAAI,EAAEO,aAAa,CAACP,KAAK,CAAC;IACzC,CAAC;EACH,CAAC,EAAE,CAACP,IAAI,EAAEC,EAAE,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,OAAO,CAAC,CAAC;EAExC,IAAIA,OAAO,EAAE;IACX,OAAO;MAAEC,OAAO,EAAEJ;IAAG,CAAC;EACxB;;EAEA;EACA;EACA;;EAEA,OAAO;IAAEI,OAAO;IAAEU,UAAU,EAAE,WAAWb,QAAQ;EAAiB,CAAC;AACrE","ignoreList":[]}

package/lib/module/components/ui/Radio/Radio.js

@@ -3,14 +3,18 @@
 import React, { useContext } from 'react';
 import { Text, View } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
-import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { fixed, pressedOpacity, r, space, useColors, useThemedStyles } from "../../../theme/index.js";
 import { createLogger } from "../../../utils/logger/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
 import { RadioContext } from "./RadioContext.js";
 import { RadioGroup } from "./RadioGroup.js";
 import { makeStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const log = createLogger('Radio');
 
+// [L-30] 模块级 Set 去重 —— "must be inside Group" 只告警一次,避免 FlatList 滚动时刷屏
+const _warnedCtx = new Set();
+
 /**
  * 单个 radio 选项。必须放在 `<Radio.Group>` 里使用。
  */
@@ -24,15 +28,25 @@ export function Radio({
   const styles = useThemedStyles(makeStyles);
   const ctx = useContext(RadioContext);
   if (!ctx) {
-    log.warn('<Radio> must be used inside <Radio.Group>');
+    // [L-30] 去重:同一 value 的 warn 只打一次,避免渲染阶段反复刷屏
+    const warnKey = `no-ctx:${String(value)}`;
+    if (!_warnedCtx.has(warnKey)) {
+      _warnedCtx.add(warnKey);
+      log.warn('<Radio> must be used inside <Radio.Group>');
+    }
     return /*#__PURE__*/_jsx(View, {});
   }
   const checked = ctx.value === value;
-  const resolvedTestID = testID ?? (ctx.groupTestID ? `${ctx.groupTestID}-${value}` : undefined);
+  // [L-92] 改用 childTestID:收口 parent+id 拼接逻辑,保持空串 override 回落拼接语义
+  const resolvedTestID = childTestID(ctx.groupTestID, value, testID);
+
+  // [M-7] row 含 paddingVertical space[2](上下各 ~6pt) → 行高 ≈ r(20) + 2×space[2] ≈ 32pt
+  // 补足到 fixed.hitTarget:slop = (44 - 32) / 2 = 6
+  const hitSlopV = Math.max(0, Math.round((fixed.hitTarget - (r(20) + 2 * space[2])) / 2));
   return /*#__PURE__*/_jsxs(Pressable, {
     onPress: () => !disabled && ctx.onChange(value),
     disabled: disabled,
-    hitSlop: 4,
+    hitSlop: hitSlopV,
     accessibilityRole: "radio",
     accessibilityState: {
       checked,
@@ -43,7 +57,7 @@ export function Radio({
     style: ({
       pressed
     }) => [styles.row, {
-      opacity: disabled ? 0.5 : pressed ? 0.7 : 1
+      opacity: disabled ? 0.5 : pressed ? pressedOpacity : 1
     }],
     children: [/*#__PURE__*/_jsx(View, {
       style: [styles.circle, checked && {

package/lib/module/components/ui/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","Text","View","Pressable","useColors","useThemedStyles","createLogger","RadioContext","RadioGroup","makeStyles","jsx","_jsx","jsxs","_jsxs","log","Radio","value","label","disabled","testID","c","styles","ctx","warn","checked","resolvedTestID","groupTestID","undefined","onPress","onChange","hitSlop","accessibilityRole","accessibilityState","accessibilityLabel","style","pressed","row","opacity","children","circle","borderColor","primary","dot","Group"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/Radio.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,YAAY,QAAQ,gCAAuB;AACpD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,MAAMC,GAAG,GAAGR,YAAY,CAAC,OAAO,CAAC;;AAEjC;AACA;AACA;AACA,OAAO,SAASS,KAAKA,CAAC;EACpBC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC;AACU,CAAC,EAAqB;EAChC,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,MAAMiB,MAAM,GAAGhB,eAAe,CAACI,UAAU,CAAC;EAC1C,MAAMa,GAAG,GAAGtB,UAAU,CAACO,YAAY,CAAC;EACpC,IAAI,CAACe,GAAG,EAAE;IACRR,GAAG,CAACS,IAAI,CAAC,2CAA2C,CAAC;IACrD,oBAAOZ,IAAA,CAACT,IAAI,IAAE,CAAC;EACjB;EACA,MAAMsB,OAAO,GAAGF,GAAG,CAACN,KAAK,KAAKA,KAAK;EACnC,MAAMS,cAAc,GAClBN,MAAM,KAAKG,GAAG,CAACI,WAAW,GAAG,GAAGJ,GAAG,CAACI,WAAW,IAAIV,KAAK,EAAE,GAAGW,SAAS,CAAC;EAEzE,oBACEd,KAAA,CAACV,SAAS;IACRyB,OAAO,EAAEA,CAAA,KAAM,CAACV,QAAQ,IAAII,GAAG,CAACO,QAAQ,CAACb,KAAK,CAAE;IAChDE,QAAQ,EAAEA,QAAS;IACnBY,OAAO,EAAE,CAAE;IACXC,iBAAiB,EAAC,OAAO;IACzBC,kBAAkB,EAAE;MAAER,OAAO;MAAEN,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IACtDe,kBAAkB,EAAEhB,KAAM;IAC1BE,MAAM,EAAEM,cAAe;IACvBS,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBd,MAAM,CAACe,GAAG,EACV;MAAEC,OAAO,EAAEnB,QAAQ,GAAG,GAAG,GAAGiB,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAC/C;IAAAG,QAAA,gBAEF3B,IAAA,CAACT,IAAI;MAACgC,KAAK,EAAE,CAACb,MAAM,CAACkB,MAAM,EAAEf,OAAO,IAAI;QAAEgB,WAAW,EAAEpB,CAAC,CAACqB;MAAQ,CAAC,CAAE;MAAAH,QAAA,EACjEd,OAAO,gBAAGb,IAAA,CAACT,IAAI;QAACgC,KAAK,EAAEb,MAAM,CAACqB;MAAI,CAAE,CAAC,GAAG;IAAI,CACzC,CAAC,EACNzB,KAAK,gBAAGN,IAAA,CAACV,IAAI;MAACiC,KAAK,EAAEb,MAAM,CAACJ,KAAM;MAAAqB,QAAA,EAAErB;IAAK,CAAO,CAAC,GAAG,IAAI;EAAA,CAChD,CAAC;AAEhB;AAEAF,KAAK,CAAC4B,KAAK,GAAGnC,UAAU","ignoreList":[]}
+{"version":3,"names":["React","useContext","Text","View","Pressable","fixed","pressedOpacity","r","space","useColors","useThemedStyles","createLogger","childTestID","RadioContext","RadioGroup","makeStyles","jsx","_jsx","jsxs","_jsxs","log","_warnedCtx","Set","Radio","value","label","disabled","testID","c","styles","ctx","warnKey","String","has","add","warn","checked","resolvedTestID","groupTestID","hitSlopV","Math","max","round","hitTarget","onPress","onChange","hitSlop","accessibilityRole","accessibilityState","accessibilityLabel","style","pressed","row","opacity","children","circle","borderColor","primary","dot","Group"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/Radio.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/Radio/RadioGroup.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { View } from 'react-native';
 import { useThemedStyles } from "../../../theme/index.js";
 import { RadioContext } from "./RadioContext.js";
@@ -21,15 +21,19 @@ export function RadioGroup({
   testID
 }) {
   const styles = useThemedStyles(makeStyles);
+  // [L-80b] useMemo 稳定 context value —— 避免每次渲染都产生新对象引用,
+  // 防止所有 Radio 子项因 context 变化而不必要 re-render。
+  const ctx = useMemo(() => ({
+    value,
+    onChange,
+    groupTestID: testID
+  }), [value, onChange, testID]);
   return /*#__PURE__*/_jsx(RadioContext.Provider, {
-    value: {
-      value,
-      onChange,
-      groupTestID: testID
-    },
+    value: ctx,
     children: /*#__PURE__*/_jsx(View, {
       style: styles.group,
       testID: testID,
+      accessibilityRole: "radiogroup",
       children: children
     })
   });

package/lib/module/components/ui/Radio/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","useThemedStyles","RadioContext","makeStyles","jsx","_jsx","RadioGroup","value","onChange","children","testID","styles","Provider","groupTestID","style","group"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/RadioGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACU,CAAC,EAAqB;EAChC,MAAMC,MAAM,GAAGV,eAAe,CAACE,UAAU,CAAC;EAC1C,oBACEE,IAAA,CAACH,YAAY,CAACU,QAAQ;IAACL,KAAK,EAAE;MAAEA,KAAK;MAAEC,QAAQ;MAAEK,WAAW,EAAEH;IAAO,CAAE;IAAAD,QAAA,eACrEJ,IAAA,CAACL,IAAI;MAACc,KAAK,EAAEH,MAAM,CAACI,KAAM;MAACL,MAAM,EAAEA,MAAO;MAAAD,QAAA,EACvCA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","useThemedStyles","RadioContext","makeStyles","jsx","_jsx","RadioGroup","value","onChange","children","testID","styles","ctx","groupTestID","Provider","style","group","accessibilityRole"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/RadioGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACU,CAAC,EAAqB;EAChC,MAAMC,MAAM,GAAGV,eAAe,CAACE,UAAU,CAAC;EAC1C;EACA;EACA,MAAMS,GAAG,GAAGb,OAAO,CACjB,OAAO;IAAEQ,KAAK;IAAEC,QAAQ;IAAEK,WAAW,EAAEH;EAAO,CAAC,CAAC,EAChD,CAACH,KAAK,EAAEC,QAAQ,EAAEE,MAAM,CAC1B,CAAC;EACD,oBACEL,IAAA,CAACH,YAAY,CAACY,QAAQ;IAACP,KAAK,EAAEK,GAAI;IAAAH,QAAA,eAEhCJ,IAAA,CAACL,IAAI;MAACe,KAAK,EAAEJ,MAAM,CAACK,KAAM;MAACN,MAAM,EAAEA,MAAO;MAACO,iBAAiB,EAAC,YAAY;MAAAR,QAAA,EACtEA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B","ignoreList":[]}

package/lib/module/components/ui/Radio/styles.js

@@ -5,17 +5,21 @@ import { fw, r, radius, space, type as t } from "../../../theme/index.js";
 export const makeStyles = c => StyleSheet.create({
   group: {
     gap: space[1]
+    // [L-34] radiogroup 角色由 RadioGroup.tsx 容器 View 上设置
   },
   row: {
     flexDirection: 'row',
     alignItems: 'center',
+    // [L-37] alignSelf:'flex-start' 防止父容器拉伸(与 Chip [M-8] 同口径)
+    alignSelf: 'flex-start',
     gap: space[4],
     paddingVertical: space[2]
   },
   circle: {
     width: r(20),
     height: r(20),
-    borderRadius: radius.lg,
+    // [L-79] radius.pill —— sentinel 999 确保任何尺寸下都是真圆
+    borderRadius: radius.pill,
     borderWidth: r(1.5),
     borderColor: c.outline,
     alignItems: 'center',
@@ -24,13 +28,16 @@ export const makeStyles = c => StyleSheet.create({
   dot: {
     width: r(8),
     height: r(8),
-    borderRadius: radius.xs,
+    // [L-79] radius.pill —— 内圆点同理
+    borderRadius: radius.pill,
     backgroundColor: c.primary
   },
   label: {
     fontSize: t.sm,
     color: c.foreground,
-    fontWeight: fw.regular
+    fontWeight: fw.regular,
+    // flexShrink:长 label 在 row 内换行/截断,不溢出也不把同行控件挤没([M-10])
+    flexShrink: 1
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/module/components/ui/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","group","gap","row","flexDirection","alignItems","paddingVertical","circle","width","height","borderRadius","lg","borderWidth","borderColor","outline","justifyContent","dot","xs","backgroundColor","primary","label","fontSize","sm","color","foreground","fontWeight","regular"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAGhE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDQ,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBH,GAAG,EAAEP,KAAK,CAAC,CAAC,CAAC;IACbW,eAAe,EAAEX,KAAK,CAAC,CAAC;EAC1B,CAAC;EACDY,MAAM,EAAE;IACNC,KAAK,EAAEf,CAAC,CAAC,EAAE,CAAC;IACZgB,MAAM,EAAEhB,CAAC,CAAC,EAAE,CAAC;IACbiB,YAAY,EAAEhB,MAAM,CAACiB,EAAE;IACvBC,WAAW,EAAEnB,CAAC,CAAC,GAAG,CAAC;IACnBoB,WAAW,EAAEd,CAAC,CAACe,OAAO;IACtBT,UAAU,EAAE,QAAQ;IACpBU,cAAc,EAAE;EAClB,CAAC;EACDC,GAAG,EAAE;IACHR,KAAK,EAAEf,CAAC,CAAC,CAAC,CAAC;IACXgB,MAAM,EAAEhB,CAAC,CAAC,CAAC,CAAC;IACZiB,YAAY,EAAEhB,MAAM,CAACuB,EAAE;IACvBC,eAAe,EAAEnB,CAAC,CAACoB;EACrB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAExB,CAAC,CAACyB,EAAE;IACdC,KAAK,EAAExB,CAAC,CAACyB,UAAU;IACnBC,UAAU,EAAEjC,EAAE,CAACkC;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","group","gap","row","flexDirection","alignItems","alignSelf","paddingVertical","circle","width","height","borderRadius","pill","borderWidth","borderColor","outline","justifyContent","dot","backgroundColor","primary","label","fontSize","sm","color","foreground","fontWeight","regular","flexShrink"],"sourceRoot":"../../../../../src","sources":["components/ui/Radio/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAGhE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,KAAK,EAAE;IACLC,GAAG,EAAEP,KAAK,CAAC,CAAC;IACZ;EACF,CAAC;EACDQ,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB;IACAC,SAAS,EAAE,YAAqB;IAChCJ,GAAG,EAAEP,KAAK,CAAC,CAAC,CAAC;IACbY,eAAe,EAAEZ,KAAK,CAAC,CAAC;EAC1B,CAAC;EACDa,MAAM,EAAE;IACNC,KAAK,EAAEhB,CAAC,CAAC,EAAE,CAAC;IACZiB,MAAM,EAAEjB,CAAC,CAAC,EAAE,CAAC;IACb;IACAkB,YAAY,EAAEjB,MAAM,CAACkB,IAAI;IACzBC,WAAW,EAAEpB,CAAC,CAAC,GAAG,CAAC;IACnBqB,WAAW,EAAEf,CAAC,CAACgB,OAAO;IACtBV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE;EAClB,CAAC;EACDC,GAAG,EAAE;IACHR,KAAK,EAAEhB,CAAC,CAAC,CAAC,CAAC;IACXiB,MAAM,EAAEjB,CAAC,CAAC,CAAC,CAAC;IACZ;IACAkB,YAAY,EAAEjB,MAAM,CAACkB,IAAI;IACzBM,eAAe,EAAEnB,CAAC,CAACoB;EACrB,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAExB,CAAC,CAACyB,EAAE;IACdC,KAAK,EAAExB,CAAC,CAACyB,UAAU;IACnBC,UAAU,EAAEjC,EAAE,CAACkC,OAAO;IACtB;IACAC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}