@unif/react-native-design 0.8.2 → 0.10.0

package/lib/module/components/ui/Reveal/Reveal.web.js

@@ -2,13 +2,22 @@
 
 import React, { useEffect, useRef, useState } from 'react';
 import { View } from 'react-native';
-import { motion } from "../../../theme/index.js";
+import { motion, usePrefersReducedMotion } from "../../../theme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Web 端 Reveal —— RN-Web 上 reanimated 4 的 layout 动画（FadeIn/FadeOut）会在
  * _updatePropsJS 里 Object.keys 抛 TypeError（layoutReanimation/web，渲染即每帧崩）,
  * 改用 React state + CSS transition 复刻入场淡入。退场在 web 省略（消费者卸载即移除）;
  * native 走 Reveal.tsx 的 reanimated 实现。
+ *
+ * **结构分叉说明（三层容器）**：
+ * - 外层 `<View style={style}>` —— 承接 RN StyleSheet 样式（flex/margin/padding 等），
+ *   与 native Reveal 保持相同的容器语义；
+ * - 中间 `<div style={animatedWebStyle}>` —— CSS opacity transition 动画层；
+ *   必须是真正的 DOM 元素才能触发 CSS transition（react-native-web 的 <View> 会先
+ *   inline 合并 style 再设 opacity，时序不稳定）；
+ * - 因此这里刻意不用 animationKeyframes（需要 @keyframes 注入 document），
+ *   而用 CSS transition + state 切换 opacity。
  */
 export function Reveal({
   children,
@@ -16,9 +25,15 @@ export function Reveal({
   duration = motion.base,
   testID
 }) {
+  const reduced = usePrefersReducedMotion();
   const [visible, setVisible] = useState(false);
   const rafRef = useRef(null);
   useEffect(() => {
+    // reduce-motion:跳过淡入,内容即时呈现(与 native FadeIn 在 ReduceMotion.System 下一致)。
+    if (reduced) {
+      setVisible(true);
+      return;
+    }
     let cancelled = false;
     // 双 RAF 过一帧 commit/paint，确保 CSS transition 有 opacity:0 起点（仿 ToastHost.web）。
     rafRef.current = requestAnimationFrame(() => {
@@ -31,10 +46,10 @@ export function Reveal({
       cancelled = true;
       if (rafRef.current != null) cancelAnimationFrame(rafRef.current);
     };
-  }, []);
+  }, [reduced]);
   const animatedWebStyle = {
     opacity: visible ? 1 : 0,
-    transition: `opacity ${duration}ms ease-out`
+    transition: reduced ? undefined : `opacity ${duration}ms ease-out`
   };
   return /*#__PURE__*/_jsx(View, {
     style: style,

package/lib/module/components/ui/Reveal/Reveal.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","useState","View","motion","jsx","_jsx","Reveal","children","style","duration","base","testID","visible","setVisible","rafRef","cancelled","current","requestAnimationFrame","cancelAnimationFrame","animatedWebStyle","opacity","transition"],"sourceRoot":"../../../../../src","sources":["components/ui/Reveal/Reveal.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAGN,MAAM,CAACO,IAAI;EACtBC;AACW,CAAC,EAAqB;EACjC,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMa,MAAM,GAAGd,MAAM,CAAgB,IAAI,CAAC;EAE1CD,SAAS,CAAC,MAAM;IACd,IAAIgB,SAAS,GAAG,KAAK;IACrB;IACAD,MAAM,CAACE,OAAO,GAAGC,qBAAqB,CAAC,MAAM;MAC3C,IAAIF,SAAS,EAAE;MACfD,MAAM,CAACE,OAAO,GAAGC,qBAAqB,CAAC,MAAM;QAC3C,IAAI,CAACF,SAAS,EAAEF,UAAU,CAAC,IAAI,CAAC;MAClC,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,MAAM;MACXE,SAAS,GAAG,IAAI;MAChB,IAAID,MAAM,CAACE,OAAO,IAAI,IAAI,EAAEE,oBAAoB,CAACJ,MAAM,CAACE,OAAO,CAAC;IAClE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMG,gBAAqC,GAAG;IAC5CC,OAAO,EAAER,OAAO,GAAG,CAAC,GAAG,CAAC;IACxBS,UAAU,EAAE,WAAWZ,QAAQ;EACjC,CAAC;EAED,oBACEJ,IAAA,CAACH,IAAI;IAACM,KAAK,EAAEA,KAAM;IAACG,MAAM,EAAEA,MAAO;IAAAJ,QAAA,eACjCF,IAAA;MAAKG,KAAK,EAAEW,gBAAiB;MAAAZ,QAAA,EAAEA;IAAQ,CAAM;EAAC,CAC1C,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","useState","View","motion","usePrefersReducedMotion","jsx","_jsx","Reveal","children","style","duration","base","testID","reduced","visible","setVisible","rafRef","cancelled","current","requestAnimationFrame","cancelAnimationFrame","animatedWebStyle","opacity","transition","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Reveal/Reveal.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,uBAAuB,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAGP,MAAM,CAACQ,IAAI;EACtBC;AACW,CAAC,EAAqB;EACjC,MAAMC,OAAO,GAAGT,uBAAuB,CAAC,CAAC;EACzC,MAAM,CAACU,OAAO,EAAEC,UAAU,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAC7C,MAAMe,MAAM,GAAGhB,MAAM,CAAgB,IAAI,CAAC;EAE1CD,SAAS,CAAC,MAAM;IACd;IACA,IAAIc,OAAO,EAAE;MACXE,UAAU,CAAC,IAAI,CAAC;MAChB;IACF;IACA,IAAIE,SAAS,GAAG,KAAK;IACrB;IACAD,MAAM,CAACE,OAAO,GAAGC,qBAAqB,CAAC,MAAM;MAC3C,IAAIF,SAAS,EAAE;MACfD,MAAM,CAACE,OAAO,GAAGC,qBAAqB,CAAC,MAAM;QAC3C,IAAI,CAACF,SAAS,EAAEF,UAAU,CAAC,IAAI,CAAC;MAClC,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,MAAM;MACXE,SAAS,GAAG,IAAI;MAChB,IAAID,MAAM,CAACE,OAAO,IAAI,IAAI,EAAEE,oBAAoB,CAACJ,MAAM,CAACE,OAAO,CAAC;IAClE,CAAC;EACH,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,MAAMQ,gBAAqC,GAAG;IAC5CC,OAAO,EAAER,OAAO,GAAG,CAAC,GAAG,CAAC;IACxBS,UAAU,EAAEV,OAAO,GAAGW,SAAS,GAAG,WAAWd,QAAQ;EACvD,CAAC;EAED,oBACEJ,IAAA,CAACJ,IAAI;IAACO,KAAK,EAAEA,KAAM;IAACG,MAAM,EAAEA,MAAO;IAAAJ,QAAA,eACjCF,IAAA;MAAKG,KAAK,EAAEY,gBAAiB;MAAAb,QAAA,EAAEA;IAAQ,CAAM;EAAC,CAC1C,CAAC;AAEX","ignoreList":[]}

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

@@ -2,13 +2,14 @@
 
 import React, { forwardRef } from 'react';
 import { Pressable } from 'react-native-gesture-handler';
-import { useColors } from "../../../theme/index.js";
+import { control, fixed, r, useColors } from "../../../theme/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
 import { Icon } from "../Icon/index.js";
 import { Input } from "../Input/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 搜索输入框 —— `<Input>` 的预设：前置搜索图标、清除按钮、
- * 高 36px、键盘 return 键为「搜索」。
+ * 高 control.md、键盘 return 键为「搜索」。
  *
  * Ref 透传到 Input 内部 TextInput，业务可调 `searchRef.current?.focus()`。
  */
@@ -17,6 +18,7 @@ export const Search = /*#__PURE__*/forwardRef(function Search({
   placeholder = '搜索…',
   value,
   onChangeText,
+  testID,
   ...rest
 }, ref) {
   const c = useColors();
@@ -26,26 +28,40 @@ export const Search = /*#__PURE__*/forwardRef(function Search({
     ...rest,
     value: value,
     onChangeText: onChangeText,
-    placeholder: placeholder,
-    height: 36,
+    placeholder: placeholder
+    // [L-81] 高度裸 36 → control.md(r(36),随设备缩放)
+    ,
+    height: control.md,
     returnKeyType: "search",
     accessibilityRole: "search",
-    onSubmitEditing: () => {
-      if (typeof value === 'string') onSubmit?.(value);
+    testID: testID,
+    onSubmitEditing: e => {
+      // [M-9] 改读 e.nativeEvent.text —— 不再依赖受控 value,非受控场景也能触发
+      const text = e.nativeEvent.text;
+      onSubmit?.(text);
     },
     leading: /*#__PURE__*/_jsx(Icon, {
       name: "search",
-      size: 18,
+      size: r(18),
       color: c.foregroundSubtle
     }),
     trailing: filled ? /*#__PURE__*/_jsx(Pressable, {
-      onPress: () => onChangeText?.(''),
-      hitSlop: 6,
+      onPress: () => onChangeText?.('')
+      // [M-7] 清除按钮 icon r(14)≈14pt;Input 高 control.md≈36pt 限制垂直扩展
+      // horizontal 走 (44-14)/2=15;vertical 走 (44-control.md)/2≈4
+      ,
+      hitSlop: {
+        top: Math.round((fixed.hitTarget - control.md) / 2),
+        bottom: Math.round((fixed.hitTarget - control.md) / 2),
+        left: Math.round((fixed.hitTarget - r(14)) / 2),
+        right: Math.round((fixed.hitTarget - r(14)) / 2)
+      },
       accessibilityRole: "button",
       accessibilityLabel: "\u6E05\u9664",
+      testID: childTestID(testID, 'clear'),
       children: /*#__PURE__*/_jsx(Icon, {
         name: "close",
-        size: 14,
+        size: r(14),
         color: c.foregroundSubtle
       })
     }) : null

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

@@ -1 +1 @@
-{"version":3,"names":["React","forwardRef","Pressable","useColors","Icon","Input","jsx","_jsx","Search","onSubmit","placeholder","value","onChangeText","rest","ref","c","filled","length","height","returnKeyType","accessibilityRole","onSubmitEditing","leading","name","size","color","foregroundSubtle","trailing","onPress","hitSlop","accessibilityLabel","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/Search/Search.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AAExD,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIjC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGP,UAAU,CAA4B,SAASO,MAAMA,CACzE;EAAEC,QAAQ;EAAEC,WAAW,GAAG,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAE,GAAGC;AAAK,CAAC,EAC/DC,GAAG,EACgB;EACnB,MAAMC,CAAC,GAAGZ,SAAS,CAAC,CAAC;EACrB,MAAMa,MAAM,GAAG,OAAOL,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACM,MAAM,GAAG,CAAC;EAC5D,oBACEV,IAAA,CAACF,KAAK;IACJS,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IACRF,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BF,WAAW,EAAEA,WAAY;IACzBQ,MAAM,EAAE,EAAG;IACXC,aAAa,EAAC,QAAQ;IACtBC,iBAAiB,EAAC,QAAQ;IAC1BC,eAAe,EAAEA,CAAA,KAAM;MACrB,IAAI,OAAOV,KAAK,KAAK,QAAQ,EAAEF,QAAQ,GAAGE,KAAK,CAAC;IAClD,CAAE;IACFW,OAAO,eAAEf,IAAA,CAACH,IAAI;MAACmB,IAAI,EAAC,QAAQ;MAACC,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEV,CAAC,CAACW;IAAiB,CAAE,CAAE;IACrEC,QAAQ,EACNX,MAAM,gBACJT,IAAA,CAACL,SAAS;MACR0B,OAAO,EAAEA,CAAA,KAAMhB,YAAY,GAAG,EAAE,CAAE;MAClCiB,OAAO,EAAE,CAAE;MACXT,iBAAiB,EAAC,QAAQ;MAC1BU,kBAAkB,EAAC,cAAI;MAAAC,QAAA,eAEvBxB,IAAA,CAACH,IAAI;QAACmB,IAAI,EAAC,OAAO;QAACC,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEV,CAAC,CAACW;MAAiB,CAAE;IAAC,CACjD,CAAC,GACV;EACL,CACF,CAAC;AAEN,CAAC,CAAC;AAEFlB,MAAM,CAACwB,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"names":["React","forwardRef","Pressable","control","fixed","r","useColors","childTestID","Icon","Input","jsx","_jsx","Search","onSubmit","placeholder","value","onChangeText","testID","rest","ref","c","filled","length","height","md","returnKeyType","accessibilityRole","onSubmitEditing","e","text","nativeEvent","leading","name","size","color","foregroundSubtle","trailing","onPress","hitSlop","top","Math","round","hitTarget","bottom","left","right","accessibilityLabel","children","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/Search/Search.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AAExD,SAASC,OAAO,EAAEC,KAAK,EAAEC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7D,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,KAAK,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIjC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGX,UAAU,CAA4B,SAASW,MAAMA,CACzE;EAAEC,QAAQ;EAAEC,WAAW,GAAG,KAAK;EAAEC,KAAK;EAAEC,YAAY;EAAEC,MAAM;EAAE,GAAGC;AAAK,CAAC,EACvEC,GAAG,EACgB;EACnB,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAG,OAAON,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACO,MAAM,GAAG,CAAC;EAC5D,oBACEX,IAAA,CAACF,KAAK;IACJU,GAAG,EAAEA,GAAI;IAAA,GACLD,IAAI;IACRH,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BF,WAAW,EAAEA;IACb;IAAA;IACAS,MAAM,EAAEpB,OAAO,CAACqB,EAAG;IACnBC,aAAa,EAAC,QAAQ;IACtBC,iBAAiB,EAAC,QAAQ;IAC1BT,MAAM,EAAEA,MAAO;IACfU,eAAe,EAAGC,CAAC,IAAK;MACtB;MACA,MAAMC,IAAI,GAAGD,CAAC,CAACE,WAAW,CAACD,IAAI;MAC/BhB,QAAQ,GAAGgB,IAAI,CAAC;IAClB,CAAE;IACFE,OAAO,eAAEpB,IAAA,CAACH,IAAI;MAACwB,IAAI,EAAC,QAAQ;MAACC,IAAI,EAAE5B,CAAC,CAAC,EAAE,CAAE;MAAC6B,KAAK,EAAEd,CAAC,CAACe;IAAiB,CAAE,CAAE;IACxEC,QAAQ,EACNf,MAAM,gBACJV,IAAA,CAACT,SAAS;MACRmC,OAAO,EAAEA,CAAA,KAAMrB,YAAY,GAAG,EAAE;MAChC;MACA;MAAA;MACAsB,OAAO,EAAE;QACPC,GAAG,EAAEC,IAAI,CAACC,KAAK,CAAC,CAACrC,KAAK,CAACsC,SAAS,GAAGvC,OAAO,CAACqB,EAAE,IAAI,CAAC,CAAC;QACnDmB,MAAM,EAAEH,IAAI,CAACC,KAAK,CAAC,CAACrC,KAAK,CAACsC,SAAS,GAAGvC,OAAO,CAACqB,EAAE,IAAI,CAAC,CAAC;QACtDoB,IAAI,EAAEJ,IAAI,CAACC,KAAK,CAAC,CAACrC,KAAK,CAACsC,SAAS,GAAGrC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC/CwC,KAAK,EAAEL,IAAI,CAACC,KAAK,CAAC,CAACrC,KAAK,CAACsC,SAAS,GAAGrC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC;MACjD,CAAE;MACFqB,iBAAiB,EAAC,QAAQ;MAC1BoB,kBAAkB,EAAC,cAAI;MACvB7B,MAAM,EAAEV,WAAW,CAACU,MAAM,EAAE,OAAO,CAAE;MAAA8B,QAAA,eAErCpC,IAAA,CAACH,IAAI;QAACwB,IAAI,EAAC,OAAO;QAACC,IAAI,EAAE5B,CAAC,CAAC,EAAE,CAAE;QAAC6B,KAAK,EAAEd,CAAC,CAACe;MAAiB,CAAE;IAAC,CACpD,CAAC,GACV;EACL,CACF,CAAC;AAEN,CAAC,CAAC;AAEFvB,MAAM,CAACoC,WAAW,GAAG,QAAQ","ignoreList":[]}

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

@@ -17,6 +17,7 @@ export function Segmented({
   value,
   onChange,
   items,
+  disabled = false,
   testID
 }) {
   const {
@@ -27,37 +28,46 @@ export function Segmented({
   const styles = useThemedStyles(makeStyles);
   const activeBg = scheme === 'dark' ? c.surfaceContainerHighest : c.surface;
   const activeShadow = scheme === 'dark' ? null : shadow.subtle;
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.seg,
-    testID: testID,
-    children: items.map(it => {
-      const on = it.id === value;
-      const itemTestID = childTestID(testID, it.id, it.testID);
-      return /*#__PURE__*/_jsx(Pressable, {
-        onPress: () => onChange(it.id),
-        accessibilityRole: "tab",
-        accessibilityState: {
-          selected: on
-        },
-        accessibilityLabel: it.label,
-        testID: itemTestID,
-        style: ({
-          pressed
-        }) => [styles.segItem, on && {
-          backgroundColor: activeBg
-        }, on && activeShadow, {
-          opacity: pressed ? 0.85 : 1
-        }],
-        children: /*#__PURE__*/_jsx(Text, {
-          style: [styles.segLabel, {
-            color: on ? c.foreground : c.foregroundSubtle,
-            fontWeight: on ? fw.semi : fw.medium
+  return (
+    /*#__PURE__*/
+    // [L-34] accessibilityRole="tablist" —— SR 宣读"标签列表"
+    _jsx(View, {
+      style: styles.seg,
+      testID: testID,
+      accessibilityRole: "tablist",
+      children: items.map(it => {
+        const on = it.id === value;
+        const itemTestID = childTestID(testID, it.id, it.testID);
+        // [L-82] item 禁用 = 整体 disabled OR 单项 it.disabled
+        const itemDisabled = disabled || !!it.disabled;
+        return /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => !itemDisabled && onChange(it.id),
+          disabled: itemDisabled,
+          accessibilityRole: "tab",
+          accessibilityState: {
+            selected: on,
+            disabled: itemDisabled
+          },
+          accessibilityLabel: it.label,
+          testID: itemTestID,
+          style: ({
+            pressed
+          }) => [styles.segItem, on && {
+            backgroundColor: activeBg
+          }, on && activeShadow, {
+            opacity: pressed ? 0.85 : 1
           }],
-          numberOfLines: 1,
-          children: it.label
-        })
-      }, it.id);
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.segLabel, {
+              color: on ? c.foreground : c.foregroundSubtle,
+              fontWeight: on ? fw.semi : fw.medium
+            }],
+            numberOfLines: 1,
+            children: it.label
+          })
+        }, it.id);
+      })
     })
-  });
+  );
 }
 //# sourceMappingURL=Segmented.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Pressable","fw","useTheme","useThemedStyles","childTestID","makeStyles","jsx","_jsx","Segmented","value","onChange","items","testID","colors","c","scheme","shadow","styles","activeBg","surfaceContainerHighest","surface","activeShadow","subtle","style","seg","children","map","it","on","id","itemTestID","onPress","accessibilityRole","accessibilityState","selected","accessibilityLabel","label","pressed","segItem","backgroundColor","opacity","segLabel","color","foreground","foregroundSubtle","fontWeight","semi","medium","numberOfLines"],"sourceRoot":"../../../../../src","sources":["components/ui/Segmented/Segmented.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,EAAE,EAAEC,QAAQ,EAAEC,eAAe,QAAQ,yBAAgB;AAC9D,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAM;IAAEC,MAAM,EAAEC,CAAC;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAChD,MAAMe,MAAM,GAAGd,eAAe,CAACE,UAAU,CAAC;EAC1C,MAAMa,QAAQ,GAAGH,MAAM,KAAK,MAAM,GAAGD,CAAC,CAACK,uBAAuB,GAAGL,CAAC,CAACM,OAAO;EAC1E,MAAMC,YAAY,GAAGN,MAAM,KAAK,MAAM,GAAG,IAAI,GAAGC,MAAM,CAACM,MAAM;EAE7D,oBACEf,IAAA,CAACR,IAAI;IAACwB,KAAK,EAAEN,MAAM,CAACO,GAAI;IAACZ,MAAM,EAAEA,MAAO;IAAAa,QAAA,EACrCd,KAAK,CAACe,GAAG,CAAEC,EAAE,IAAK;MACjB,MAAMC,EAAE,GAAGD,EAAE,CAACE,EAAE,KAAKpB,KAAK;MAC1B,MAAMqB,UAAU,GAAG1B,WAAW,CAACQ,MAAM,EAAEe,EAAE,CAACE,EAAE,EAAEF,EAAE,CAACf,MAAM,CAAC;MACxD,oBACEL,IAAA,CAACP,SAAS;QAER+B,OAAO,EAAEA,CAAA,KAAMrB,QAAQ,CAACiB,EAAE,CAACE,EAAE,CAAE;QAC/BG,iBAAiB,EAAC,KAAK;QACvBC,kBAAkB,EAAE;UAAEC,QAAQ,EAAEN;QAAG,CAAE;QACrCO,kBAAkB,EAAER,EAAE,CAACS,KAAM;QAC7BxB,MAAM,EAAEkB,UAAW;QACnBP,KAAK,EAAEA,CAAC;UAAEc;QAAQ,CAAC,KAAK,CACtBpB,MAAM,CAACqB,OAAO,EACdV,EAAE,IAAI;UAAEW,eAAe,EAAErB;QAAS,CAAC,EACnCU,EAAE,IAAIP,YAAY,EAClB;UAAEmB,OAAO,EAAEH,OAAO,GAAG,IAAI,GAAG;QAAE,CAAC,CAC/B;QAAAZ,QAAA,eAEFlB,IAAA,CAACT,IAAI;UACHyB,KAAK,EAAE,CACLN,MAAM,CAACwB,QAAQ,EACf;YACEC,KAAK,EAAEd,EAAE,GAAGd,CAAC,CAAC6B,UAAU,GAAG7B,CAAC,CAAC8B,gBAAgB;YAC7CC,UAAU,EAAEjB,EAAE,GAAG3B,EAAE,CAAC6C,IAAI,GAAG7C,EAAE,CAAC8C;UAChC,CAAC,CACD;UACFC,aAAa,EAAE,CAAE;UAAAvB,QAAA,EAEhBE,EAAE,CAACS;QAAK,CACL;MAAC,GAxBFT,EAAE,CAACE,EAyBC,CAAC;IAEhB,CAAC;EAAC,CACE,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Pressable","fw","useTheme","useThemedStyles","childTestID","makeStyles","jsx","_jsx","Segmented","value","onChange","items","disabled","testID","colors","c","scheme","shadow","styles","activeBg","surfaceContainerHighest","surface","activeShadow","subtle","style","seg","accessibilityRole","children","map","it","on","id","itemTestID","itemDisabled","onPress","accessibilityState","selected","accessibilityLabel","label","pressed","segItem","backgroundColor","opacity","segLabel","color","foreground","foregroundSubtle","fontWeight","semi","medium","numberOfLines"],"sourceRoot":"../../../../../src","sources":["components/ui/Segmented/Segmented.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,EAAE,EAAEC,QAAQ,EAAEC,eAAe,QAAQ,yBAAgB;AAC9D,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC;AACc,CAAC,EAAqB;EACpC,MAAM;IAAEC,MAAM,EAAEC,CAAC;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGf,QAAQ,CAAC,CAAC;EAChD,MAAMgB,MAAM,GAAGf,eAAe,CAACE,UAAU,CAAC;EAC1C,MAAMc,QAAQ,GAAGH,MAAM,KAAK,MAAM,GAAGD,CAAC,CAACK,uBAAuB,GAAGL,CAAC,CAACM,OAAO;EAC1E,MAAMC,YAAY,GAAGN,MAAM,KAAK,MAAM,GAAG,IAAI,GAAGC,MAAM,CAACM,MAAM;EAE7D;IAAA;IACE;IACAhB,IAAA,CAACR,IAAI;MAACyB,KAAK,EAAEN,MAAM,CAACO,GAAI;MAACZ,MAAM,EAAEA,MAAO;MAACa,iBAAiB,EAAC,SAAS;MAAAC,QAAA,EACjEhB,KAAK,CAACiB,GAAG,CAAEC,EAAE,IAAK;QACjB,MAAMC,EAAE,GAAGD,EAAE,CAACE,EAAE,KAAKtB,KAAK;QAC1B,MAAMuB,UAAU,GAAG5B,WAAW,CAACS,MAAM,EAAEgB,EAAE,CAACE,EAAE,EAAEF,EAAE,CAAChB,MAAM,CAAC;QACxD;QACA,MAAMoB,YAAY,GAAGrB,QAAQ,IAAI,CAAC,CAACiB,EAAE,CAACjB,QAAQ;QAC9C,oBACEL,IAAA,CAACP,SAAS;UAERkC,OAAO,EAAEA,CAAA,KAAM,CAACD,YAAY,IAAIvB,QAAQ,CAACmB,EAAE,CAACE,EAAE,CAAE;UAChDnB,QAAQ,EAAEqB,YAAa;UACvBP,iBAAiB,EAAC,KAAK;UACvBS,kBAAkB,EAAE;YAAEC,QAAQ,EAAEN,EAAE;YAAElB,QAAQ,EAAEqB;UAAa,CAAE;UAC7DI,kBAAkB,EAAER,EAAE,CAACS,KAAM;UAC7BzB,MAAM,EAAEmB,UAAW;UACnBR,KAAK,EAAEA,CAAC;YAAEe;UAAQ,CAAC,KAAK,CACtBrB,MAAM,CAACsB,OAAO,EACdV,EAAE,IAAI;YAAEW,eAAe,EAAEtB;UAAS,CAAC,EACnCW,EAAE,IAAIR,YAAY,EAClB;YAAEoB,OAAO,EAAEH,OAAO,GAAG,IAAI,GAAG;UAAE,CAAC,CAC/B;UAAAZ,QAAA,eAEFpB,IAAA,CAACT,IAAI;YACH0B,KAAK,EAAE,CACLN,MAAM,CAACyB,QAAQ,EACf;cACEC,KAAK,EAAEd,EAAE,GAAGf,CAAC,CAAC8B,UAAU,GAAG9B,CAAC,CAAC+B,gBAAgB;cAC7CC,UAAU,EAAEjB,EAAE,GAAG7B,EAAE,CAAC+C,IAAI,GAAG/C,EAAE,CAACgD;YAChC,CAAC,CACD;YACFC,aAAa,EAAE,CAAE;YAAAvB,QAAA,EAEhBE,EAAE,CAACS;UAAK,CACL;QAAC,GAzBFT,EAAE,CAACE,EA0BC,CAAC;MAEhB,CAAC;IAAC,CACE;EAAC;AAEX","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { control, r, radius, space, type as t } from "../../../theme/index.js";
+import { fixed, r, radius, space, type as t } from "../../../theme/index.js";
 export const makeStyles = c => StyleSheet.create({
   seg: {
     flexDirection: 'row',
@@ -11,7 +11,9 @@ export const makeStyles = c => StyleSheet.create({
     alignSelf: 'flex-start'
   },
   segItem: {
-    height: control.sm,
+    // [M-7] Segmented item 高原为 control.sm≈28pt < 44pt;
+    // hitSlop 不越父 seg 容器边界 → 改用 minHeight 直接对齐 fixed.hitTarget(44pt)
+    minHeight: fixed.hitTarget,
     paddingHorizontal: space[7],
     alignItems: 'center',
     justifyContent: 'center',

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","control","r","radius","space","type","t","makeStyles","c","create","seg","flexDirection","backgroundColor","surfaceContainerHigh","borderRadius","md","padding","alignSelf","segItem","height","sm","paddingHorizontal","alignItems","justifyContent","segLabel","fontSize","xs"],"sourceRoot":"../../../../../src","sources":["components/ui/Segmented/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,OAAO,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAErE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAEJ,CAAC,CAACK,oBAAoB;IACvCC,YAAY,EAAEX,MAAM,CAACY,EAAE;IACvBC,OAAO,EAAEd,CAAC,CAAC,CAAC,CAAC;IACbe,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPC,MAAM,EAAElB,OAAO,CAACmB,EAAE;IAClBC,iBAAiB,EAAEjB,KAAK,CAAC,CAAC,CAAC;IAC3BkB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBT,YAAY,EAAEX,MAAM,CAACiB;EACvB,CAAC;EACDI,QAAQ,EAAE;IACRC,QAAQ,EAAEnB,CAAC,CAACoB;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fixed","r","radius","space","type","t","makeStyles","c","create","seg","flexDirection","backgroundColor","surfaceContainerHigh","borderRadius","md","padding","alignSelf","segItem","minHeight","hitTarget","paddingHorizontal","alignItems","justifyContent","sm","segLabel","fontSize","xs"],"sourceRoot":"../../../../../src","sources":["components/ui/Segmented/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,KAAK,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAEnE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,eAAe,EAAEJ,CAAC,CAACK,oBAAoB;IACvCC,YAAY,EAAEX,MAAM,CAACY,EAAE;IACvBC,OAAO,EAAEd,CAAC,CAAC,CAAC,CAAC;IACbe,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACP;IACA;IACAC,SAAS,EAAElB,KAAK,CAACmB,SAAS;IAC1BC,iBAAiB,EAAEjB,KAAK,CAAC,CAAC,CAAC;IAC3BkB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBT,YAAY,EAAEX,MAAM,CAACqB;EACvB,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAEpB,CAAC,CAACqB;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 import React from 'react';
 import Animated from 'react-native-reanimated';
 import { usePulse } from "../Pulse/index.js";
-import { useColors } from "../../../theme/index.js";
+import { r, useColors } from "../../../theme/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 页面级加载占位骨架。3 个形状由 `shape` 切换。
@@ -14,13 +14,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * <Skeleton shape="circle" size={40} />        // 头像占位
  * ```
  *
- * `usePulse({ from: 0.5 })` 全局共享脉冲(Reanimated 4 worklet 驱动 opacity),
- * 区别于 chat `Shimmer`(沿 X 横扫高光,流式语义)。 */
+ * `usePulse({ from: 0.5 })` 每实例独立脉冲 —— native 端走 Reanimated 4 worklet,
+ * web 端走 CSS transition + setInterval(零 rAF JS 帧),opacity 在 0.5~1 循环。
+ * 区别于沿 X 横扫高光的流式 shimmer。 */
 export function Skeleton({
   shape = 'rect',
   width,
   height,
-  size = 40,
+  size = r(40),
   radius,
   style,
   testID
@@ -42,14 +43,14 @@ export function Skeleton({
     if (shape === 'line') {
       return {
         width: width ?? '100%',
-        height: height ?? 11,
-        borderRadius: radius ?? 3
+        height: height ?? r(11),
+        borderRadius: radius ?? r(3)
       };
     }
     return {
       width: width ?? '100%',
-      height: height ?? 80,
-      borderRadius: radius ?? 8
+      height: height ?? r(80),
+      borderRadius: radius ?? r(8)
     };
   })();
   return /*#__PURE__*/_jsx(Animated.View, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","usePulse","useColors","jsx","_jsx","Skeleton","shape","width","height","size","radius","style","testID","c","animatedStyle","from","dim","borderRadius","View","backgroundColor","surfaceContainerHigh","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Skeleton/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,SAAS,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,KAAK;EACLC;AACa,CAAC,EAAqB;EACnC,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,aAAa,GAAGb,QAAQ,CAAC;IAAEc,IAAI,EAAE;EAAI,CAAC,CAAC;;EAE7C;EACA,MAAMC,GAAG,GAAG,CAAC,MAAM;IACjB,IAAIV,KAAK,KAAK,QAAQ,EAAE;MACtB,OAAO;QAAEC,KAAK,EAAEE,IAAI;QAAED,MAAM,EAAEC,IAAI;QAAEQ,YAAY,EAAEP,MAAM,IAAID,IAAI,GAAG;MAAE,CAAC;IACxE;IACA,IAAIH,KAAK,KAAK,MAAM,EAAE;MACpB,OAAO;QACLC,KAAK,EAAEA,KAAK,IAAI,MAAM;QACtBC,MAAM,EAAEA,MAAM,IAAI,EAAE;QACpBS,YAAY,EAAEP,MAAM,IAAI;MAC1B,CAAC;IACH;IACA,OAAO;MACLH,KAAK,EAAEA,KAAK,IAAI,MAAM;MACtBC,MAAM,EAAEA,MAAM,IAAI,EAAE;MACpBS,YAAY,EAAEP,MAAM,IAAI;IAC1B,CAAC;EACH,CAAC,EAAE,CAAC;EAEJ,oBACEN,IAAA,CAACJ,QAAQ,CAACkB,IAAI;IACZP,KAAK,EAAE,CACL;MAAE,GAAGK,GAAG;MAAEG,eAAe,EAAEN,CAAC,CAACO;IAAqB,CAAC,EACnDN,aAAa,EACbH,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IACfS,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","Animated","usePulse","r","useColors","jsx","_jsx","Skeleton","shape","width","height","size","radius","style","testID","c","animatedStyle","from","dim","borderRadius","View","backgroundColor","surfaceContainerHigh","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Skeleton/Skeleton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,QAAQ,MAAM,yBAAyB;AAC9C,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,KAAK,GAAG,MAAM;EACdC,KAAK;EACLC,MAAM;EACNC,IAAI,GAAGR,CAAC,CAAC,EAAE,CAAC;EACZS,MAAM;EACNC,KAAK;EACLC;AACa,CAAC,EAAqB;EACnC,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,aAAa,GAAGd,QAAQ,CAAC;IAAEe,IAAI,EAAE;EAAI,CAAC,CAAC;;EAE7C;EACA,MAAMC,GAAG,GAAG,CAAC,MAAM;IACjB,IAAIV,KAAK,KAAK,QAAQ,EAAE;MACtB,OAAO;QAAEC,KAAK,EAAEE,IAAI;QAAED,MAAM,EAAEC,IAAI;QAAEQ,YAAY,EAAEP,MAAM,IAAID,IAAI,GAAG;MAAE,CAAC;IACxE;IACA,IAAIH,KAAK,KAAK,MAAM,EAAE;MACpB,OAAO;QACLC,KAAK,EAAEA,KAAK,IAAI,MAAM;QACtBC,MAAM,EAAEA,MAAM,IAAIP,CAAC,CAAC,EAAE,CAAC;QACvBgB,YAAY,EAAEP,MAAM,IAAIT,CAAC,CAAC,CAAC;MAC7B,CAAC;IACH;IACA,OAAO;MACLM,KAAK,EAAEA,KAAK,IAAI,MAAM;MACtBC,MAAM,EAAEA,MAAM,IAAIP,CAAC,CAAC,EAAE,CAAC;MACvBgB,YAAY,EAAEP,MAAM,IAAIT,CAAC,CAAC,CAAC;IAC7B,CAAC;EACH,CAAC,EAAE,CAAC;EAEJ,oBACEG,IAAA,CAACL,QAAQ,CAACmB,IAAI;IACZP,KAAK,EAAE,CACL;MAAE,GAAGK,GAAG;MAAEG,eAAe,EAAEN,CAAC,CAACO;IAAqB,CAAC,EACnDN,aAAa,EACbH,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IACfS,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}

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

@@ -1,34 +1,33 @@
 "use strict";
 
 import { useEffect } from 'react';
-import Animated, { cancelAnimation, Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
-import { useColors } from "../../../theme/index.js";
-import { createLogger } from "../../../utils/logger/index.js";
+import Animated, { cancelAnimation, Easing, ReduceMotion, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
+import { r, useColors } from "../../../theme/index.js";
+import { sanitizeSpinnerProps } from "./shared.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const log = createLogger('Spinner');
 export function Spinner({
-  size = 18,
+  size = r(18),
   color,
-  thickness = 2,
+  thickness = r(2),
   style,
   testID
 }) {
   const c = useColors();
   const angle = useSharedValue(0);
   const stroke = color ?? c.primary;
-  if (!Number.isFinite(size) || size < 8) {
-    log.warn(`size 应为 ≥8 的有限数，传入 ${size}，已钳到 8`);
-  }
-  if (Number.isFinite(thickness) && thickness <= 0) {
-    log.warn(`thickness 应为正数，传入 ${thickness}，已 fallback 为 2`);
-  }
-  const safeSize = Number.isFinite(size) && size > 8 ? size : 8;
-  const safeThickness = Number.isFinite(thickness) && thickness > 0 ? thickness : 2;
+  const {
+    safeSize,
+    safeThickness
+  } = sanitizeSpinnerProps(size, thickness);
   useEffect(() => {
+    // 加载指示属 essential motion(W3C):系统「减弱动态效果」下仍应旋转,否则会冻结成
+    // 与空闲/完成不可区分的静止圆环(形似卡死)。显式 ReduceMotion.Never 覆盖 reanimated
+    // 默认的 System —— 后者在 reduce-motion 下让 withTiming 跳端值、withRepeat 一轮即停。
     angle.value = withRepeat(withTiming(360, {
       duration: 900,
-      easing: Easing.linear
-    }), -1, false);
+      easing: Easing.linear,
+      reduceMotion: ReduceMotion.Never
+    }), -1, false, undefined, ReduceMotion.Never);
     return () => cancelAnimation(angle);
   }, [angle]);
   const animatedStyle = useAnimatedStyle(() => ({

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","useColors","createLogger","jsx","_jsx","log","Spinner","size","color","thickness","style","testID","c","angle","stroke","primary","Number","isFinite","warn","safeSize","safeThickness","value","duration","easing","linear","animatedStyle","transform","rotate","View","width","height","borderRadius","borderWidth","borderColor","outline","borderTopColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/Spinner.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,YAAY,QAAQ,gCAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD,MAAMC,GAAG,GAAGH,YAAY,CAAC,SAAS,CAAC;AAEnC,OAAO,SAASI,OAAOA,CAAC;EACtBC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,SAAS,GAAG,CAAC;EACbC,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAMY,KAAK,GAAGf,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMgB,MAAM,GAAGN,KAAK,IAAII,CAAC,CAACG,OAAO;EACjC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACV,IAAI,CAAC,IAAKA,IAAI,GAAc,CAAC,EAAE;IAClDF,GAAG,CAACa,IAAI,CAAC,sBAAsBX,IAAI,QAAQ,CAAC;EAC9C;EACA,IAAIS,MAAM,CAACC,QAAQ,CAACR,SAAS,CAAC,IAAKA,SAAS,IAAe,CAAC,EAAE;IAC5DJ,GAAG,CAACa,IAAI,CAAC,qBAAqBT,SAAS,iBAAiB,CAAC;EAC3D;EACA,MAAMU,QAAQ,GAAGH,MAAM,CAACC,QAAQ,CAACV,IAAI,CAAC,IAAIA,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAC;EAC7D,MAAMa,aAAa,GACjBJ,MAAM,CAACC,QAAQ,CAACR,SAAS,CAAC,IAAIA,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;EAE7DhB,SAAS,CAAC,MAAM;IACdoB,KAAK,CAACQ,KAAK,GAAGtB,UAAU,CACtBC,UAAU,CAAC,GAAG,EAAE;MAAEsB,QAAQ,EAAE,GAAG;MAAEC,MAAM,EAAE3B,MAAM,CAAC4B;IAAO,CAAC,CAAC,EACzD,CAAC,CAAC,EACF,KACF,CAAC;IACD,OAAO,MAAM7B,eAAe,CAACkB,KAAK,CAAC;EACrC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMY,aAAa,GAAG5B,gBAAgB,CAAC,OAAO;IAC5C6B,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGd,KAAK,CAACQ,KAAK;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EAEH,oBACEjB,IAAA,CAACV,QAAQ,CAACkC,IAAI;IACZlB,KAAK,EAAE,CACL;MACEmB,KAAK,EAAEV,QAAQ;MACfW,MAAM,EAAEX,QAAQ;MAChBY,YAAY,EAAEZ,QAAQ,GAAG,CAAC;MAC1Ba,WAAW,EAAEZ,aAAa;MAC1Ba,WAAW,EAAErB,CAAC,CAACsB,OAAO;MACtBC,cAAc,EAAErB;IAClB,CAAC,EACDW,aAAa,EACbf,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IACfyB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["useEffect","Animated","cancelAnimation","Easing","ReduceMotion","useAnimatedStyle","useSharedValue","withRepeat","withTiming","r","useColors","sanitizeSpinnerProps","jsx","_jsx","Spinner","size","color","thickness","style","testID","c","angle","stroke","primary","safeSize","safeThickness","value","duration","easing","linear","reduceMotion","Never","undefined","animatedStyle","transform","rotate","View","width","height","borderRadius","borderWidth","borderColor","outline","borderTopColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/Spinner.tsx"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,YAAY,EACZC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD,OAAO,SAASC,OAAOA,CAAC;EACtBC,IAAI,GAAGN,CAAC,CAAC,EAAE,CAAC;EACZO,KAAK;EACLC,SAAS,GAAGR,CAAC,CAAC,CAAC,CAAC;EAChBS,KAAK;EACLC;AACY,CAAC,EAAE;EACf,MAAMC,CAAC,GAAGV,SAAS,CAAC,CAAC;EACrB,MAAMW,KAAK,GAAGf,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMgB,MAAM,GAAGN,KAAK,IAAII,CAAC,CAACG,OAAO;EACjC,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGd,oBAAoB,CAACI,IAAI,EAAEE,SAAS,CAAC;EAEzEjB,SAAS,CAAC,MAAM;IACd;IACA;IACA;IACAqB,KAAK,CAACK,KAAK,GAAGnB,UAAU,CACtBC,UAAU,CAAC,GAAG,EAAE;MACdmB,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;MACrBC,YAAY,EAAE1B,YAAY,CAAC2B;IAC7B,CAAC,CAAC,EACF,CAAC,CAAC,EACF,KAAK,EACLC,SAAS,EACT5B,YAAY,CAAC2B,KACf,CAAC;IACD,OAAO,MAAM7B,eAAe,CAACmB,KAAK,CAAC;EACrC,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMY,aAAa,GAAG5B,gBAAgB,CAAC,OAAO;IAC5C6B,SAAS,EAAE,CAAC;MAAEC,MAAM,EAAE,GAAGd,KAAK,CAACK,KAAK;IAAM,CAAC;EAC7C,CAAC,CAAC,CAAC;EAEH,oBACEb,IAAA,CAACZ,QAAQ,CAACmC,IAAI;IACZlB,KAAK,EAAE,CACL;MACEmB,KAAK,EAAEb,QAAQ;MACfc,MAAM,EAAEd,QAAQ;MAChBe,YAAY,EAAEf,QAAQ,GAAG,CAAC;MAC1BgB,WAAW,EAAEf,aAAa;MAC1BgB,WAAW,EAAErB,CAAC,CAACsB,OAAO;MACtBC,cAAc,EAAErB;IAClB,CAAC,EACDW,aAAa,EACbf,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IACfyB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/ui/Spinner/Spinner.web.js

@@ -2,11 +2,9 @@
 
 import React, { useEffect, useRef } from 'react';
 import { View } from 'react-native';
-import { useColors } from "../../../theme/index.js";
-import { createLogger } from "../../../utils/logger/index.js";
+import { r, useColors } from "../../../theme/index.js";
+import { sanitizeSpinnerProps } from "./shared.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const log = createLogger('Spinner');
-
 // React-Native-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle 链路在
 // web bundle 里跑会触发 `_updatePropsJS` 里 `Object.keys(updates)` 的 worklet
 // 回值打包 edge case(animation frame 每帧抛 TypeError),旋转停滞。
@@ -31,9 +29,9 @@ function ensureKeyframes() {
   win.document.head.appendChild(style);
 }
 export function Spinner({
-  size = 18,
+  size = r(18),
   color,
-  thickness = 2,
+  thickness = r(2),
   style,
   testID
 }) {
@@ -43,14 +41,10 @@ export function Spinner({
 
   const ref = useRef(null);
   const stroke = color ?? c.primary;
-  if (!Number.isFinite(size) || size < 8) {
-    log.warn(`size 应为 ≥8 的有限数，传入 ${size}，已钳到 8`);
-  }
-  if (Number.isFinite(thickness) && thickness <= 0) {
-    log.warn(`thickness 应为正数，传入 ${thickness}，已 fallback 为 2`);
-  }
-  const safeSize = Number.isFinite(size) && size > 8 ? size : 8;
-  const safeThickness = Number.isFinite(thickness) && thickness > 0 ? thickness : 2;
+  const {
+    safeSize,
+    safeThickness
+  } = sanitizeSpinnerProps(size, thickness);
 
   // RN-Web 把 View 渲染成 div,我们用 ref 拿到底层 DOM 节点直接挂 CSS animation
   // (RN style 不支持 animation 字段;只能事后注入)。
@@ -58,6 +52,8 @@ export function Spinner({
     ensureKeyframes();
     const node = ref.current;
     if (node && node.style) {
+      // essential motion:加载指示在 prefers-reduced-motion 下仍应旋转(与 native 的
+      // ReduceMotion.Never 对齐),故意不加 @media (prefers-reduced-motion) 停转。
       node.style.animation = 'unif-spinner-spin 900ms linear infinite';
     }
   }, []);

package/lib/module/components/ui/Spinner/Spinner.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","View","useColors","createLogger","jsx","_jsx","log","SPIN_KEYFRAMES_ID","win","globalThis","ensureKeyframes","document","getElementById","style","createElement","id","textContent","head","appendChild","Spinner","size","color","thickness","testID","c","ref","stroke","primary","Number","isFinite","warn","safeSize","safeThickness","node","current","animation","width","height","borderRadius","borderWidth","borderColor","outline","borderTopColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/Spinner.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,YAAY,QAAQ,gCAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD,MAAMC,GAAG,GAAGH,YAAY,CAAC,SAAS,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA,MAAMI,iBAAiB,GAAG,6BAA6B;;AAEvD;AACA;;AAEA,MAAMC,GAAQ,GAAGC,UAAiB;AAElC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAI,OAAOF,GAAG,CAACG,QAAQ,KAAK,WAAW,EAAE;EACzC,IAAIH,GAAG,CAACG,QAAQ,CAACC,cAAc,CAACL,iBAAiB,CAAC,EAAE;EACpD,MAAMM,KAAK,GAAGL,GAAG,CAACG,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EACjDD,KAAK,CAACE,EAAE,GAAGR,iBAAiB;EAC5B;EACA;EACA;EACA;EACAM,KAAK,CAACG,WAAW,GACf,sGAAsG;EACxGR,GAAG,CAACG,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;AACtC;AAEA,OAAO,SAASM,OAAOA,CAAC;EACtBC,IAAI,GAAG,EAAE;EACTC,KAAK;EACLC,SAAS,GAAG,CAAC;EACbT,KAAK;EACLU;AACY,CAAC,EAAqB;EAClC,MAAMC,CAAC,GAAGtB,SAAS,CAAC,CAAC;EACrB;EACA;;EAEA,MAAMuB,GAAG,GAAGzB,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM0B,MAAM,GAAGL,KAAK,IAAIG,CAAC,CAACG,OAAO;EACjC,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACT,IAAI,CAAC,IAAKA,IAAI,GAAc,CAAC,EAAE;IAClDd,GAAG,CAACwB,IAAI,CAAC,sBAAsBV,IAAI,QAAQ,CAAC;EAC9C;EACA,IAAIQ,MAAM,CAACC,QAAQ,CAACP,SAAS,CAAC,IAAKA,SAAS,IAAe,CAAC,EAAE;IAC5DhB,GAAG,CAACwB,IAAI,CAAC,qBAAqBR,SAAS,iBAAiB,CAAC;EAC3D;EACA,MAAMS,QAAQ,GAAGH,MAAM,CAACC,QAAQ,CAACT,IAAI,CAAC,IAAIA,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAC;EAC7D,MAAMY,aAAa,GACjBJ,MAAM,CAACC,QAAQ,CAACP,SAAS,CAAC,IAAIA,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;;EAE7D;EACA;EACAvB,SAAS,CAAC,MAAM;IACdW,eAAe,CAAC,CAAC;IACjB,MAAMuB,IAAI,GAAGR,GAAG,CAACS,OAAO;IACxB,IAAID,IAAI,IAAIA,IAAI,CAACpB,KAAK,EAAE;MACtBoB,IAAI,CAACpB,KAAK,CAACsB,SAAS,GAAG,yCAAyC;IAClE;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE9B,IAAA,CAACJ,IAAI;IACHwB,GAAG,EAAEA,GAAI;IACTZ,KAAK,EAAE,CACL;MACEuB,KAAK,EAAEL,QAAQ;MACfM,MAAM,EAAEN,QAAQ;MAChBO,YAAY,EAAEP,QAAQ,GAAG,CAAC;MAC1BQ,WAAW,EAAEP,aAAa;MAC1BQ,WAAW,EAAEhB,CAAC,CAACiB,OAAO;MACtBC,cAAc,EAAEhB;IAClB,CAAC,EACDb,KAAK,CACL;IACFU,MAAM,EAAEA,MAAO;IACfoB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","View","r","useColors","sanitizeSpinnerProps","jsx","_jsx","SPIN_KEYFRAMES_ID","win","globalThis","ensureKeyframes","document","getElementById","style","createElement","id","textContent","head","appendChild","Spinner","size","color","thickness","testID","c","ref","stroke","primary","safeSize","safeThickness","node","current","animation","width","height","borderRadius","borderWidth","borderColor","outline","borderTopColor","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/Spinner.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhD;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAiB,GAAG,6BAA6B;;AAEvD;AACA;;AAEA,MAAMC,GAAQ,GAAGC,UAAiB;AAElC,SAASC,eAAeA,CAAA,EAAG;EACzB,IAAI,OAAOF,GAAG,CAACG,QAAQ,KAAK,WAAW,EAAE;EACzC,IAAIH,GAAG,CAACG,QAAQ,CAACC,cAAc,CAACL,iBAAiB,CAAC,EAAE;EACpD,MAAMM,KAAK,GAAGL,GAAG,CAACG,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EACjDD,KAAK,CAACE,EAAE,GAAGR,iBAAiB;EAC5B;EACA;EACA;EACA;EACAM,KAAK,CAACG,WAAW,GACf,sGAAsG;EACxGR,GAAG,CAACG,QAAQ,CAACM,IAAI,CAACC,WAAW,CAACL,KAAK,CAAC;AACtC;AAEA,OAAO,SAASM,OAAOA,CAAC;EACtBC,IAAI,GAAGlB,CAAC,CAAC,EAAE,CAAC;EACZmB,KAAK;EACLC,SAAS,GAAGpB,CAAC,CAAC,CAAC,CAAC;EAChBW,KAAK;EACLU;AACY,CAAC,EAAqB;EAClC,MAAMC,CAAC,GAAGrB,SAAS,CAAC,CAAC;EACrB;EACA;;EAEA,MAAMsB,GAAG,GAAGzB,MAAM,CAAM,IAAI,CAAC;EAC7B,MAAM0B,MAAM,GAAGL,KAAK,IAAIG,CAAC,CAACG,OAAO;EACjC,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGzB,oBAAoB,CAACgB,IAAI,EAAEE,SAAS,CAAC;;EAEzE;EACA;EACAvB,SAAS,CAAC,MAAM;IACdW,eAAe,CAAC,CAAC;IACjB,MAAMoB,IAAI,GAAGL,GAAG,CAACM,OAAO;IACxB,IAAID,IAAI,IAAIA,IAAI,CAACjB,KAAK,EAAE;MACtB;MACA;MACAiB,IAAI,CAACjB,KAAK,CAACmB,SAAS,GAAG,yCAAyC;IAClE;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE1B,IAAA,CAACL,IAAI;IACHwB,GAAG,EAAEA,GAAI;IACTZ,KAAK,EAAE,CACL;MACEoB,KAAK,EAAEL,QAAQ;MACfM,MAAM,EAAEN,QAAQ;MAChBO,YAAY,EAAEP,QAAQ,GAAG,CAAC;MAC1BQ,WAAW,EAAEP,aAAa;MAC1BQ,WAAW,EAAEb,CAAC,CAACc,OAAO;MACtBC,cAAc,EAAEb;IAClB,CAAC,EACDb,KAAK,CACL;IACFU,MAAM,EAAEA,MAAO;IACfiB,2BAA2B;IAC3BC,yBAAyB,EAAC;EAAqB,CAChD,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/ui/Spinner/shared.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { createLogger } from "../../../utils/logger/index.js";
+const log = createLogger('Spinner');
+
+/**
+ * [M-24][L-11] 入参防御逻辑抽到单一模块,native/web 两端 import 同一份:
+ *   - 去重 warn:同一异常值只告警一次(模块级 Set 记录),避免渲染路径每帧刷日志。
+ *   - size / thickness 两字段均覆盖非有限值告警(thickness 原缺失 isFinite 守卫)。
+ *   - 返回已钳制的安全值,调用方直接使用。
+ */
+
+const warnedKeys = new Set();
+function warnOnce(key, msg) {
+  if (warnedKeys.has(key)) return;
+  warnedKeys.add(key);
+  log.warn(msg);
+}
+export function sanitizeSpinnerProps(size, thickness) {
+  if (!Number.isFinite(size) || size < 8) {
+    warnOnce(`size:${size}`, `size 应为 ≥8 的有限数，传入 ${size}，已钳到 8`);
+  }
+  if (!Number.isFinite(thickness) || thickness <= 0) {
+    warnOnce(`thickness:${thickness}`, `thickness 应为正有限数，传入 ${thickness}，已 fallback 为 2`);
+  }
+  return {
+    safeSize: Number.isFinite(size) && size > 8 ? size : 8,
+    safeThickness: Number.isFinite(thickness) && thickness > 0 ? thickness : 2
+  };
+}
+//# sourceMappingURL=shared.js.map

package/lib/module/components/ui/Spinner/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createLogger","log","warnedKeys","Set","warnOnce","key","msg","has","add","warn","sanitizeSpinnerProps","size","thickness","Number","isFinite","safeSize","safeThickness"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/shared.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gCAAuB;AAEpD,MAAMC,GAAG,GAAGD,YAAY,CAAC,SAAS,CAAC;;AAEnC;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAME,UAAU,GAAG,IAAIC,GAAG,CAAS,CAAC;AAEpC,SAASC,QAAQA,CAACC,GAAW,EAAEC,GAAW,EAAE;EAC1C,IAAIJ,UAAU,CAACK,GAAG,CAACF,GAAG,CAAC,EAAE;EACzBH,UAAU,CAACM,GAAG,CAACH,GAAG,CAAC;EACnBJ,GAAG,CAACQ,IAAI,CAACH,GAAG,CAAC;AACf;AAEA,OAAO,SAASI,oBAAoBA,CAClCC,IAAY,EACZC,SAAiB,EAC4B;EAC7C,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACH,IAAI,CAAC,IAAIA,IAAI,GAAG,CAAC,EAAE;IACtCP,QAAQ,CAAC,QAAQO,IAAI,EAAE,EAAE,sBAAsBA,IAAI,QAAQ,CAAC;EAC9D;EACA,IAAI,CAACE,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAAIA,SAAS,IAAI,CAAC,EAAE;IACjDR,QAAQ,CACN,aAAaQ,SAAS,EAAE,EACxB,uBAAuBA,SAAS,iBAClC,CAAC;EACH;EACA,OAAO;IACLG,QAAQ,EAAEF,MAAM,CAACC,QAAQ,CAACH,IAAI,CAAC,IAAIA,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAC;IACtDK,aAAa,EAAEH,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAAIA,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG;EAC3E,CAAC;AACH","ignoreList":[]}

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

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import { View } from 'react-native';
-import { useColors } from "../../../theme/index.js";
+import { r, useColors } from "../../../theme/index.js";
 import { Icon } from "../Icon/index.js";
 import { PulseDot } from "../Pulse/index.js";
 import { paletteFor, styles } from "./styles.js";
@@ -11,10 +11,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * 任务列表 / 推理链通用的状态圆点。
  * done = 绿底 + 白勾；active = 边框 + 内部 PulseDot；pending = 仅边框。
  */
+// status 派生默认 a11y label —— 不传时 SR 仍能播报状态语义。
+const DEFAULT_A11Y = {
+  pending: 'pending',
+  active: 'active',
+  done: 'done'
+};
 export function StatusDot({
   status,
-  size = 16,
+  size = r(16),
   tone = 'flat',
+  accessibilityLabel,
+  style,
   testID
 }) {
   const c = useColors();
@@ -22,6 +30,8 @@ export function StatusDot({
     bg,
     border
   } = paletteFor(status, tone, c);
+  // [L-14] 优先用 caller 传入值;空字符串表示由容器负责播报,不派生默认。
+  const a11yLabel = accessibilityLabel !== undefined ? accessibilityLabel || undefined : DEFAULT_A11Y[status];
   return /*#__PURE__*/_jsx(View, {
     style: [styles.dot, {
       width: size,
@@ -29,14 +39,21 @@ export function StatusDot({
       borderRadius: size / 2,
       backgroundColor: bg,
       borderColor: border
-    }],
+    }, style],
+    accessible: !!a11yLabel,
+    accessibilityLabel: a11yLabel,
     testID: testID,
     children: status === 'done' ? /*#__PURE__*/_jsx(Icon, {
       name: "check",
       size: Math.round(size * 0.6),
       color: c.onPrimary,
       strokeWidth: 2.5
-    }) : status === 'active' ? /*#__PURE__*/_jsx(PulseDot, {}) : null
+    }) : status === 'active' ?
+    /*#__PURE__*/
+    // [L-13] size 随外圈等比派生(系数 0.375 ≈ 6/16),视觉居中且不溢出。
+    _jsx(PulseDot, {
+      size: Math.round(size * 0.375)
+    }) : null
   });
 }
 //# sourceMappingURL=StatusDot.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","useColors","Icon","PulseDot","paletteFor","styles","jsx","_jsx","StatusDot","status","size","tone","testID","c","bg","border","style","dot","width","height","borderRadius","backgroundColor","borderColor","children","name","Math","round","color","onPrimary","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/StatusDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,UAAU,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM;EACNC,IAAI,GAAG,EAAE;EACTC,IAAI,GAAG,MAAM;EACbC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGZ,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEa,EAAE;IAAEC;EAAO,CAAC,GAAGX,UAAU,CAACK,MAAM,EAAEE,IAAI,EAAEE,CAAC,CAAC;EAElD,oBACEN,IAAA,CAACP,IAAI;IACHgB,KAAK,EAAE,CACLX,MAAM,CAACY,GAAG,EACV;MACEC,KAAK,EAAER,IAAI;MACXS,MAAM,EAAET,IAAI;MACZU,YAAY,EAAEV,IAAI,GAAG,CAAC;MACtBW,eAAe,EAAEP,EAAE;MACnBQ,WAAW,EAAEP;IACf,CAAC,CACD;IACFH,MAAM,EAAEA,MAAO;IAAAW,QAAA,EAEdd,MAAM,KAAK,MAAM,gBAChBF,IAAA,CAACL,IAAI;MACHsB,IAAI,EAAC,OAAO;MACZd,IAAI,EAAEe,IAAI,CAACC,KAAK,CAAChB,IAAI,GAAG,GAAG,CAAE;MAC7BiB,KAAK,EAAEd,CAAC,CAACe,SAAU;MACnBC,WAAW,EAAE;IAAI,CAClB,CAAC,GACApB,MAAM,KAAK,QAAQ,gBACrBF,IAAA,CAACJ,QAAQ,IAAE,CAAC,GACV;EAAI,CACJ,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","View","r","useColors","Icon","PulseDot","paletteFor","styles","jsx","_jsx","DEFAULT_A11Y","pending","active","done","StatusDot","status","size","tone","accessibilityLabel","style","testID","c","bg","border","a11yLabel","undefined","dot","width","height","borderRadius","backgroundColor","borderColor","accessible","children","name","Math","round","color","onPrimary","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/StatusDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,UAAU,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAoC,GAAG;EAC3CC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM;EACNC,IAAI,GAAGd,CAAC,CAAC,EAAE,CAAC;EACZe,IAAI,GAAG,MAAM;EACbC,kBAAkB;EAClBC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGlB,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEmB,EAAE;IAAEC;EAAO,CAAC,GAAGjB,UAAU,CAACS,MAAM,EAAEE,IAAI,EAAEI,CAAC,CAAC;EAClD;EACA,MAAMG,SAAS,GACbN,kBAAkB,KAAKO,SAAS,GAC5BP,kBAAkB,IAAIO,SAAS,GAC/Bf,YAAY,CAACK,MAAM,CAAC;EAE1B,oBACEN,IAAA,CAACR,IAAI;IACHkB,KAAK,EAAE,CACLZ,MAAM,CAACmB,GAAG,EACV;MACEC,KAAK,EAAEX,IAAI;MACXY,MAAM,EAAEZ,IAAI;MACZa,YAAY,EAAEb,IAAI,GAAG,CAAC;MACtBc,eAAe,EAAER,EAAE;MACnBS,WAAW,EAAER;IACf,CAAC,EACDJ,KAAK,CACL;IACFa,UAAU,EAAE,CAAC,CAACR,SAAU;IACxBN,kBAAkB,EAAEM,SAAU;IAC9BJ,MAAM,EAAEA,MAAO;IAAAa,QAAA,EAEdlB,MAAM,KAAK,MAAM,gBAChBN,IAAA,CAACL,IAAI;MACH8B,IAAI,EAAC,OAAO;MACZlB,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,GAAG,CAAE;MAC7BqB,KAAK,EAAEhB,CAAC,CAACiB,SAAU;MACnBC,WAAW,EAAE;IAAI,CAClB,CAAC,GACAxB,MAAM,KAAK,QAAQ;IAAA;IACrB;IACAN,IAAA,CAACJ,QAAQ;MAACW,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,KAAK;IAAE,CAAE,CAAC,GAC1C;EAAI,CACJ,CAAC;AAEX","ignoreList":[]}

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

@@ -16,7 +16,7 @@ export const styles = StyleSheet.create({
 });
 
 /** StatusDot 颜色推导:status × tone → { bg, border } 二色,全走 ColorTokens。
- *  签名 `(target, context, tokens)` 与 Tag/Tool 的 paletteFor 一致。
+ *  与 Tag/Button 的 paletteFor 同约定(状态入参 + ColorTokens → 配色对象),多一维 tone。
  *  `flat` = pending/active 底色透明；`soft` = pending 走 surface、active 走 primaryContainer。 */
 export function paletteFor(status, tone, c) {
   switch (status) {

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

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