@unif/react-native-design 0.20.0 → 0.21.0

package/lib/module/components/ui/Stepper/normalizeStepper.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Stepper 唯一的范围与 action 归一化入口。
+ *
+ * 组件的视觉状态、handler 和 a11y 都消费同一份结果，避免边界按钮已禁用但
+ * adjustable 仍暴露无效 action。
+ */
+export function normalizeStepper({
+  value,
+  min = 0,
+  max = 99,
+  step = 1,
+  disabled = false
+}) {
+  const safeMin = typeof min === 'number' && Number.isFinite(min) ? min : 0;
+  const safeMax = typeof max === 'number' && Number.isFinite(max) && max >= safeMin ? max : safeMin;
+  const safeStep = typeof step === 'number' && Number.isFinite(step) && step > 0 ? step : 1;
+  const safeValue = typeof value === 'number' && Number.isFinite(value) ? Math.min(safeMax, Math.max(safeMin, value)) : safeMin;
+  const rangeDisabled = disabled === true || safeMin === safeMax;
+  const canDecrement = !rangeDisabled && safeValue > safeMin;
+  const canIncrement = !rangeDisabled && safeValue < safeMax;
+  const accessibilityActions = [];
+  if (canIncrement) {
+    accessibilityActions.push({
+      name: 'increment',
+      label: '增加'
+    });
+  }
+  if (canDecrement) {
+    accessibilityActions.push({
+      name: 'decrement',
+      label: '减少'
+    });
+  }
+  return {
+    safeMin,
+    safeMax,
+    safeStep,
+    safeValue,
+    rangeDisabled,
+    canDecrement,
+    canIncrement,
+    accessibilityActions
+  };
+}
+export function nextStepperValue(normalized, direction) {
+  if (direction === 'increment') {
+    return normalized.canIncrement ? Math.min(normalized.safeMax, normalized.safeValue + normalized.safeStep) : undefined;
+  }
+  return normalized.canDecrement ? Math.max(normalized.safeMin, normalized.safeValue - normalized.safeStep) : undefined;
+}
+//# sourceMappingURL=normalizeStepper.js.map

