@unif/react-native-design 0.4.33 → 0.4.35

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

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import Animated from 'react-native-reanimated';
-import { usePulse } from "./usePulse.js";
+import { usePulse } from './usePulse';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function Pulse({
   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,eAAY;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","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":[]}

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

@@ -3,7 +3,7 @@
 import React from 'react';
 import Animated from 'react-native-reanimated';
 import { useColors } from "../../../theme/index.js";
-import { usePulse } from "./usePulse.js";
+import { usePulse } from './usePulse';
 import { jsx as _jsx } from "react/jsx-runtime";
 export function PulseDot({
   size = 6,

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,eAAY;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","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":[]}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-export { usePulse } from "./usePulse.js";
+export { usePulse } from './usePulse';
 export { Pulse } from "./Pulse.js";
 export { PulseDot } from "./PulseDot.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["usePulse","Pulse","PulseDot"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY;AACrC,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,QAAQ,QAAQ,eAAY","ignoreList":[]}
+{"version":3,"names":["usePulse","Pulse","PulseDot"],"sourceRoot":"../../../../../src","sources":["components/ui/Pulse/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,KAAK,QAAQ,YAAS;AAC/B,SAASC,QAAQ,QAAQ,eAAY","ignoreList":[]}

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

@@ -0,0 +1,55 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+/**
+ * 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 切值)。
+ */
+export function usePulse({
+  from = 0.6,
+  to = 1,
+  duration = 700,
+  delay = 0
+} = {}) {
+  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);
+    };
+    raf = requestAnimationFrame(tick);
+    return () => {
+      cancelled = true;
+      if (raf != null) cancelAnimationFrame(raf);
+    };
+  }, [from, to, duration, delay]);
+  return {
+    opacity
+  };
+}
+//# sourceMappingURL=usePulse.web.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,79 @@
+"use strict";
+
+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 { 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),旋转停滞。
+// 该 .web.tsx 用纯 CSS @keyframes 替代,native 端仍走 Spinner.tsx 的 reanimated 实现,
+// 走 webpack `resolve.extensions = ['.web.tsx', ...]`,bundle 命中 .web 版本。
+const SPIN_KEYFRAMES_ID = 'unif-spinner-spin-keyframes';
+
+// tsconfig 不带 DOM lib(库本体是 RN),用 globalThis 兜底访问浏览器 API,
+// 类型用 any 通过 strict 检查(实际运行只在 web bundle 命中本文件,document 一定有)。
+
+const win = globalThis;
+function ensureKeyframes() {
+  if (typeof win.document === 'undefined') return;
+  if (win.document.getElementById(SPIN_KEYFRAMES_ID)) return;
+  const style = win.document.createElement('style');
+  style.id = SPIN_KEYFRAMES_ID;
+  // ⚠️ 安全:注入 <style> 的内容会被浏览器当 CSS 解析。本字符串必须保持「静态
+  // 硬编码」,严禁拼接任何外部 / 用户 / props 输入(size / color 等),否则 CSS
+  // 注入。每实例的尺寸 / 颜色 / 时长走 RN style + node.style.animation(见下),
+  // 不进 keyframes —— 本函数永远只注册这一条固定 0→360deg 规则。
+  style.textContent = '@keyframes unif-spinner-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }';
+  win.document.head.appendChild(style);
+}
+export function Spinner({
+  size = 18,
+  color,
+  thickness = 2,
+  style,
+  testID
+}) {
+  const c = useColors();
+  // ref 用 any —— RN View ref 在 web bundle 实际拿到 HTMLDivElement,
+  // RN 端拿到 View 实例,统一 any 兼容两端。
+
+  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;
+
+  // RN-Web 把 View 渲染成 div,我们用 ref 拿到底层 DOM 节点直接挂 CSS animation
+  // (RN style 不支持 animation 字段;只能事后注入)。
+  useEffect(() => {
+    ensureKeyframes();
+    const node = ref.current;
+    if (node && node.style) {
+      node.style.animation = 'unif-spinner-spin 900ms linear infinite';
+    }
+  }, []);
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    style: [{
+      width: safeSize,
+      height: safeSize,
+      borderRadius: safeSize / 2,
+      borderWidth: safeThickness,
+      borderColor: c.outline,
+      borderTopColor: stroke
+    }, style],
+    testID: testID,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants"
+  });
+}
+//# sourceMappingURL=Spinner.web.js.map

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