package/lib/module/components/ui/Stepper/normalizeStepper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["normalizeStepper","value","min","max","step","disabled","safeMin","Number","isFinite","safeMax","safeStep","safeValue","Math","rangeDisabled","canDecrement","canIncrement","accessibilityActions","push","name","label","nextStepperValue","normalized","direction","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/normalizeStepper.ts"],"mappings":";;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,gBAAgBA,CAAC;EAC/BC,KAAK;EACLC,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,EAAE;EACRC,IAAI,GAAG,CAAC;EACRC,QAAQ,GAAG;AACc,CAAC,EAAqB;EAC/C,MAAMC,OAAO,GAAG,OAAOJ,GAAG,KAAK,QAAQ,IAAIK,MAAM,CAACC,QAAQ,CAACN,GAAG,CAAC,GAAGA,GAAG,GAAG,CAAC;EACzE,MAAMO,OAAO,GACX,OAAON,GAAG,KAAK,QAAQ,IAAII,MAAM,CAACC,QAAQ,CAACL,GAAG,CAAC,IAAIA,GAAG,IAAIG,OAAO,GAC7DH,GAAG,GACHG,OAAO;EACb,MAAMI,QAAQ,GACZ,OAAON,IAAI,KAAK,QAAQ,IAAIG,MAAM,CAACC,QAAQ,CAACJ,IAAI,CAAC,IAAIA,IAAI,GAAG,CAAC,GAAGA,IAAI,GAAG,CAAC;EAC1E,MAAMO,SAAS,GACb,OAAOV,KAAK,KAAK,QAAQ,IAAIM,MAAM,CAACC,QAAQ,CAACP,KAAK,CAAC,GAC/CW,IAAI,CAACV,GAAG,CAACO,OAAO,EAAEG,IAAI,CAACT,GAAG,CAACG,OAAO,EAAEL,KAAK,CAAC,CAAC,GAC3CK,OAAO;EACb,MAAMO,aAAa,GAAGR,QAAQ,KAAK,IAAI,IAAIC,OAAO,KAAKG,OAAO;EAC9D,MAAMK,YAAY,GAAG,CAACD,aAAa,IAAIF,SAAS,GAAGL,OAAO;EAC1D,MAAMS,YAAY,GAAG,CAACF,aAAa,IAAIF,SAAS,GAAGF,OAAO;EAC1D,MAAMO,oBAA+D,GAAG,EAAE;EAE1E,IAAID,YAAY,EAAE;IAChBC,oBAAoB,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,WAAW;MAAEC,KAAK,EAAE;IAAK,CAAC,CAAC;EAC/D;EACA,IAAIL,YAAY,EAAE;IAChBE,oBAAoB,CAACC,IAAI,CAAC;MAAEC,IAAI,EAAE,WAAW;MAAEC,KAAK,EAAE;IAAK,CAAC,CAAC;EAC/D;EAEA,OAAO;IACLb,OAAO;IACPG,OAAO;IACPC,QAAQ;IACRC,SAAS;IACTE,aAAa;IACbC,YAAY;IACZC,YAAY;IACZC;EACF,CAAC;AACH;AAEA,OAAO,SAASI,gBAAgBA,CAC9BC,UAA6B,EAC7BC,SAA2B,EACP;EACpB,IAAIA,SAAS,KAAK,WAAW,EAAE;IAC7B,OAAOD,UAAU,CAACN,YAAY,GAC1BH,IAAI,CAACV,GAAG,CAACmB,UAAU,CAACZ,OAAO,EAAEY,UAAU,CAACV,SAAS,GAAGU,UAAU,CAACX,QAAQ,CAAC,GACxEa,SAAS;EACf;EACA,OAAOF,UAAU,CAACP,YAAY,GAC1BF,IAAI,CAACT,GAAG,CAACkB,UAAU,CAACf,OAAO,EAAEe,UAAU,CAACV,SAAS,GAAGU,UAAU,CAACX,QAAQ,CAAC,GACxEa,SAAS;AACf","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 import { StyleSheet } from 'react-native';
 import { control, fw, r, radius, type as t } from "../../../theme/index.js";
 /** Stepper 静态 + themed base —— btn / value 容器共用 cell 基底,radius / border 走 token。
- *  尺寸(高 / 宽 / 字号)由 sizingFor 派生,sm 走 control.sm,md 走 r(32)(介于
+ *  尺寸(高 / 宽 / 字号)由 sizingFor 派生,sm 走 control.sm (`r(28)`),md 走 r(32)(介于
  *  control.sm 与 control.md 之间,与 avatar.md / dim.sendBtn 同值但语义独立)。 */
 export const makeStyles = c => StyleSheet.create({
   wrap: {
@@ -11,6 +11,13 @@ export const makeStyles = c => StyleSheet.create({
     alignItems: 'center',
     alignSelf: 'flex-start'
   },
+  actionFrame: {
+    justifyContent: 'center'
+  },
+  valueFrame: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   /** btn / value 共用的 cell 基底 —— 居中 + surface 背景 + 上下边框。
    *  左右边框 / 圆角由 btnLeft / btnRight 增量补齐;value 中间无侧边框。 */
   cell: {
@@ -43,7 +50,7 @@ export const makeStyles = c => StyleSheet.create({
   }
 });
 
-/** Stepper 尺寸推导:sm(control.sm=28 高 / 28 按钮 / 40 值宽 / xs 字)/
+/** Stepper 尺寸推导:sm(control.sm=`r(28)` 高 / `r(28)` 按钮 / r(40) 值宽 / xs 字)/
  *  md(r(32) 高 / r(32) 按钮 / r(48) 值宽 / sm 字)。
  *  新增 size 在 types.ts 加 union + 这里加 case。 */
 export function sizingFor(size) {

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","control","fw","r","radius","type","t","makeStyles","c","create","wrap","flexDirection","alignItems","alignSelf","cell","justifyContent","backgroundColor","surface","borderTopWidth","borderBottomWidth","borderColor","outline","btnLeft","borderLeftWidth","borderTopLeftRadius","md","borderBottomLeftRadius","btnRight","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","btnText","fontSize","h1","color","foreground","fontWeight","medium","lineHeight","valueText","sizingFor","size","h","sm","btn","w","fs","xs"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,EAAEC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAIlE;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACD;AACJ;EACIC,IAAI,EAAE;IACJF,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,QAAQ;IACxBC,eAAe,EAAER,CAAC,CAACS,OAAO;IAC1BC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,WAAW,EAAEZ,CAAC,CAACa;EACjB,CAAC;EACDC,OAAO,EAAE;IACPC,eAAe,EAAE,CAAC;IAClBC,mBAAmB,EAAEpB,MAAM,CAACqB,EAAE;IAC9BC,sBAAsB,EAAEtB,MAAM,CAACqB;EACjC,CAAC;EACDE,QAAQ,EAAE;IACRC,gBAAgB,EAAE,CAAC;IACnBC,oBAAoB,EAAEzB,MAAM,CAACqB,EAAE;IAC/BK,uBAAuB,EAAE1B,MAAM,CAACqB;EAClC,CAAC;EACDM,OAAO,EAAE;IACPC,QAAQ,EAAE1B,CAAC,CAAC2B,EAAE;IACdC,KAAK,EAAE1B,CAAC,CAAC2B,UAAU;IACnBC,UAAU,EAAElC,EAAE,CAACmC,MAAM;IACrBC,UAAU,EAAEhC,CAAC,CAAC2B;EAChB,CAAC;EACDM,SAAS,EAAE;IACTL,KAAK,EAAE1B,CAAC,CAAC2B,UAAU;IACnBC,UAAU,EAAElC,EAAE,CAACmC;EACjB;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAACC,IAAiB,EAKzC;EACA,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO;QAAEC,CAAC,EAAEzC,OAAO,CAAC0C,EAAE;QAAEC,GAAG,EAAE3C,OAAO,CAAC0C,EAAE;QAAEE,CAAC,EAAE1C,CAAC,CAAC,EAAE,CAAC;QAAE2C,EAAE,EAAExC,CAAC,CAACyC;MAAG,CAAC;IAC/D,KAAK,IAAI;MACP,OAAO;QAAEL,CAAC,EAAEvC,CAAC,CAAC,EAAE,CAAC;QAAEyC,GAAG,EAAEzC,CAAC,CAAC,EAAE,CAAC;QAAE0C,CAAC,EAAE1C,CAAC,CAAC,EAAE,CAAC;QAAE2C,EAAE,EAAExC,CAAC,CAACqC;MAAG,CAAC;EACvD;AACF","ignoreList":[]}
+{"version":3,"names":["StyleSheet","control","fw","r","radius","type","t","makeStyles","c","create","wrap","flexDirection","alignItems","alignSelf","actionFrame","justifyContent","valueFrame","cell","backgroundColor","surface","borderTopWidth","borderBottomWidth","borderColor","outline","btnLeft","borderLeftWidth","borderTopLeftRadius","md","borderBottomLeftRadius","btnRight","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","btnText","fontSize","h1","color","foreground","fontWeight","medium","lineHeight","valueText","sizingFor","size","h","sm","btn","w","fs","xs"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,EAAEC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAIlE;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXC,cAAc,EAAE;EAClB,CAAC;EACDC,UAAU,EAAE;IACVJ,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE;EAClB,CAAC;EACD;AACJ;EACIE,IAAI,EAAE;IACJL,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,QAAQ;IACxBG,eAAe,EAAEV,CAAC,CAACW,OAAO;IAC1BC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,WAAW,EAAEd,CAAC,CAACe;EACjB,CAAC;EACDC,OAAO,EAAE;IACPC,eAAe,EAAE,CAAC;IAClBC,mBAAmB,EAAEtB,MAAM,CAACuB,EAAE;IAC9BC,sBAAsB,EAAExB,MAAM,CAACuB;EACjC,CAAC;EACDE,QAAQ,EAAE;IACRC,gBAAgB,EAAE,CAAC;IACnBC,oBAAoB,EAAE3B,MAAM,CAACuB,EAAE;IAC/BK,uBAAuB,EAAE5B,MAAM,CAACuB;EAClC,CAAC;EACDM,OAAO,EAAE;IACPC,QAAQ,EAAE5B,CAAC,CAAC6B,EAAE;IACdC,KAAK,EAAE5B,CAAC,CAAC6B,UAAU;IACnBC,UAAU,EAAEpC,EAAE,CAACqC,MAAM;IACrBC,UAAU,EAAElC,CAAC,CAAC6B;EAChB,CAAC;EACDM,SAAS,EAAE;IACTL,KAAK,EAAE5B,CAAC,CAAC6B,UAAU;IACnBC,UAAU,EAAEpC,EAAE,CAACqC;EACjB;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAACC,IAAiB,EAKzC;EACA,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO;QAAEC,CAAC,EAAE3C,OAAO,CAAC4C,EAAE;QAAEC,GAAG,EAAE7C,OAAO,CAAC4C,EAAE;QAAEE,CAAC,EAAE5C,CAAC,CAAC,EAAE,CAAC;QAAE6C,EAAE,EAAE1C,CAAC,CAAC2C;MAAG,CAAC;IAC/D,KAAK,IAAI;MACP,OAAO;QAAEL,CAAC,EAAEzC,CAAC,CAAC,EAAE,CAAC;QAAE2C,GAAG,EAAE3C,CAAC,CAAC,EAAE,CAAC;QAAE4C,CAAC,EAAE5C,CAAC,CAAC,EAAE,CAAC;QAAE6C,EAAE,EAAE1C,CAAC,CAACuC;MAAG,CAAC;EACvD;AACF","ignoreList":[]}

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

@@ -1,11 +1,18 @@
 "use strict";
 
 import React, { useEffect } from 'react';
+import { View } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
 import Animated, { cancelAnimation, interpolate, interpolateColor, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
-import { fixed, motion, r, useColors, useThemedStyles } from "../../../theme/index.js";
-import { makeStyles, THUMB_OFF_X, THUMB_ON_X, TRACK_H } from "./styles.js";
+import { motion, useColors, usePrefersReducedMotion, useThemedStyles } from "../../../theme/index.js";
+import { createLogger } from "../../../utils/logger/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
+import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
+import { normalizeNonBlankText } from "../shared/accessibilityName.js";
+import { makeStyles, THUMB_OFF_X, THUMB_ON_X } from "./styles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const log = createLogger('Switch');
+
 /**
  * 布尔切换。32×20 轨道 + 16×16 白色把手,200ms 缓动。
  *
@@ -21,13 +28,27 @@ export function Switch({
 }) {
   const c = useColors();
   const styles = useThemedStyles(makeStyles);
+  const reducedMotion = usePrefersReducedMotion();
   const progress = useSharedValue(value ? 1 : 0);
+  const accessibleName = normalizeNonBlankText(accessibilityLabel);
+  const hasBlankLabel = accessibleName === undefined;
+  const isDisabled = disabled === true || hasBlankLabel;
   useEffect(() => {
-    progress.value = withTiming(value ? 1 : 0, {
-      duration: motion.base
-    });
+    if (reducedMotion) {
+      cancelAnimation(progress);
+      progress.value = value ? 1 : 0;
+    } else {
+      progress.value = withTiming(value ? 1 : 0, {
+        duration: motion.base
+      });
+    }
     return () => cancelAnimation(progress);
-  }, [value, progress]);
+  }, [progress, reducedMotion, value]);
+  useEffect(() => {
+    if (hasBlankLabel) {
+      log.warn('Switch accessibilityLabel 不能为空白，当前 action 已禁用。');
+    }
+  }, [hasBlankLabel]);
   const trackStyle = useAnimatedStyle(() => ({
     backgroundColor: interpolateColor(progress.value, [0, 1], [c.surfaceContainerHighest, c.primary])
   }));
@@ -37,23 +58,28 @@ export function Switch({
     }]
   }));
   return /*#__PURE__*/_jsx(Pressable, {
-    onPress: () => !disabled && onChange(!value),
-    disabled: disabled
-    // [M-7] 轨道高 r(20)≈20pt;补 (44-20)/2=12 到 fixed.hitTarget
-    ,
-    hitSlop: Math.round((fixed.hitTarget - r(TRACK_H)) / 2),
-    style: disabled ? styles.pressableDisabled : styles.pressableEnabled,
-    accessibilityRole: "switch",
-    accessibilityState: {
+    accessible: !hasBlankLabel,
+    onPress: isDisabled ? undefined : () => onChange(!value),
+    disabled: isDisabled,
+    style: [styles.pressable, isDisabled && styles.pressableDisabled],
+    accessibilityRole: hasBlankLabel ? undefined : 'switch',
+    accessibilityState: hasBlankLabel ? undefined : {
       checked: value,
-      disabled: !!disabled
+      disabled: isDisabled
     },
-    accessibilityLabel: accessibilityLabel,
+    accessibilityLabel: accessibleName,
     testID: testID,
-    children: /*#__PURE__*/_jsx(Animated.View, {
-      style: [styles.track, trackStyle],
+    children: /*#__PURE__*/_jsx(View, {
+      ...A11Y_HIDDEN_PROPS,
+      style: styles.visualFrame,
+      testID: childTestID(testID, 'visual'),
       children: /*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.thumb, thumbStyle]
+        style: [styles.track, trackStyle],
+        testID: childTestID(testID, 'track'),
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.thumb, thumbStyle],
+          testID: childTestID(testID, 'thumb')
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","Pressable","Animated","cancelAnimation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","fixed","motion","r","useColors","useThemedStyles","makeStyles","THUMB_OFF_X","THUMB_ON_X","TRACK_H","jsx","_jsx","Switch","value","onChange","disabled","accessibilityLabel","testID","c","styles","progress","duration","base","trackStyle","backgroundColor","surfaceContainerHighest","primary","thumbStyle","transform","translateX","onPress","hitSlop","Math","round","hitTarget","style","pressableDisabled","pressableEnabled","accessibilityRole","accessibilityState","checked","children","View","track","thumb"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/Switch.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,8BAA8B;AAExD,OAAOC,QAAQ,IACbC,eAAe,EACfC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SAASC,KAAK,EAAEC,MAAM,EAAEC,CAAC,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC7E,SAASC,UAAU,EAAEC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGxE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC;AACW,CAAC,EAAqB;EACjC,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGd,eAAe,CAACC,UAAU,CAAC;EAC1C,MAAMc,QAAQ,GAAGrB,cAAc,CAACc,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;EAE9CrB,SAAS,CAAC,MAAM;IACd4B,QAAQ,CAACP,KAAK,GAAGb,UAAU,CAACa,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE;MAAEQ,QAAQ,EAAEnB,MAAM,CAACoB;IAAK,CAAC,CAAC;IACrE,OAAO,MAAM3B,eAAe,CAACyB,QAAQ,CAAC;EACxC,CAAC,EAAE,CAACP,KAAK,EAAEO,QAAQ,CAAC,CAAC;EAErB,MAAMG,UAAU,GAAGzB,gBAAgB,CAAC,OAAO;IACzC0B,eAAe,EAAE3B,gBAAgB,CAC/BuB,QAAQ,CAACP,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACK,CAAC,CAACO,uBAAuB,EAAEP,CAAC,CAACQ,OAAO,CACvC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,UAAU,GAAG7B,gBAAgB,CAAC,OAAO;IACzC8B,SAAS,EAAE,CACT;MACEC,UAAU,EAAEjC,WAAW,CACrBwB,QAAQ,CAACP,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,WAAW,EAAEC,UAAU,CAC1B;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,oBACEG,IAAA,CAAClB,SAAS;IACRqC,OAAO,EAAEA,CAAA,KAAM,CAACf,QAAQ,IAAID,QAAQ,CAAC,CAACD,KAAK,CAAE;IAC7CE,QAAQ,EAAEA;IACV;IAAA;IACAgB,OAAO,EAAEC,IAAI,CAACC,KAAK,CAAC,CAAChC,KAAK,CAACiC,SAAS,GAAG/B,CAAC,CAACM,OAAO,CAAC,IAAI,CAAC,CAAE;IACxD0B,KAAK,EAAEpB,QAAQ,GAAGI,MAAM,CAACiB,iBAAiB,GAAGjB,MAAM,CAACkB,gBAAiB;IACrEC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,OAAO,EAAE3B,KAAK;MAAEE,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7DC,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,eAEf9B,IAAA,CAACjB,QAAQ,CAACgD,IAAI;MAACP,KAAK,EAAE,CAAChB,MAAM,CAACwB,KAAK,EAAEpB,UAAU,CAAE;MAAAkB,QAAA,eAC/C9B,IAAA,CAACjB,QAAQ,CAACgD,IAAI;QAACP,KAAK,EAAE,CAAChB,MAAM,CAACyB,KAAK,EAAEjB,UAAU;MAAE,CAAE;IAAC,CACvC;EAAC,CACP,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","View","Pressable","Animated","cancelAnimation","interpolate","interpolateColor","useAnimatedStyle","useSharedValue","withTiming","motion","useColors","usePrefersReducedMotion","useThemedStyles","createLogger","childTestID","A11Y_HIDDEN_PROPS","normalizeNonBlankText","makeStyles","THUMB_OFF_X","THUMB_ON_X","jsx","_jsx","log","Switch","value","onChange","disabled","accessibilityLabel","testID","c","styles","reducedMotion","progress","accessibleName","hasBlankLabel","undefined","isDisabled","duration","base","warn","trackStyle","backgroundColor","surfaceContainerHighest","primary","thumbStyle","transform","translateX","accessible","onPress","style","pressable","pressableDisabled","accessibilityRole","accessibilityState","checked","children","visualFrame","track","thumb"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/Switch.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,SAAS,QAAQ,8BAA8B;AAExD,OAAOC,QAAQ,IACbC,eAAe,EACfC,WAAW,EACXC,gBAAgB,EAChBC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QACL,yBAAyB;AAChC,SACEC,MAAM,EACNC,SAAS,EACTC,uBAAuB,EACvBC,eAAe,QACV,yBAAgB;AACvB,SAASC,YAAY,QAAQ,gCAAuB;AACpD,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,iBAAiB,QAAQ,mBAAgB;AAClD,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,UAAU,EAAEC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,MAAMC,GAAG,GAAGT,YAAY,CAAC,QAAQ,CAAC;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,MAAMA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC;AACW,CAAC,EAAqB;EACjC,MAAMC,CAAC,GAAGnB,SAAS,CAAC,CAAC;EACrB,MAAMoB,MAAM,GAAGlB,eAAe,CAACK,UAAU,CAAC;EAC1C,MAAMc,aAAa,GAAGpB,uBAAuB,CAAC,CAAC;EAC/C,MAAMqB,QAAQ,GAAGzB,cAAc,CAACiB,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;EAC9C,MAAMS,cAAc,GAAGjB,qBAAqB,CAACW,kBAAkB,CAAC;EAChE,MAAMO,aAAa,GAAGD,cAAc,KAAKE,SAAS;EAClD,MAAMC,UAAU,GAAGV,QAAQ,KAAK,IAAI,IAAIQ,aAAa;EAErDnC,SAAS,CAAC,MAAM;IACd,IAAIgC,aAAa,EAAE;MACjB5B,eAAe,CAAC6B,QAAQ,CAAC;MACzBA,QAAQ,CAACR,KAAK,GAAGA,KAAK,GAAG,CAAC,GAAG,CAAC;IAChC,CAAC,MAAM;MACLQ,QAAQ,CAACR,KAAK,GAAGhB,UAAU,CAACgB,KAAK,GAAG,CAAC,GAAG,CAAC,EAAE;QAAEa,QAAQ,EAAE5B,MAAM,CAAC6B;MAAK,CAAC,CAAC;IACvE;IACA,OAAO,MAAMnC,eAAe,CAAC6B,QAAQ,CAAC;EACxC,CAAC,EAAE,CAACA,QAAQ,EAAED,aAAa,EAAEP,KAAK,CAAC,CAAC;EACpCzB,SAAS,CAAC,MAAM;IACd,IAAImC,aAAa,EAAE;MACjBZ,GAAG,CAACiB,IAAI,CAAC,gDAAgD,CAAC;IAC5D;EACF,CAAC,EAAE,CAACL,aAAa,CAAC,CAAC;EAEnB,MAAMM,UAAU,GAAGlC,gBAAgB,CAAC,OAAO;IACzCmC,eAAe,EAAEpC,gBAAgB,CAC/B2B,QAAQ,CAACR,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACK,CAAC,CAACa,uBAAuB,EAAEb,CAAC,CAACc,OAAO,CACvC;EACF,CAAC,CAAC,CAAC;EAEH,MAAMC,UAAU,GAAGtC,gBAAgB,CAAC,OAAO;IACzCuC,SAAS,EAAE,CACT;MACEC,UAAU,EAAE1C,WAAW,CACrB4B,QAAQ,CAACR,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACN,WAAW,EAAEC,UAAU,CAC1B;IACF,CAAC;EAEL,CAAC,CAAC,CAAC;EAEH,oBACEE,IAAA,CAACpB,SAAS;IACR8C,UAAU,EAAE,CAACb,aAAc;IAC3Bc,OAAO,EAAEZ,UAAU,GAAGD,SAAS,GAAG,MAAMV,QAAQ,CAAC,CAACD,KAAK,CAAE;IACzDE,QAAQ,EAAEU,UAAW;IACrBa,KAAK,EAAE,CAACnB,MAAM,CAACoB,SAAS,EAAEd,UAAU,IAAIN,MAAM,CAACqB,iBAAiB,CAAE;IAClEC,iBAAiB,EAAElB,aAAa,GAAGC,SAAS,GAAG,QAAS;IACxDkB,kBAAkB,EAChBnB,aAAa,GAAGC,SAAS,GAAG;MAAEmB,OAAO,EAAE9B,KAAK;MAAEE,QAAQ,EAAEU;IAAW,CACpE;IACDT,kBAAkB,EAAEM,cAAe;IACnCL,MAAM,EAAEA,MAAO;IAAA2B,QAAA,eAEflC,IAAA,CAACrB,IAAI;MAAA,GACCe,iBAAiB;MACrBkC,KAAK,EAAEnB,MAAM,CAAC0B,WAAY;MAC1B5B,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,QAAQ,CAAE;MAAA2B,QAAA,eAEtClC,IAAA,CAACnB,QAAQ,CAACF,IAAI;QACZiD,KAAK,EAAE,CAACnB,MAAM,CAAC2B,KAAK,EAAEjB,UAAU,CAAE;QAClCZ,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,OAAO,CAAE;QAAA2B,QAAA,eAErClC,IAAA,CAACnB,QAAQ,CAACF,IAAI;UACZiD,KAAK,EAAE,CAACnB,MAAM,CAAC4B,KAAK,EAAEd,UAAU,CAAE;UAClChB,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,OAAO;QAAE,CACtC;MAAC,CACW;IAAC,CACZ;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}

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

@@ -1,11 +1,17 @@
 "use strict";
 
-import React from 'react';
+import React, { useEffect } from 'react';
 import { Pressable } from 'react-native-gesture-handler';
 import { View } from 'react-native';
-import { motion, useColors, useThemedStyles } from "../../../theme/index.js";
+import { motion, useColors, usePrefersReducedMotion, useThemedStyles } from "../../../theme/index.js";
+import { createLogger } from "../../../utils/logger/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
+import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
+import { normalizeNonBlankText } from "../shared/accessibilityName.js";
 import { makeStyles, THUMB_OFF_X, THUMB_ON_X } from "./styles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
+const log = createLogger('Switch');
+
 /**
  * Web 端 Switch —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
  * 链路会抛 `Object.keys(undefined)` TypeError(切换时打印,thumb 卡住),走 CSS
@@ -25,41 +31,62 @@ export function Switch({
 }) {
   const c = useColors();
   const styles = useThemedStyles(makeStyles);
+  const reducedMotion = usePrefersReducedMotion();
+  const accessibleName = normalizeNonBlankText(accessibilityLabel);
+  const hasBlankLabel = accessibleName === undefined;
+  const isDisabled = disabled === true || hasBlankLabel;
+  useEffect(() => {
+    if (hasBlankLabel) {
+      log.warn('Switch accessibilityLabel 不能为空白，当前 action 已禁用。');
+    }
+  }, [hasBlankLabel]);
 
-  // 给 RN style 数组追加 web-only 字段:transition + 切换值
+  // 给 RN style 数组追加 web-only 字段；reduced motion 时连 transition key
+  // 都不输出，避免浏览器仍创建零时长 transition。
   const trackWebStyle = {
     ...styles.track,
     backgroundColor: value ? c.primary : c.surfaceContainerHighest,
-    // RN style 不识 transition 但 RN-Web 会把它当 inline style 透传给 DOM
-    transitionProperty: 'background-color',
-    transitionDuration: `${motion.base}ms`,
-    transitionTimingFunction: 'ease-out'
+    ...(reducedMotion ? {} : {
+      // RN style 不识 transition 但 RN-Web 会把它当 inline style 透传给 DOM
+      transitionProperty: 'background-color',
+      transitionDuration: `${motion.base}ms`,
+      transitionTimingFunction: 'ease-out'
+    })
   };
   const thumbWebStyle = {
     ...styles.thumb,
     transform: [{
       translateX: value ? THUMB_ON_X : THUMB_OFF_X
     }],
-    transitionProperty: 'transform',
-    transitionDuration: `${motion.base}ms`,
-    transitionTimingFunction: 'ease-out'
+    ...(reducedMotion ? {} : {
+      transitionProperty: 'transform',
+      transitionDuration: `${motion.base}ms`,
+      transitionTimingFunction: 'ease-out'
+    })
   };
   return /*#__PURE__*/_jsx(Pressable, {
-    onPress: () => !disabled && onChange(!value),
-    disabled: disabled,
-    hitSlop: 6,
-    style: disabled ? styles.pressableDisabled : styles.pressableEnabled,
-    accessibilityRole: "switch",
-    accessibilityState: {
+    accessible: !hasBlankLabel,
+    onPress: isDisabled ? undefined : () => onChange(!value),
+    disabled: isDisabled,
+    style: [styles.pressable, isDisabled && styles.pressableDisabled],
+    accessibilityRole: hasBlankLabel ? undefined : 'switch',
+    accessibilityState: hasBlankLabel ? undefined : {
       checked: value,
-      disabled: !!disabled
+      disabled: isDisabled
     },
-    accessibilityLabel: accessibilityLabel,
+    accessibilityLabel: accessibleName,
     testID: testID,
     children: /*#__PURE__*/_jsx(View, {
-      style: trackWebStyle,
+      ...A11Y_HIDDEN_PROPS,
+      style: styles.visualFrame,
+      testID: childTestID(testID, 'visual'),
       children: /*#__PURE__*/_jsx(View, {
-        style: thumbWebStyle
+        style: trackWebStyle,
+        testID: childTestID(testID, 'track'),
+        children: /*#__PURE__*/_jsx(View, {
+          style: thumbWebStyle,
+          testID: childTestID(testID, 'thumb')
+        })
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","View","motion","useColors","useThemedStyles","makeStyles","THUMB_OFF_X","THUMB_ON_X","jsx","_jsx","Switch","value","onChange","disabled","accessibilityLabel","testID","c","styles","trackWebStyle","track","backgroundColor","primary","surfaceContainerHighest","transitionProperty","transitionDuration","base","transitionTimingFunction","thumbWebStyle","thumb","transform","translateX","onPress","hitSlop","style","pressableDisabled","pressableEnabled","accessibilityRole","accessibilityState","checked","children"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/Switch.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AACnE,SAASC,UAAU,EAAEC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC;AACW,CAAC,EAAqB;EACjC,MAAMC,CAAC,GAAGb,SAAS,CAAC,CAAC;EACrB,MAAMc,MAAM,GAAGb,eAAe,CAACC,UAAU,CAAC;;EAE1C;EACA,MAAMa,aAAa,GAAG;IACpB,GAAGD,MAAM,CAACE,KAAK;IACfC,eAAe,EAAET,KAAK,GAAGK,CAAC,CAACK,OAAO,GAAGL,CAAC,CAACM,uBAAuB;IAC9D;IACAC,kBAAkB,EAAE,kBAAkB;IACtCC,kBAAkB,EAAE,GAAGtB,MAAM,CAACuB,IAAI,IAAI;IACtCC,wBAAwB,EAAE;EAC5B,CAAsB;EACtB,MAAMC,aAAa,GAAG;IACpB,GAAGV,MAAM,CAACW,KAAK;IACfC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEnB,KAAK,GAAGJ,UAAU,GAAGD;IAAY,CAAC,CAAC;IAC7DiB,kBAAkB,EAAE,WAAW;IAC/BC,kBAAkB,EAAE,GAAGtB,MAAM,CAACuB,IAAI,IAAI;IACtCC,wBAAwB,EAAE;EAC5B,CAAsB;EAEtB,oBACEjB,IAAA,CAACT,SAAS;IACR+B,OAAO,EAAEA,CAAA,KAAM,CAAClB,QAAQ,IAAID,QAAQ,CAAC,CAACD,KAAK,CAAE;IAC7CE,QAAQ,EAAEA,QAAS;IACnBmB,OAAO,EAAE,CAAE;IACXC,KAAK,EAAEpB,QAAQ,GAAGI,MAAM,CAACiB,iBAAiB,GAAGjB,MAAM,CAACkB,gBAAiB;IACrEC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,OAAO,EAAE3B,KAAK;MAAEE,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IAC7DC,kBAAkB,EAAEA,kBAAmB;IACvCC,MAAM,EAAEA,MAAO;IAAAwB,QAAA,eAEf9B,IAAA,CAACR,IAAI;MAACgC,KAAK,EAAEf,aAAc;MAAAqB,QAAA,eACzB9B,IAAA,CAACR,IAAI;QAACgC,KAAK,EAAEN;MAAc,CAAE;IAAC,CAC1B;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","Pressable","View","motion","useColors","usePrefersReducedMotion","useThemedStyles","createLogger","childTestID","A11Y_HIDDEN_PROPS","normalizeNonBlankText","makeStyles","THUMB_OFF_X","THUMB_ON_X","jsx","_jsx","log","Switch","value","onChange","disabled","accessibilityLabel","testID","c","styles","reducedMotion","accessibleName","hasBlankLabel","undefined","isDisabled","warn","trackWebStyle","track","backgroundColor","primary","surfaceContainerHighest","transitionProperty","transitionDuration","base","transitionTimingFunction","thumbWebStyle","thumb","transform","translateX","accessible","onPress","style","pressable","pressableDisabled","accessibilityRole","accessibilityState","checked","children","visualFrame"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/Switch.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,cAAc;AACnC,SACEC,MAAM,EACNC,SAAS,EACTC,uBAAuB,EACvBC,eAAe,QACV,yBAAgB;AACvB,SAASC,YAAY,QAAQ,gCAAuB;AACpD,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,iBAAiB,QAAQ,mBAAgB;AAClD,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,UAAU,EAAEC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/D,MAAMC,GAAG,GAAGT,YAAY,CAAC,QAAQ,CAAC;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,MAAMA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC;AACW,CAAC,EAAqB;EACjC,MAAMC,CAAC,GAAGnB,SAAS,CAAC,CAAC;EACrB,MAAMoB,MAAM,GAAGlB,eAAe,CAACK,UAAU,CAAC;EAC1C,MAAMc,aAAa,GAAGpB,uBAAuB,CAAC,CAAC;EAC/C,MAAMqB,cAAc,GAAGhB,qBAAqB,CAACW,kBAAkB,CAAC;EAChE,MAAMM,aAAa,GAAGD,cAAc,KAAKE,SAAS;EAClD,MAAMC,UAAU,GAAGT,QAAQ,KAAK,IAAI,IAAIO,aAAa;EAErD3B,SAAS,CAAC,MAAM;IACd,IAAI2B,aAAa,EAAE;MACjBX,GAAG,CAACc,IAAI,CAAC,gDAAgD,CAAC;IAC5D;EACF,CAAC,EAAE,CAACH,aAAa,CAAC,CAAC;;EAEnB;EACA;EACA,MAAMI,aAAa,GAAG;IACpB,GAAGP,MAAM,CAACQ,KAAK;IACfC,eAAe,EAAEf,KAAK,GAAGK,CAAC,CAACW,OAAO,GAAGX,CAAC,CAACY,uBAAuB;IAC9D,IAAIV,aAAa,GACb,CAAC,CAAC,GACF;MACE;MACAW,kBAAkB,EAAE,kBAAkB;MACtCC,kBAAkB,EAAE,GAAGlC,MAAM,CAACmC,IAAI,IAAI;MACtCC,wBAAwB,EAAE;IAC5B,CAAC;EACP,CAAsB;EACtB,MAAMC,aAAa,GAAG;IACpB,GAAGhB,MAAM,CAACiB,KAAK;IACfC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEzB,KAAK,GAAGL,UAAU,GAAGD;IAAY,CAAC,CAAC;IAC7D,IAAIa,aAAa,GACb,CAAC,CAAC,GACF;MACEW,kBAAkB,EAAE,WAAW;MAC/BC,kBAAkB,EAAE,GAAGlC,MAAM,CAACmC,IAAI,IAAI;MACtCC,wBAAwB,EAAE;IAC5B,CAAC;EACP,CAAsB;EAEtB,oBACExB,IAAA,CAACd,SAAS;IACR2C,UAAU,EAAE,CAACjB,aAAc;IAC3BkB,OAAO,EAAEhB,UAAU,GAAGD,SAAS,GAAG,MAAMT,QAAQ,CAAC,CAACD,KAAK,CAAE;IACzDE,QAAQ,EAAES,UAAW;IACrBiB,KAAK,EAAE,CAACtB,MAAM,CAACuB,SAAS,EAAElB,UAAU,IAAIL,MAAM,CAACwB,iBAAiB,CAAE;IAClEC,iBAAiB,EAAEtB,aAAa,GAAGC,SAAS,GAAG,QAAS;IACxDsB,kBAAkB,EAChBvB,aAAa,GAAGC,SAAS,GAAG;MAAEuB,OAAO,EAAEjC,KAAK;MAAEE,QAAQ,EAAES;IAAW,CACpE;IACDR,kBAAkB,EAAEK,cAAe;IACnCJ,MAAM,EAAEA,MAAO;IAAA8B,QAAA,eAEfrC,IAAA,CAACb,IAAI;MAAA,GACCO,iBAAiB;MACrBqC,KAAK,EAAEtB,MAAM,CAAC6B,WAAY;MAC1B/B,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,QAAQ,CAAE;MAAA8B,QAAA,eAEtCrC,IAAA,CAACb,IAAI;QAAC4C,KAAK,EAAEf,aAAc;QAACT,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,OAAO,CAAE;QAAA8B,QAAA,eAC/DrC,IAAA,CAACb,IAAI;UAAC4C,KAAK,EAAEN,aAAc;UAAClB,MAAM,EAAEd,WAAW,CAACc,MAAM,EAAE,OAAO;QAAE,CAAE;MAAC,CAChE;IAAC,CACH;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { r, radius } from "../../../theme/index.js";
+import { fixed, r, radius } from "../../../theme/index.js";
 /** 轨道宽 32 / 高 20、把手 16×16、轨道内边距 2 —— Unif 自有 Switch 物理尺寸。
  *  导出常量给 Switch.tsx interpolate translateX 复用(走 r() 保证多设备一致缩放)。 */
 export const TRACK_W = 32;
@@ -14,14 +14,21 @@ export const INSET = 2;
 export const THUMB_OFF_X = r(INSET);
 export const THUMB_ON_X = r(TRACK_W - INSET - THUMB);
 export const makeStyles = c => StyleSheet.create({
-  pressableEnabled: {
-    opacity: 1,
+  // 固定命中框不走 r()/fontScale:它是手指可达性约束,不是视觉 token。
+  pressable: {
+    width: fixed.hitTarget,
+    height: fixed.hitTarget,
+    alignItems: 'center',
+    justifyContent: 'center',
     // [L-37] alignSelf:'flex-start' 防止父容器拉伸把手区域(与 Chip [M-8] 同口径)
     alignSelf: 'flex-start'
   },
   pressableDisabled: {
-    opacity: 0.5,
-    alignSelf: 'flex-start'
+    opacity: 0.5
+  },
+  visualFrame: {
+    width: r(TRACK_W),
+    height: r(TRACK_H)
   },
   track: {
     width: r(TRACK_W),

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","r","radius","TRACK_W","TRACK_H","THUMB","INSET","THUMB_OFF_X","THUMB_ON_X","makeStyles","c","create","pressableEnabled","opacity","alignSelf","pressableDisabled","track","width","height","borderRadius","lg","justifyContent","thumb","pill","backgroundColor","onPrimary"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,CAAC,EAAEC,MAAM,QAAQ,yBAAgB;AAG1C;AACA;AACA,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,KAAK,GAAG,EAAE;AACvB,OAAO,MAAMC,KAAK,GAAG,CAAC;;AAEtB;AACA;AACA,OAAO,MAAMC,WAAW,GAAGN,CAAC,CAACK,KAAK,CAAC;AACnC,OAAO,MAAME,UAAU,GAAGP,CAAC,CAACE,OAAO,GAAGG,KAAK,GAAGD,KAAK,CAAC;AAEpD,OAAO,MAAMI,UAAU,GAAIC,CAAc,IACvCV,UAAU,CAACW,MAAM,CAAC;EAChBC,gBAAgB,EAAE;IAChBC,OAAO,EAAE,CAAC;IACV;IACAC,SAAS,EAAE;EACb,CAAC;EACDC,iBAAiB,EAAE;IACjBF,OAAO,EAAE,GAAG;IACZC,SAAS,EAAE;EACb,CAAC;EACDE,KAAK,EAAE;IACLC,KAAK,EAAEhB,CAAC,CAACE,OAAO,CAAC;IACjBe,MAAM,EAAEjB,CAAC,CAACG,OAAO,CAAC;IAClBe,YAAY,EAAEjB,MAAM,CAACkB,EAAE;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLL,KAAK,EAAEhB,CAAC,CAACI,KAAK,CAAC;IACfa,MAAM,EAAEjB,CAAC,CAACI,KAAK,CAAC;IAChB;IACAc,YAAY,EAAEjB,MAAM,CAACqB,IAAI;IACzBC,eAAe,EAAEd,CAAC,CAACe;EACrB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fixed","r","radius","TRACK_W","TRACK_H","THUMB","INSET","THUMB_OFF_X","THUMB_ON_X","makeStyles","c","create","pressable","width","hitTarget","height","alignItems","justifyContent","alignSelf","pressableDisabled","opacity","visualFrame","track","borderRadius","lg","thumb","pill","backgroundColor","onPrimary"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,EAAEC,CAAC,EAAEC,MAAM,QAAQ,yBAAgB;AAGjD;AACA;AACA,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,OAAO,GAAG,EAAE;AACzB,OAAO,MAAMC,KAAK,GAAG,EAAE;AACvB,OAAO,MAAMC,KAAK,GAAG,CAAC;;AAEtB;AACA;AACA,OAAO,MAAMC,WAAW,GAAGN,CAAC,CAACK,KAAK,CAAC;AACnC,OAAO,MAAME,UAAU,GAAGP,CAAC,CAACE,OAAO,GAAGG,KAAK,GAAGD,KAAK,CAAC;AAEpD,OAAO,MAAMI,UAAU,GAAIC,CAAc,IACvCX,UAAU,CAACY,MAAM,CAAC;EAChB;EACAC,SAAS,EAAE;IACTC,KAAK,EAAEb,KAAK,CAACc,SAAS;IACtBC,MAAM,EAAEf,KAAK,CAACc,SAAS;IACvBE,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,SAAS,EAAE;EACb,CAAC;EACDC,iBAAiB,EAAE;IACjBC,OAAO,EAAE;EACX,CAAC;EACDC,WAAW,EAAE;IACXR,KAAK,EAAEZ,CAAC,CAACE,OAAO,CAAC;IACjBY,MAAM,EAAEd,CAAC,CAACG,OAAO;EACnB,CAAC;EACDkB,KAAK,EAAE;IACLT,KAAK,EAAEZ,CAAC,CAACE,OAAO,CAAC;IACjBY,MAAM,EAAEd,CAAC,CAACG,OAAO,CAAC;IAClBmB,YAAY,EAAErB,MAAM,CAACsB,EAAE;IACvBP,cAAc,EAAE;EAClB,CAAC;EACDQ,KAAK,EAAE;IACLZ,KAAK,EAAEZ,CAAC,CAACI,KAAK,CAAC;IACfU,MAAM,EAAEd,CAAC,CAACI,KAAK,CAAC;IAChB;IACAkB,YAAY,EAAErB,MAAM,CAACwB,IAAI;IACzBC,eAAe,EAAEjB,CAAC,CAACkB;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { Text, View } from 'react-native';
-import { useColors } from "../../../theme/index.js";
+import { scaleFontMetric, useColors, useFontScale } from "../../../theme/index.js";
 import { paletteFor, sizingFor, styles } from "./styles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Tag({
@@ -13,6 +13,7 @@ export function Tag({
   testID
 }) {
   const c = useColors();
+  const fontScale = useFontScale();
   const palette = paletteFor(variant, c);
   const sizing = sizingFor(size);
   const dynamicStyle = {
@@ -24,7 +25,7 @@ export function Tag({
   };
   const dynamicTextStyle = {
     color: palette.fg,
-    fontSize: sizing.fs
+    fontSize: scaleFontMetric(sizing.fs, fontScale)
   };
   return /*#__PURE__*/_jsx(View, {
     style: [styles.base, dynamicStyle, style],

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

@@ -1 +1 @@
-{"version":3,"names":["Text","View","useColors","paletteFor","sizingFor","styles","jsx","_jsx","Tag","label","variant","size","style","numberOfLines","testID","c","palette","sizing","dynamicStyle","height","h","paddingHorizontal","px","backgroundColor","bg","borderColor","border","borderWidth","dynamicTextStyle","color","fg","fontSize","fs","base","children","text"],"sourceRoot":"../../../../../src","sources":["components/ui/Tag/Tag.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,yBAAgB;AAC1C,SAASC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,SAASC,GAAGA,CAAC;EAClBC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,aAAa,GAAG,CAAC;EACjBC;AACQ,CAAC,EAAE;EACX,MAAMC,CAAC,GAAGb,SAAS,CAAC,CAAC;EACrB,MAAMc,OAAO,GAAGb,UAAU,CAACO,OAAO,EAAEK,CAAC,CAAC;EACtC,MAAME,MAAM,GAAGb,SAAS,CAACO,IAAI,CAAC;EAE9B,MAAMO,YAAY,GAAG;IACnBC,MAAM,EAAEF,MAAM,CAACG,CAAC;IAChBC,iBAAiB,EAAEJ,MAAM,CAACK,EAAE;IAC5BC,eAAe,EAAEP,OAAO,CAACQ,EAAE;IAC3BC,WAAW,EAAET,OAAO,CAACU,MAAM,IAAI,aAAa;IAC5CC,WAAW,EAAEX,OAAO,CAACU,MAAM,GAAG,CAAC,GAAG;EACpC,CAAC;EACD,MAAME,gBAAgB,GAAG;IAAEC,KAAK,EAAEb,OAAO,CAACc,EAAE;IAAEC,QAAQ,EAAEd,MAAM,CAACe;EAAG,CAAC;EAEnE,oBACEzB,IAAA,CAACN,IAAI;IAACW,KAAK,EAAE,CAACP,MAAM,CAAC4B,IAAI,EAAEf,YAAY,EAAEN,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAoB,QAAA,eAC9D3B,IAAA,CAACP,IAAI;MACHY,KAAK,EAAE,CAACP,MAAM,CAAC8B,IAAI,EAAEP,gBAAgB,CAAE;MACvCf,aAAa,EAAEA,aAAc;MAAAqB,QAAA,EAE5BzB;IAAK,CACF;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["Text","View","scaleFontMetric","useColors","useFontScale","paletteFor","sizingFor","styles","jsx","_jsx","Tag","label","variant","size","style","numberOfLines","testID","c","fontScale","palette","sizing","dynamicStyle","height","h","paddingHorizontal","px","backgroundColor","bg","borderColor","border","borderWidth","dynamicTextStyle","color","fg","fontSize","fs","base","children","text"],"sourceRoot":"../../../../../src","sources":["components/ui/Tag/Tag.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,EAAEC,SAAS,EAAEC,YAAY,QAAQ,yBAAgB;AACzE,SAASC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,SAASC,GAAGA,CAAC;EAClBC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnBC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,aAAa,GAAG,CAAC;EACjBC;AACQ,CAAC,EAAE;EACX,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,SAAS,GAAGd,YAAY,CAAC,CAAC;EAChC,MAAMe,OAAO,GAAGd,UAAU,CAACO,OAAO,EAAEK,CAAC,CAAC;EACtC,MAAMG,MAAM,GAAGd,SAAS,CAACO,IAAI,CAAC;EAE9B,MAAMQ,YAAY,GAAG;IACnBC,MAAM,EAAEF,MAAM,CAACG,CAAC;IAChBC,iBAAiB,EAAEJ,MAAM,CAACK,EAAE;IAC5BC,eAAe,EAAEP,OAAO,CAACQ,EAAE;IAC3BC,WAAW,EAAET,OAAO,CAACU,MAAM,IAAI,aAAa;IAC5CC,WAAW,EAAEX,OAAO,CAACU,MAAM,GAAG,CAAC,GAAG;EACpC,CAAC;EACD,MAAME,gBAAgB,GAAG;IACvBC,KAAK,EAAEb,OAAO,CAACc,EAAE;IACjBC,QAAQ,EAAEhC,eAAe,CAACkB,MAAM,CAACe,EAAE,EAAEjB,SAAS;EAChD,CAAC;EAED,oBACET,IAAA,CAACR,IAAI;IAACa,KAAK,EAAE,CAACP,MAAM,CAAC6B,IAAI,EAAEf,YAAY,EAAEP,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAAqB,QAAA,eAC9D5B,IAAA,CAACT,IAAI;MACHc,KAAK,EAAE,CAACP,MAAM,CAAC+B,IAAI,EAAEP,gBAAgB,CAAE;MACvChB,aAAa,EAAEA,aAAc;MAAAsB,QAAA,EAE5B1B;IAAK,CACF;EAAC,CACH,CAAC;AAEX","ignoreList":[]}