@@ -0,0 +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":[]}

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

@@ -1,4 +1,4 @@
 "use strict";
 
-export { Spinner } from "./Spinner.js";
+export { Spinner } from './Spinner';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Spinner"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,cAAW","ignoreList":[]}
+{"version":3,"names":["Spinner"],"sourceRoot":"../../../../../src","sources":["components/ui/Spinner/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+"use strict";
+
+import React from 'react';
+import { Pressable } from 'react-native-gesture-handler';
+import { View } from 'react-native';
+import { motion, r, useColors, useThemedStyles } from "../../../theme/index.js";
+import { INSET, makeStyles, THUMB, TRACK_W } from "./styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+// ─── 动画派生常量(组件私有,非 style)─────────────────────────────────────
+// 把手 translateX 的 off / on 端点:左右各留 INSET 间距,
+// off = INSET(2),on = trackW - INSET - thumbW(32-2-16=14)。
+const THUMB_OFF_X = r(INSET);
+const THUMB_ON_X = r(TRACK_W - INSET - THUMB);
+
+/**
+ * Web 端 Switch —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会抛 `Object.keys(undefined)` TypeError(切换时打印,thumb 卡住),走 CSS
+ * transition 实现 backgroundColor + translateX,native 端仍走 Switch.tsx
+ * 的 reanimated 实现。
+ *
+ * 实现:track / thumb 仍是 RN View(尺寸 / 圆角走 RN style),把 web-only
+ * backgroundColor transition 通过 `style` 行内 CSS prop 注入(RN-Web 把
+ * style 数组合并到 element 的 inline style,我们补 `transition` 字段)。
+ */
+export function Switch({
+  value,
+  onChange,
+  disabled,
+  accessibilityLabel,
+  testID
+}) {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+
+  // 给 RN style 数组追加 web-only 字段: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'
+  };
+  const thumbWebStyle = {
+    ...styles.thumb,
+    transform: [{
+      translateX: value ? THUMB_ON_X : THUMB_OFF_X
+    }],
+    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: {
+      checked: value,
+      disabled: !!disabled
+    },
+    accessibilityLabel: accessibilityLabel,
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      style: trackWebStyle,
+      children: /*#__PURE__*/_jsx(View, {
+        style: thumbWebStyle
+      })
+    })
+  });
+}
+//# sourceMappingURL=Switch.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","View","motion","r","useColors","useThemedStyles","INSET","makeStyles","THUMB","TRACK_W","jsx","_jsx","THUMB_OFF_X","THUMB_ON_X","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,CAAC,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AACtE,SAASC,KAAK,EAAEC,UAAU,EAAEC,KAAK,EAAEC,OAAO,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7D;AACA;AACA;AACA,MAAMC,WAAW,GAAGT,CAAC,CAACG,KAAK,CAAC;AAC5B,MAAMO,UAAU,GAAGV,CAAC,CAACM,OAAO,GAAGH,KAAK,GAAGE,KAAK,CAAC;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,MAAMA,CAAC;EACrBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,kBAAkB;EAClBC;AACW,CAAC,EAAqB;EACjC,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,MAAMiB,MAAM,GAAGhB,eAAe,CAACE,UAAU,CAAC;;EAE1C;EACA,MAAMe,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,GAAG1B,MAAM,CAAC2B,IAAI,IAAI;IACtCC,wBAAwB,EAAE;EAC5B,CAAsB;EACtB,MAAMC,aAAa,GAAG;IACpB,GAAGV,MAAM,CAACW,KAAK;IACfC,SAAS,EAAE,CAAC;MAAEC,UAAU,EAAEnB,KAAK,GAAGF,UAAU,GAAGD;IAAY,CAAC,CAAC;IAC7De,kBAAkB,EAAE,WAAW;IAC/BC,kBAAkB,EAAE,GAAG1B,MAAM,CAAC2B,IAAI,IAAI;IACtCC,wBAAwB,EAAE;EAC5B,CAAsB;EAEtB,oBACEnB,IAAA,CAACX,SAAS;IACRmC,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,eAEfhC,IAAA,CAACV,IAAI;MAACoC,KAAK,EAAEf,aAAc;MAAAqB,QAAA,eACzBhC,IAAA,CAACV,IAAI;QAACoC,KAAK,EAAEN;MAAc,CAAE;IAAC,CAC1B;EAAC,CACE,CAAC;AAEhB","ignoreList":[]}

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

@@ -1,4 +1,4 @@
 "use strict";
 
-export { Switch } from "./Switch.js";
+export { Switch } from './Switch';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Switch"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}
+{"version":3,"names":["Switch"],"sourceRoot":"../../../../../src","sources":["components/ui/Switch/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/components/ui/Toast/ToastHost.web.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { Text, View } from 'react-native';
+import { useColors, useThemedStyles, motion } from "../../../theme/index.js";
+import { dotColorFor, makeStyles } from "./styles.js";
+import { _subs } from "./toast.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Web 端 ToastHost —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会在 _updatePropsJS 里 Object.keys 抛 TypeError(点击就崩),走纯 React + CSS
+ * transition 实现 fade + slide,native 端仍走 ToastHost.tsx 的 reanimated 实现。
+ *
+ * 行为复刻 native 版:
+ * - opacity 0→1 + translateY 8→0 入场(motion.base ms)
+ * - 停留 entry.duration ms
+ * - opacity 1→0 + translateY 0→8 退场后 unmount
+ */
+export function ToastHost({
+  testID
+} = {}) {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+  const [entry, setEntry] = useState(null);
+  const [visible, setVisible] = useState(false);
+  const dismissTimerRef = useRef(null);
+  const exitTimerRef = useRef(null);
+  const enterRafRef = useRef(null);
+  useEffect(() => {
+    const sub = next => {
+      setEntry(next);
+    };
+    _subs.add(sub);
+    return () => {
+      _subs.delete(sub);
+    };
+  }, []);
+  useEffect(() => {
+    // entry=null:上一轮 effect 的 cleanup 已清 timer/RAF,这里无需重复。
+    if (!entry) return;
+
+    // cancelled 标志:entry 快速连续切换 / 组件卸载时,cleanup 置 true。RAF 与
+    // timer 回调执行前都检查它 —— cancelAnimationFrame 在部分浏览器不保证取消
+    // 已排队回调,且双 RAF 的外层回调可能在 cleanup 后仍跑并 queue 内层,光靠
+    // cancel 防不住。cancelled 兜底,杜绝 unmount 后 setState 警告 + 状态错位。
+    let cancelled = false;
+    // 进场:每次 entry 切换都从 visible=false 开始,确保 CSS transition 有起点
+    setVisible(false);
+    // 双 RAF 才能稳过 React commit/paint 一帧 —— 否则同一 microtask 内 visible
+    // 还是 true(未刷),CSS transition 没起点。
+    enterRafRef.current = requestAnimationFrame(() => {
+      if (cancelled) return;
+      enterRafRef.current = requestAnimationFrame(() => {
+        if (cancelled) return;
+        setVisible(true);
+      });
+    });
+    // 停留时长:从 setEntry 到关闭 = entry.duration ms。
+    dismissTimerRef.current = setTimeout(() => {
+      if (cancelled) return;
+      setVisible(false);
+      exitTimerRef.current = setTimeout(() => {
+        if (cancelled) return;
+        setEntry(null);
+      }, motion.base);
+    }, entry.duration);
+    return () => {
+      cancelled = true;
+      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);
+      if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
+      if (enterRafRef.current != null) cancelAnimationFrame(enterRafRef.current);
+    };
+  }, [entry]);
+  if (!entry) return null;
+  const dotColor = dotColorFor(entry.kind, c);
+  const animatedWebStyle = {
+    opacity: visible ? 1 : 0,
+    transform: visible ? 'translateY(0px)' : 'translateY(8px)',
+    transition: `opacity ${motion.base}ms ease-out, transform ${motion.base}ms ease-out`
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.host,
+    pointerEvents: "none",
+    testID: testID,
+    children: /*#__PURE__*/_jsx("div", {
+      style: animatedWebStyle,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.toast,
+        children: [dotColor ? /*#__PURE__*/_jsx(View, {
+          style: [styles.dot, {
+            backgroundColor: dotColor
+          }]
+        }) : null, /*#__PURE__*/_jsx(Text, {
+          style: styles.text,
+          testID: testID ? `${testID}-text` : undefined,
+          children: entry.message
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=ToastHost.web.js.map

package/lib/module/components/ui/Toast/ToastHost.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useRef","useState","Text","View","useColors","useThemedStyles","motion","dotColorFor","makeStyles","_subs","jsx","_jsx","jsxs","_jsxs","ToastHost","testID","c","styles","entry","setEntry","visible","setVisible","dismissTimerRef","exitTimerRef","enterRafRef","sub","next","add","delete","cancelled","current","requestAnimationFrame","setTimeout","base","duration","clearTimeout","cancelAnimationFrame","dotColor","kind","animatedWebStyle","opacity","transform","transition","style","host","pointerEvents","children","toast","dot","backgroundColor","text","undefined","message"],"sourceRoot":"../../../../../src","sources":["components/ui/Toast/ToastHost.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/ui/Toast/index.js

@@ -1,5 +1,5 @@
 "use strict";
 
 export { toast } from "./toast.js";
-export { ToastHost } from "./ToastHost.js";
+export { ToastHost } from './ToastHost';
 //# sourceMappingURL=index.js.map

package/lib/module/components/ui/Toast/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["toast","ToastHost"],"sourceRoot":"../../../../../src","sources":["components/ui/Toast/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAS;AAC/B,SAASC,SAAS,QAAQ,gBAAa","ignoreList":[]}
+{"version":3,"names":["toast","ToastHost"],"sourceRoot":"../../../../../src","sources":["components/ui/Toast/index.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,YAAS;AAC/B,SAASC,SAAS,QAAQ,aAAa","ignoreList":[]}

package/lib/typescript/src/components/ui/Pulse/usePulse.web.d.ts

@@ -0,0 +1,17 @@
+import type { PulseOptions } from './types';
+/**
+ * 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 切值)。
+ */
+export declare function usePulse({ from, to, duration, delay, }?: PulseOptions): {
+    opacity: number;
+};
+//# sourceMappingURL=usePulse.web.d.ts.map

package/lib/typescript/src/components/ui/Pulse/usePulse.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePulse.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Pulse/usePulse.web.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAU,EACV,EAAM,EACN,QAAc,EACd,KAAS,GACV,GAAE,YAAiB,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAoCzC"}

package/lib/typescript/src/components/ui/Spinner/Spinner.web.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpinnerProps } from './types';
+export declare function Spinner({ size, color, thickness, style, testID, }: SpinnerProps): React.JSX.Element;
+//# sourceMappingURL=Spinner.web.d.ts.map

package/lib/typescript/src/components/ui/Spinner/Spinner.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Spinner/Spinner.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA8B5C,wBAAgB,OAAO,CAAC,EACtB,IAAS,EACT,KAAK,EACL,SAAa,EACb,KAAK,EACL,MAAM,GACP,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8ClC"}

package/lib/typescript/src/components/ui/Switch/Switch.web.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { SwitchProps } from './types';
+/**
+ * Web 端 Switch —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会抛 `Object.keys(undefined)` TypeError(切换时打印,thumb 卡住),走 CSS
+ * transition 实现 backgroundColor + translateX,native 端仍走 Switch.tsx
+ * 的 reanimated 实现。
+ *
+ * 实现:track / thumb 仍是 RN View(尺寸 / 圆角走 RN style),把 web-only
+ * backgroundColor transition 通过 `style` 行内 CSS prop 注入(RN-Web 把
+ * style 数组合并到 element 的 inline style,我们补 `transition` 字段)。
+ */
+export declare function Switch({ value, onChange, disabled, accessibilityLabel, testID, }: SwitchProps): React.JSX.Element;
+//# sourceMappingURL=Switch.web.d.ts.map

package/lib/typescript/src/components/ui/Switch/Switch.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Switch/Switch.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;;;;;;;GASG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,MAAM,GACP,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqCjC"}

package/lib/typescript/src/components/ui/Toast/ToastHost.web.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ToastHostProps } from './types';
+/**
+ * Web 端 ToastHost —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会在 _updatePropsJS 里 Object.keys 抛 TypeError(点击就崩),走纯 React + CSS
+ * transition 实现 fade + slide,native 端仍走 ToastHost.tsx 的 reanimated 实现。
+ *
+ * 行为复刻 native 版:
+ * - opacity 0→1 + translateY 8→0 入场(motion.base ms)
+ * - 停留 entry.duration ms
+ * - opacity 1→0 + translateY 0→8 退场后 unmount
+ */
+export declare function ToastHost({ testID, }?: ToastHostProps): React.JSX.Element | null;
+//# sourceMappingURL=ToastHost.web.d.ts.map

package/lib/typescript/src/components/ui/Toast/ToastHost.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastHost.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Toast/ToastHost.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,OAAO,KAAK,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAC;AAEtE;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CAAC,EACxB,MAAM,GACP,GAAE,cAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoFhD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.4.33",
+  "version": "0.4.35",
   "description": "Unif 设计系统:theme + icons + utils + components",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -151,8 +151,9 @@
   },
   "release-it": {
     "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
+      "commitMessage": "chore: release ${version} [skip ci]",
+      "tagName": "v${version}",
+      "requireCommits": true
     },
     "npm": {
       "publish": true,

package/src/components/ui/Pulse/usePulse.web.ts

@@ -0,0 +1,57 @@
+import { useEffect, useState } from 'react';
+import type { PulseOptions } from './types';
+
+/**
+ * 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 切值)。
+ */
+export function usePulse({
+  from = 0.6,
+  to = 1,
+  duration = 700,
+  delay = 0,
+}: PulseOptions = {}): { opacity: number } {
+  const [opacity, setOpacity] = useState(from);
+
+  useEffect(() => {
+    let cancelled = false;
+    let direction: 'up' | 'down' = 'up';
+    let start = Date.now() + delay;
+    let raf: number | null = 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);
+    };
+    raf = requestAnimationFrame(tick);
+
+    return () => {
+      cancelled = true;
+      if (raf != null) cancelAnimationFrame(raf);
+    };
+  }, [from, to, duration, delay]);
+
+  return { opacity };
+}

package/src/components/ui/Spinner/Spinner.web.tsx

@@ -0,0 +1,87 @@
+import React, { useEffect, useRef } from 'react';
+import { View } from 'react-native';
+import { useColors } from '../../../theme';
+import { createLogger } from '../../../utils/logger';
+import type { SpinnerProps } from './types';
+
+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),旋转停滞。
+// 该 .web.tsx 用纯 CSS @keyframes 替代,native 端仍走 Spinner.tsx 的 reanimated 实现,
+// 走 webpack `resolve.extensions = ['.web.tsx', ...]`,bundle 命中 .web 版本。
+const SPIN_KEYFRAMES_ID = 'unif-spinner-spin-keyframes';
+
+// tsconfig 不带 DOM lib(库本体是 RN),用 globalThis 兜底访问浏览器 API,
+// 类型用 any 通过 strict 检查(实际运行只在 web bundle 命中本文件,document 一定有)。
+
+const win: any = globalThis as any;
+
+function ensureKeyframes() {
+  if (typeof win.document === 'undefined') return;
+  if (win.document.getElementById(SPIN_KEYFRAMES_ID)) return;
+  const style = win.document.createElement('style');
+  style.id = SPIN_KEYFRAMES_ID;
+  // ⚠️ 安全:注入 <style> 的内容会被浏览器当 CSS 解析。本字符串必须保持「静态
+  // 硬编码」,严禁拼接任何外部 / 用户 / props 输入(size / color 等),否则 CSS
+  // 注入。每实例的尺寸 / 颜色 / 时长走 RN style + node.style.animation(见下),
+  // 不进 keyframes —— 本函数永远只注册这一条固定 0→360deg 规则。
+  style.textContent =
+    '@keyframes unif-spinner-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }';
+  win.document.head.appendChild(style);
+}
+
+export function Spinner({
+  size = 18,
+  color,
+  thickness = 2,
+  style,
+  testID,
+}: SpinnerProps): React.JSX.Element {
+  const c = useColors();
+  // ref 用 any —— RN View ref 在 web bundle 实际拿到 HTMLDivElement,
+  // RN 端拿到 View 实例,统一 any 兼容两端。
+
+  const ref = useRef<any>(null);
+  const stroke = color ?? c.primary;
+  if (!Number.isFinite(size) || (size as number) < 8) {
+    log.warn(`size 应为 ≥8 的有限数，传入 ${size}，已钳到 8`);
+  }
+  if (Number.isFinite(thickness) && (thickness as number) <= 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;
+
+  // RN-Web 把 View 渲染成 div,我们用 ref 拿到底层 DOM 节点直接挂 CSS animation
+  // (RN style 不支持 animation 字段;只能事后注入)。
+  useEffect(() => {
+    ensureKeyframes();
+    const node = ref.current;
+    if (node && node.style) {
+      node.style.animation = 'unif-spinner-spin 900ms linear infinite';
+    }
+  }, []);
+
+  return (
+    <View
+      ref={ref}
+      style={[
+        {
+          width: safeSize,
+          height: safeSize,
+          borderRadius: safeSize / 2,
+          borderWidth: safeThickness,
+          borderColor: c.outline,
+          borderTopColor: stroke,
+        },
+        style,
+      ]}
+      testID={testID}
+      accessibilityElementsHidden
+      importantForAccessibility="no-hide-descendants"
+    />
+  );
+}

package/src/components/ui/Switch/Switch.web.tsx

@@ -0,0 +1,67 @@
+import React from 'react';
+import { Pressable } from 'react-native-gesture-handler';
+import { View } from 'react-native';
+import { motion, r, useColors, useThemedStyles } from '../../../theme';
+import { INSET, makeStyles, THUMB, TRACK_W } from './styles';
+import type { SwitchProps } from './types';
+
+// ─── 动画派生常量(组件私有,非 style)─────────────────────────────────────
+// 把手 translateX 的 off / on 端点:左右各留 INSET 间距,
+// off = INSET(2),on = trackW - INSET - thumbW(32-2-16=14)。
+const THUMB_OFF_X = r(INSET);
+const THUMB_ON_X = r(TRACK_W - INSET - THUMB);
+
+/**
+ * Web 端 Switch —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会抛 `Object.keys(undefined)` TypeError(切换时打印,thumb 卡住),走 CSS
+ * transition 实现 backgroundColor + translateX,native 端仍走 Switch.tsx
+ * 的 reanimated 实现。
+ *
+ * 实现:track / thumb 仍是 RN View(尺寸 / 圆角走 RN style),把 web-only
+ * backgroundColor transition 通过 `style` 行内 CSS prop 注入(RN-Web 把
+ * style 数组合并到 element 的 inline style,我们补 `transition` 字段)。
+ */
+export function Switch({
+  value,
+  onChange,
+  disabled,
+  accessibilityLabel,
+  testID,
+}: SwitchProps): React.JSX.Element {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+
+  // 给 RN style 数组追加 web-only 字段: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',
+  } as unknown as object;
+  const thumbWebStyle = {
+    ...styles.thumb,
+    transform: [{ translateX: value ? THUMB_ON_X : THUMB_OFF_X }],
+    transitionProperty: 'transform',
+    transitionDuration: `${motion.base}ms`,
+    transitionTimingFunction: 'ease-out',
+  } as unknown as object;
+
+  return (
+    <Pressable
+      onPress={() => !disabled && onChange(!value)}
+      disabled={disabled}
+      hitSlop={6}
+      style={disabled ? styles.pressableDisabled : styles.pressableEnabled}
+      accessibilityRole="switch"
+      accessibilityState={{ checked: value, disabled: !!disabled }}
+      accessibilityLabel={accessibilityLabel}
+      testID={testID}
+    >
+      <View style={trackWebStyle}>
+        <View style={thumbWebStyle} />
+      </View>
+    </Pressable>
+  );
+}

package/src/components/ui/Toast/ToastHost.web.tsx

@@ -0,0 +1,104 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { Text, View } from 'react-native';
+import { useColors, useThemedStyles, motion } from '../../../theme';
+import { dotColorFor, makeStyles } from './styles';
+import { _subs } from './toast';
+import type { Subscriber, ToastEntry, ToastHostProps } from './types';
+
+/**
+ * Web 端 ToastHost —— RN-Web 上 reanimated 4 + worklets 0.9.x 的 useAnimatedStyle
+ * 链路会在 _updatePropsJS 里 Object.keys 抛 TypeError(点击就崩),走纯 React + CSS
+ * transition 实现 fade + slide,native 端仍走 ToastHost.tsx 的 reanimated 实现。
+ *
+ * 行为复刻 native 版:
+ * - opacity 0→1 + translateY 8→0 入场(motion.base ms)
+ * - 停留 entry.duration ms
+ * - opacity 1→0 + translateY 0→8 退场后 unmount
+ */
+export function ToastHost({
+  testID,
+}: ToastHostProps = {}): React.JSX.Element | null {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+  const [entry, setEntry] = useState<ToastEntry | null>(null);
+  const [visible, setVisible] = useState(false);
+  const dismissTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const exitTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const enterRafRef = useRef<number | null>(null);
+
+  useEffect(() => {
+    const sub: Subscriber = (next) => {
+      setEntry(next);
+    };
+    _subs.add(sub);
+    return () => {
+      _subs.delete(sub);
+    };
+  }, []);
+
+  useEffect(() => {
+    // entry=null:上一轮 effect 的 cleanup 已清 timer/RAF,这里无需重复。
+    if (!entry) return;
+
+    // cancelled 标志:entry 快速连续切换 / 组件卸载时,cleanup 置 true。RAF 与
+    // timer 回调执行前都检查它 —— cancelAnimationFrame 在部分浏览器不保证取消
+    // 已排队回调,且双 RAF 的外层回调可能在 cleanup 后仍跑并 queue 内层,光靠
+    // cancel 防不住。cancelled 兜底,杜绝 unmount 后 setState 警告 + 状态错位。
+    let cancelled = false;
+    // 进场:每次 entry 切换都从 visible=false 开始,确保 CSS transition 有起点
+    setVisible(false);
+    // 双 RAF 才能稳过 React commit/paint 一帧 —— 否则同一 microtask 内 visible
+    // 还是 true(未刷),CSS transition 没起点。
+    enterRafRef.current = requestAnimationFrame(() => {
+      if (cancelled) return;
+      enterRafRef.current = requestAnimationFrame(() => {
+        if (cancelled) return;
+        setVisible(true);
+      });
+    });
+    // 停留时长:从 setEntry 到关闭 = entry.duration ms。
+    dismissTimerRef.current = setTimeout(() => {
+      if (cancelled) return;
+      setVisible(false);
+      exitTimerRef.current = setTimeout(() => {
+        if (cancelled) return;
+        setEntry(null);
+      }, motion.base);
+    }, entry.duration);
+
+    return () => {
+      cancelled = true;
+      if (dismissTimerRef.current) clearTimeout(dismissTimerRef.current);
+      if (exitTimerRef.current) clearTimeout(exitTimerRef.current);
+      if (enterRafRef.current != null)
+        cancelAnimationFrame(enterRafRef.current);
+    };
+  }, [entry]);
+
+  if (!entry) return null;
+
+  const dotColor = dotColorFor(entry.kind, c);
+  const animatedWebStyle: React.CSSProperties = {
+    opacity: visible ? 1 : 0,
+    transform: visible ? 'translateY(0px)' : 'translateY(8px)',
+    transition: `opacity ${motion.base}ms ease-out, transform ${motion.base}ms ease-out`,
+  };
+
+  return (
+    <View style={styles.host} pointerEvents="none" testID={testID}>
+      <div style={animatedWebStyle}>
+        <View style={styles.toast}>
+          {dotColor ? (
+            <View style={[styles.dot, { backgroundColor: dotColor }]} />
+          ) : null}
+          <Text
+            style={styles.text}
+            testID={testID ? `${testID}-text` : undefined}
+          >
+            {entry.message}
+          </Text>
+        </View>
+      </div>
+    </View>
+  );
+}