@unif/react-native-design 0.8.2 → 0.10.0

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

@@ -1,7 +1,11 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { fw, icon, rf, space, type as t } from "../../../theme/index.js";
+import { avatar, fw, rf, space, type as t } from "../../../theme/index.js";
+
+// 头像盒用 avatar.xl(56pt)而非 icon['2xl'] —— 两者数值相同但语义不同:
+// icon.* 是图标容器阶梯,avatar.* 是头像容器阶梯。此处是用户头像,按语义选 avatar。
+const AVATAR_SIZE = avatar.xl;
 export const makeStyles = c => StyleSheet.create({
   header: {
     backgroundColor: c.primary,
@@ -11,9 +15,9 @@ export const makeStyles = c => StyleSheet.create({
     gap: space[3]
   },
   avatar: {
-    width: icon['2xl'],
-    height: icon['2xl'],
-    borderRadius: icon['2xl'] / 2,
+    width: AVATAR_SIZE,
+    height: AVATAR_SIZE,
+    borderRadius: AVATAR_SIZE / 2,
     backgroundColor: c.primaryPressed,
     alignItems: 'center',
     justifyContent: 'center'
@@ -22,8 +26,8 @@ export const makeStyles = c => StyleSheet.create({
     overflow: 'hidden'
   },
   avatarImage: {
-    width: icon['2xl'],
-    height: icon['2xl']
+    width: AVATAR_SIZE,
+    height: AVATAR_SIZE
   },
   avatarText: {
     color: c.onPrimary,

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","icon","rf","space","type","t","makeStyles","c","create","header","backgroundColor","primary","paddingHorizontal","paddingTop","paddingBottom","gap","avatar","width","height","borderRadius","primaryPressed","alignItems","justifyContent","avatarImageMode","overflow","avatarImage","avatarText","color","onPrimary","fontWeight","bold","fontSize","name","h2","semi","marginTop","subtitle","onPrimaryMuted","xxs"],"sourceRoot":"../../../../../src","sources":["components/ui/DrawerHeader/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,EAAE,EAAEC,IAAI,EAAEC,EAAE,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAE/D,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,MAAM,EAAE;IACNC,eAAe,EAAEH,CAAC,CAACI,OAAO;IAC1BC,iBAAiB,EAAET,KAAK,CAAC,CAAC,CAAC;IAC3BU,UAAU,EAAEV,KAAK,CAAC,EAAE,CAAC;IACrBW,aAAa,EAAEX,KAAK,CAAC,CAAC,CAAC;IACvBY,GAAG,EAAEZ,KAAK,CAAC,CAAC;EACd,CAAC;EACDa,MAAM,EAAE;IACNC,KAAK,EAAEhB,IAAI,CAAC,KAAK,CAAC;IAClBiB,MAAM,EAAEjB,IAAI,CAAC,KAAK,CAAC;IACnBkB,YAAY,EAAElB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7BS,eAAe,EAAEH,CAAC,CAACa,cAAc;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXR,KAAK,EAAEhB,IAAI,CAAC,KAAK,CAAC;IAClBiB,MAAM,EAAEjB,IAAI,CAAC,KAAK;EACpB,CAAC;EACDyB,UAAU,EAAE;IACVC,KAAK,EAAEpB,CAAC,CAACqB,SAAS;IAClBC,UAAU,EAAE7B,EAAE,CAAC8B,IAAI;IACnBC,QAAQ,EAAE7B,EAAE,CAAC,EAAE;EACjB,CAAC;EACD8B,IAAI,EAAE;IACJL,KAAK,EAAEpB,CAAC,CAACqB,SAAS;IAClBG,QAAQ,EAAE1B,CAAC,CAAC4B,EAAE;IACdJ,UAAU,EAAE7B,EAAE,CAACkC,IAAI;IACnBC,SAAS,EAAEhC,KAAK,CAAC,CAAC;EACpB,CAAC;EACDiC,QAAQ,EAAE;IACRT,KAAK,EAAEpB,CAAC,CAAC8B,cAAc;IACvBN,QAAQ,EAAE1B,CAAC,CAACiC;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","avatar","fw","rf","space","type","t","AVATAR_SIZE","xl","makeStyles","c","create","header","backgroundColor","primary","paddingHorizontal","paddingTop","paddingBottom","gap","width","height","borderRadius","primaryPressed","alignItems","justifyContent","avatarImageMode","overflow","avatarImage","avatarText","color","onPrimary","fontWeight","bold","fontSize","name","h2","semi","marginTop","subtitle","onPrimaryMuted","xxs"],"sourceRoot":"../../../../../src","sources":["components/ui/DrawerHeader/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,MAAM,EAAEC,EAAE,EAAEC,EAAE,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;;AAEjE;AACA;AACA,MAAMC,WAAW,GAAGN,MAAM,CAACO,EAAE;AAE7B,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCV,UAAU,CAACW,MAAM,CAAC;EAChBC,MAAM,EAAE;IACNC,eAAe,EAAEH,CAAC,CAACI,OAAO;IAC1BC,iBAAiB,EAAEX,KAAK,CAAC,CAAC,CAAC;IAC3BY,UAAU,EAAEZ,KAAK,CAAC,EAAE,CAAC;IACrBa,aAAa,EAAEb,KAAK,CAAC,CAAC,CAAC;IACvBc,GAAG,EAAEd,KAAK,CAAC,CAAC;EACd,CAAC;EACDH,MAAM,EAAE;IACNkB,KAAK,EAAEZ,WAAW;IAClBa,MAAM,EAAEb,WAAW;IACnBc,YAAY,EAAEd,WAAW,GAAG,CAAC;IAC7BM,eAAe,EAAEH,CAAC,CAACY,cAAc;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,eAAe,EAAE;IACfC,QAAQ,EAAE;EACZ,CAAC;EACDC,WAAW,EAAE;IACXR,KAAK,EAAEZ,WAAW;IAClBa,MAAM,EAAEb;EACV,CAAC;EACDqB,UAAU,EAAE;IACVC,KAAK,EAAEnB,CAAC,CAACoB,SAAS;IAClBC,UAAU,EAAE7B,EAAE,CAAC8B,IAAI;IACnBC,QAAQ,EAAE9B,EAAE,CAAC,EAAE;EACjB,CAAC;EACD+B,IAAI,EAAE;IACJL,KAAK,EAAEnB,CAAC,CAACoB,SAAS;IAClBG,QAAQ,EAAE3B,CAAC,CAAC6B,EAAE;IACdJ,UAAU,EAAE7B,EAAE,CAACkC,IAAI;IACnBC,SAAS,EAAEjC,KAAK,CAAC,CAAC;EACpB,CAAC;EACDkC,QAAQ,EAAE;IACRT,KAAK,EAAEnB,CAAC,CAAC6B,cAAc;IACvBN,QAAQ,EAAE3B,CAAC,CAACkC;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -2,30 +2,31 @@
 
 import React from 'react';
 import { Text, View } from 'react-native';
-import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { r, useColors, useThemedStyles } from "../../../theme/index.js";
 import { Icon } from "../Icon/index.js";
 import { makeStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
- * 空态 / 占位组件 —— `primary-0` 圆盘上的 icon 插画 + 标题 + 描述。
+ * 空态 / 占位组件 —— `primaryContainer` 圆盘上的 icon 插画 + 标题 + 描述。
  * icon 默认 `'spark'`(通用空态);相机 / 出错 / 权限场景应显式传强语义 icon。
  */
 export function Empty({
   title,
   desc,
   icon = 'spark',
+  style,
   testID
 }) {
   const c = useColors();
   const styles = useThemedStyles(makeStyles);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.wrap,
+    style: [styles.wrap, style],
     testID: testID,
     children: [/*#__PURE__*/_jsx(View, {
       style: styles.illust,
       children: /*#__PURE__*/_jsx(Icon, {
         name: icon,
-        size: 28,
+        size: r(28),
         color: c.primary
       })
     }), /*#__PURE__*/_jsx(Text, {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","useColors","useThemedStyles","Icon","makeStyles","jsx","_jsx","jsxs","_jsxs","Empty","title","desc","icon","testID","c","styles","style","wrap","children","illust","name","size","color","primary"],"sourceRoot":"../../../../../src","sources":["components/ui/Empty/Empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAC;EACpBC,KAAK;EACLC,IAAI;EACJC,IAAI,GAAG,OAAO;EACdC;AACU,CAAC,EAAqB;EAChC,MAAMC,CAAC,GAAGb,SAAS,CAAC,CAAC;EACrB,MAAMc,MAAM,GAAGb,eAAe,CAACE,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACR,IAAI;IAACgB,KAAK,EAAED,MAAM,CAACE,IAAK;IAACJ,MAAM,EAAEA,MAAO;IAAAK,QAAA,gBACvCZ,IAAA,CAACN,IAAI;MAACgB,KAAK,EAAED,MAAM,CAACI,MAAO;MAAAD,QAAA,eACzBZ,IAAA,CAACH,IAAI;QAACiB,IAAI,EAAER,IAAK;QAACS,IAAI,EAAE,EAAG;QAACC,KAAK,EAAER,CAAC,CAACS;MAAQ,CAAE;IAAC,CAC5C,CAAC,eACPjB,IAAA,CAACP,IAAI;MAACiB,KAAK,EAAED,MAAM,CAACL,KAAM;MAAAQ,QAAA,EAAER;IAAK,CAAO,CAAC,EACxCC,IAAI,gBAAGL,IAAA,CAACP,IAAI;MAACiB,KAAK,EAAED,MAAM,CAACJ,IAAK;MAAAO,QAAA,EAAEP;IAAI,CAAO,CAAC,GAAG,IAAI;EAAA,CAClD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","r","useColors","useThemedStyles","Icon","makeStyles","jsx","_jsx","jsxs","_jsxs","Empty","title","desc","icon","style","testID","c","styles","wrap","children","illust","name","size","color","primary"],"sourceRoot":"../../../../../src","sources":["components/ui/Empty/Empty.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,CAAC,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC9D,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA,OAAO,SAASC,KAAKA,CAAC;EACpBC,KAAK;EACLC,IAAI;EACJC,IAAI,GAAG,OAAO;EACdC,KAAK;EACLC;AACU,CAAC,EAAqB;EAChC,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGd,eAAe,CAACE,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACT,IAAI;IAACc,KAAK,EAAE,CAACG,MAAM,CAACC,IAAI,EAAEJ,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAI,QAAA,gBAChDZ,IAAA,CAACP,IAAI;MAACc,KAAK,EAAEG,MAAM,CAACG,MAAO;MAAAD,QAAA,eACzBZ,IAAA,CAACH,IAAI;QAACiB,IAAI,EAAER,IAAK;QAACS,IAAI,EAAErB,CAAC,CAAC,EAAE,CAAE;QAACsB,KAAK,EAAEP,CAAC,CAACQ;MAAQ,CAAE;IAAC,CAC/C,CAAC,eACPjB,IAAA,CAACR,IAAI;MAACe,KAAK,EAAEG,MAAM,CAACN,KAAM;MAAAQ,QAAA,EAAER;IAAK,CAAO,CAAC,EACxCC,IAAI,gBAAGL,IAAA,CAACR,IAAI;MAACe,KAAK,EAAEG,MAAM,CAACL,IAAK;MAAAO,QAAA,EAAEP;IAAI,CAAO,CAAC,GAAG,IAAI;EAAA,CAClD,CAAC;AAEX","ignoreList":[]}

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

@@ -4,7 +4,7 @@ import React from 'react';
 import { Text, View } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
 import { Icon } from "../Icon/index.js";
-import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { r, useColors, useThemedStyles } from "../../../theme/index.js";
 import { makeStyles } from "./styles.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /** 入口横向小卡 —— 独立 surface 小卡视觉,不依赖 List 容器,
@@ -24,7 +24,7 @@ export function EntryCard({
       style: styles.iconTile,
       children: /*#__PURE__*/_jsx(Icon, {
         name: icon,
-        size: 16,
+        size: r(16),
         color: c.foregroundMuted
       })
     }), /*#__PURE__*/_jsxs(View, {
@@ -41,10 +41,12 @@ export function EntryCard({
     })]
   });
   if (onPress) {
+    // a11y label 包含副标题,SR 用户听到完整信息(标题+sub)再决定是否点击
+    const a11yLabel = sub ? `${title},${sub}` : title;
     return /*#__PURE__*/_jsx(Pressable, {
       onPress: onPress,
       accessibilityRole: "button",
-      accessibilityLabel: title,
+      accessibilityLabel: a11yLabel,
       testID: testID,
       style: ({
         pressed

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Pressable","Icon","useColors","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EntryCard","icon","title","sub","onPress","style","testID","c","styles","content","children","iconTile","name","size","color","foregroundMuted","body","numberOfLines","accessibilityRole","accessibilityLabel","pressed","card"],"sourceRoot":"../../../../../src","sources":["components/ui/EntryCard/EntryCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGtC;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,IAAI;EACJC,KAAK;EACLC,GAAG;EACHC,OAAO;EACPC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,MAAMiB,MAAM,GAAGhB,eAAe,CAACC,UAAU,CAAC;EAE1C,MAAMgB,OAAO,gBACXZ,KAAA,CAAAE,SAAA;IAAAW,QAAA,gBACEf,IAAA,CAACP,IAAI;MAACiB,KAAK,EAAEG,MAAM,CAACG,QAAS;MAAAD,QAAA,eAC3Bf,IAAA,CAACL,IAAI;QAACsB,IAAI,EAAEX,IAAK;QAACY,IAAI,EAAE,EAAG;QAACC,KAAK,EAAEP,CAAC,CAACQ;MAAgB,CAAE;IAAC,CACpD,CAAC,eACPlB,KAAA,CAACT,IAAI;MAACiB,KAAK,EAAEG,MAAM,CAACQ,IAAK;MAAAN,QAAA,gBACvBf,IAAA,CAACR,IAAI;QAACkB,KAAK,EAAEG,MAAM,CAACN,KAAM;QAACe,aAAa,EAAE,CAAE;QAAAP,QAAA,EACzCR;MAAK,CACF,CAAC,EACNC,GAAG,gBACFR,IAAA,CAACR,IAAI;QAACkB,KAAK,EAAEG,MAAM,CAACL,GAAI;QAACc,aAAa,EAAE,CAAE;QAAAP,QAAA,EACvCP;MAAG,CACA,CAAC,GACL,IAAI;IAAA,CACJ,CAAC;EAAA,CACP,CACH;EAED,IAAIC,OAAO,EAAE;IACX,oBACET,IAAA,CAACN,SAAS;MACRe,OAAO,EAAEA,OAAQ;MACjBc,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEjB,KAAM;MAC1BI,MAAM,EAAEA,MAAO;MACfD,KAAK,EAAEA,CAAC;QAAEe;MAAQ,CAAC,KAAK,CAACZ,MAAM,CAACa,IAAI,EAAED,OAAO,IAAIZ,MAAM,CAACY,OAAO,EAAEf,KAAK,CAAE;MAAAK,QAAA,EAEvED;IAAO,CACC,CAAC;EAEhB;EACA,oBACEd,IAAA,CAACP,IAAI;IAACiB,KAAK,EAAE,CAACG,MAAM,CAACa,IAAI,EAAEhB,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAC/CD;EAAO,CACJ,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Pressable","Icon","r","useColors","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EntryCard","icon","title","sub","onPress","style","testID","c","styles","content","children","iconTile","name","size","color","foregroundMuted","body","numberOfLines","a11yLabel","accessibilityRole","accessibilityLabel","pressed","card"],"sourceRoot":"../../../../../src","sources":["components/ui/EntryCard/EntryCard.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,CAAC,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC9D,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAGtC;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,IAAI;EACJC,KAAK;EACLC,GAAG;EACHC,OAAO;EACPC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGhB,SAAS,CAAC,CAAC;EACrB,MAAMiB,MAAM,GAAGhB,eAAe,CAACC,UAAU,CAAC;EAE1C,MAAMgB,OAAO,gBACXZ,KAAA,CAAAE,SAAA;IAAAW,QAAA,gBACEf,IAAA,CAACR,IAAI;MAACkB,KAAK,EAAEG,MAAM,CAACG,QAAS;MAAAD,QAAA,eAC3Bf,IAAA,CAACN,IAAI;QAACuB,IAAI,EAAEX,IAAK;QAACY,IAAI,EAAEvB,CAAC,CAAC,EAAE,CAAE;QAACwB,KAAK,EAAEP,CAAC,CAACQ;MAAgB,CAAE;IAAC,CACvD,CAAC,eACPlB,KAAA,CAACV,IAAI;MAACkB,KAAK,EAAEG,MAAM,CAACQ,IAAK;MAAAN,QAAA,gBACvBf,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAEG,MAAM,CAACN,KAAM;QAACe,aAAa,EAAE,CAAE;QAAAP,QAAA,EACzCR;MAAK,CACF,CAAC,EACNC,GAAG,gBACFR,IAAA,CAACT,IAAI;QAACmB,KAAK,EAAEG,MAAM,CAACL,GAAI;QAACc,aAAa,EAAE,CAAE;QAAAP,QAAA,EACvCP;MAAG,CACA,CAAC,GACL,IAAI;IAAA,CACJ,CAAC;EAAA,CACP,CACH;EAED,IAAIC,OAAO,EAAE;IACX;IACA,MAAMc,SAAS,GAAGf,GAAG,GAAG,GAAGD,KAAK,IAAIC,GAAG,EAAE,GAAGD,KAAK;IACjD,oBACEP,IAAA,CAACP,SAAS;MACRgB,OAAO,EAAEA,OAAQ;MACjBe,iBAAiB,EAAC,QAAQ;MAC1BC,kBAAkB,EAAEF,SAAU;MAC9BZ,MAAM,EAAEA,MAAO;MACfD,KAAK,EAAEA,CAAC;QAAEgB;MAAQ,CAAC,KAAK,CAACb,MAAM,CAACc,IAAI,EAAED,OAAO,IAAIb,MAAM,CAACa,OAAO,EAAEhB,KAAK,CAAE;MAAAK,QAAA,EAEvED;IAAO,CACC,CAAC;EAEhB;EACA,oBACEd,IAAA,CAACR,IAAI;IAACkB,KAAK,EAAE,CAACG,MAAM,CAACc,IAAI,EAAEjB,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAC/CD;EAAO,CACJ,CAAC;AAEX","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { fw, icon, r, radius, space } from "../../../theme/index.js";
+import { fw, icon, pressedOpacity, r, rf, radius, space } from "../../../theme/index.js";
 export const makeStyles = c => StyleSheet.create({
   card: {
     flexDirection: 'row',
@@ -29,17 +29,17 @@ export const makeStyles = c => StyleSheet.create({
   },
   title: {
     // 13.5pt —— 介于 type.xs(13) / type.sm(14) 之间的设计稿专定字号
-    fontSize: r(13) + 0.5,
+    fontSize: rf(13) + 0.5,
     fontWeight: fw.medium,
     letterSpacing: -0.2,
     color: c.foreground
   },
   sub: {
-    fontSize: r(11),
+    fontSize: rf(11),
     color: c.foregroundMuted
   },
   pressed: {
-    opacity: 0.7
+    opacity: pressedOpacity
   }
 });
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","icon","r","radius","space","makeStyles","c","create","card","flexDirection","alignItems","gap","backgroundColor","surface","borderRadius","paddingVertical","paddingHorizontal","iconTile","width","lg","height","surfaceContainer","justifyContent","flexShrink","body","flex","minWidth","px","title","fontSize","fontWeight","medium","letterSpacing","color","foreground","sub","foregroundMuted","pressed","opacity"],"sourceRoot":"../../../../../src","sources":["components/ui/EntryCard/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,IAAI,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,QAA0B,yBAAgB;AAE7E,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCP,UAAU,CAACQ,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEP,KAAK,CAAC,CAAC,CAAC;IACbQ,eAAe,EAAEN,CAAC,CAACO,OAAO;IAC1BC,YAAY,EAAEX,MAAM,CAAC,KAAK,CAAC;IAC3BY,eAAe,EAAEX,KAAK,CAAC,CAAC,CAAC;IACzBY,iBAAiB,EAAEZ,KAAK,CAAC,CAAC;EAC5B,CAAC;EACDa,QAAQ,EAAE;IACRC,KAAK,EAAEjB,IAAI,CAACkB,EAAE;IACdC,MAAM,EAAEnB,IAAI,CAACkB,EAAE;IACf;IACAL,YAAY,EAAEZ,CAAC,CAAC,CAAC,CAAC;IAClBU,eAAe,EAAEN,CAAC,CAACe,gBAAgB;IACnCX,UAAU,EAAE,QAAQ;IACpBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXf,GAAG,EAAEP,KAAK,CAACuB;EACb,CAAC;EACDC,KAAK,EAAE;IACL;IACAC,QAAQ,EAAE3B,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG;IACrB4B,UAAU,EAAE9B,EAAE,CAAC+B,MAAM;IACrBC,aAAa,EAAE,CAAC,GAAG;IACnBC,KAAK,EAAE3B,CAAC,CAAC4B;EACX,CAAC;EACDC,GAAG,EAAE;IACHN,QAAQ,EAAE3B,CAAC,CAAC,EAAE,CAAC;IACf+B,KAAK,EAAE3B,CAAC,CAAC8B;EACX,CAAC;EACDC,OAAO,EAAE;IACPC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","icon","pressedOpacity","r","rf","radius","space","makeStyles","c","create","card","flexDirection","alignItems","gap","backgroundColor","surface","borderRadius","paddingVertical","paddingHorizontal","iconTile","width","lg","height","surfaceContainer","justifyContent","flexShrink","body","flex","minWidth","px","title","fontSize","fontWeight","medium","letterSpacing","color","foreground","sub","foregroundMuted","pressed","opacity"],"sourceRoot":"../../../../../src","sources":["components/ui/EntryCard/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,IAAI,EACJC,cAAc,EACdC,CAAC,EACDC,EAAE,EACFC,MAAM,EACNC,KAAK,QAEA,yBAAgB;AAEvB,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCT,UAAU,CAACU,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEP,KAAK,CAAC,CAAC,CAAC;IACbQ,eAAe,EAAEN,CAAC,CAACO,OAAO;IAC1BC,YAAY,EAAEX,MAAM,CAAC,KAAK,CAAC;IAC3BY,eAAe,EAAEX,KAAK,CAAC,CAAC,CAAC;IACzBY,iBAAiB,EAAEZ,KAAK,CAAC,CAAC;EAC5B,CAAC;EACDa,QAAQ,EAAE;IACRC,KAAK,EAAEnB,IAAI,CAACoB,EAAE;IACdC,MAAM,EAAErB,IAAI,CAACoB,EAAE;IACf;IACAL,YAAY,EAAEb,CAAC,CAAC,CAAC,CAAC;IAClBW,eAAe,EAAEN,CAAC,CAACe,gBAAgB;IACnCX,UAAU,EAAE,QAAQ;IACpBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDC,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXf,GAAG,EAAEP,KAAK,CAACuB;EACb,CAAC;EACDC,KAAK,EAAE;IACL;IACAC,QAAQ,EAAE3B,EAAE,CAAC,EAAE,CAAC,GAAG,GAAG;IACtB4B,UAAU,EAAEhC,EAAE,CAACiC,MAAM;IACrBC,aAAa,EAAE,CAAC,GAAG;IACnBC,KAAK,EAAE3B,CAAC,CAAC4B;EACX,CAAC;EACDC,GAAG,EAAE;IACHN,QAAQ,EAAE3B,EAAE,CAAC,EAAE,CAAC;IAChB+B,KAAK,EAAE3B,CAAC,CAAC8B;EACX,CAAC;EACDC,OAAO,EAAE;IACPC,OAAO,EAAEtC;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ui/Form/FormRow.js

@@ -34,6 +34,7 @@ export function FormRow({
       })]
     }), error ? /*#__PURE__*/_jsx(Text, {
       style: styles.errorText,
+      accessibilityLiveRegion: "polite",
       children: error
     }) : null]
   });

package/lib/module/components/ui/Form/FormRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","FormRow","label","children","required","error","testID","styles","style","row","rowMain","rowLabel","numberOfLines","rowControl","errorText"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/FormRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACY,CAAC,EAAqB;EAClC,MAAMC,MAAM,GAAGZ,eAAe,CAACC,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACN,IAAI;IAACc,KAAK,EAAED,MAAM,CAACE,GAAI;IAACH,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBACtCH,KAAA,CAACN,IAAI;MAACc,KAAK,EAAED,MAAM,CAACG,OAAQ;MAAAP,QAAA,gBAC1BH,KAAA,CAACP,IAAI;QAACe,KAAK,EAAED,MAAM,CAACI,QAAS;QAACC,aAAa,EAAE,CAAE;QAAAT,QAAA,GAC5CD,KAAK,EACLE,QAAQ,gBAAGN,IAAA,CAACL,IAAI;UAACe,KAAK,EAAED,MAAM,CAACH,QAAS;UAAAD,QAAA,EAAC;QAAE,CAAM,CAAC,GAAG,IAAI;MAAA,CACtD,CAAC,eACPL,IAAA,CAACJ,IAAI;QAACc,KAAK,EAAED,MAAM,CAACM,UAAW;QAAAV,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC7C,CAAC,EACNE,KAAK,gBAAGP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAED,MAAM,CAACO,SAAU;MAAAX,QAAA,EAAEE;IAAK,CAAO,CAAC,GAAG,IAAI;EAAA,CACzD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","Text","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","FormRow","label","children","required","error","testID","styles","style","row","rowMain","rowLabel","numberOfLines","rowControl","errorText","accessibilityLiveRegion"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/FormRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACY,CAAC,EAAqB;EAClC,MAAMC,MAAM,GAAGZ,eAAe,CAACC,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACN,IAAI;IAACc,KAAK,EAAED,MAAM,CAACE,GAAI;IAACH,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBACtCH,KAAA,CAACN,IAAI;MAACc,KAAK,EAAED,MAAM,CAACG,OAAQ;MAAAP,QAAA,gBAC1BH,KAAA,CAACP,IAAI;QAACe,KAAK,EAAED,MAAM,CAACI,QAAS;QAACC,aAAa,EAAE,CAAE;QAAAT,QAAA,GAC5CD,KAAK,EACLE,QAAQ,gBAAGN,IAAA,CAACL,IAAI;UAACe,KAAK,EAAED,MAAM,CAACH,QAAS;UAAAD,QAAA,EAAC;QAAE,CAAM,CAAC,GAAG,IAAI;MAAA,CACtD,CAAC,eACPL,IAAA,CAACJ,IAAI;QAACc,KAAK,EAAED,MAAM,CAACM,UAAW;QAAAV,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC7C,CAAC,EAGNE,KAAK,gBACJP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAED,MAAM,CAACO,SAAU;MAACC,uBAAuB,EAAC,QAAQ;MAAAZ,QAAA,EAC5DE;IAAK,CACF,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

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

@@ -40,7 +40,9 @@ export const makeStyles = c => StyleSheet.create({
   rowLabel: {
     fontSize: t.sm,
     fontWeight: fw.medium,
-    color: c.foreground
+    color: c.foreground,
+    // flexShrink:让 FormRow.numberOfLines 真正生效,长 label 不把 rowControl 挤到 0 宽([M-10])
+    flexShrink: 1
   },
   required: {
     color: c.error

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","form","gap","group","groupLabel","fontSize","xs","fontWeight","semi","color","foregroundSubtle","textTransform","letterSpacing","paddingHorizontal","groupBody","backgroundColor","surface","borderRadius","lg","overflow","divider","borderTopWidth","hairlineWidth","borderTopColor","outline","row","paddingVertical","minHeight","justifyContent","rowMain","flexDirection","alignItems","rowLabel","sm","medium","foreground","required","error","rowControl","flex","errorText","micro","marginTop"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;AAEvB,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDQ,KAAK,EAAE;IACLD,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDS,UAAU,EAAE;IACVC,QAAQ,EAAER,CAAC,CAACS,EAAE;IACdC,UAAU,EAAEf,EAAE,CAACgB,IAAI;IACnBC,KAAK,EAAEV,CAAC,CAACW,gBAAgB;IACzBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAElB,KAAK,CAAC,CAAC;EAC5B,CAAC;EACDmB,SAAS,EAAE;IACTC,eAAe,EAAEhB,CAAC,CAACiB,OAAO;IAC1BC,YAAY,EAAEvB,MAAM,CAACwB,EAAE;IACvBC,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,cAAc,EAAE9B,UAAU,CAAC+B,aAAa;IACxCC,cAAc,EAAExB,CAAC,CAACyB;EACpB,CAAC;EACDC,GAAG,EAAE;IACHZ,iBAAiB,EAAElB,KAAK,CAAC,CAAC,CAAC;IAC3B+B,eAAe,EAAE/B,KAAK,CAAC,CAAC,CAAC;IACzBgC,SAAS,EAAElC,CAAC,CAAC,EAAE,CAAC;IAChBmC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB7B,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDqC,QAAQ,EAAE;IACR3B,QAAQ,EAAER,CAAC,CAACoC,EAAE;IACd1B,UAAU,EAAEf,EAAE,CAAC0C,MAAM;IACrBzB,KAAK,EAAEV,CAAC,CAACoC;EACX,CAAC;EACDC,QAAQ,EAAE;IACR3B,KAAK,EAAEV,CAAC,CAACsC;EACX,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPR,UAAU,EAAE;EACd,CAAC;EACDS,SAAS,EAAE;IACTnC,QAAQ,EAAER,CAAC,CAAC4C,KAAK;IACjBhC,KAAK,EAAEV,CAAC,CAACsC,KAAK;IACdK,SAAS,EAAE/C,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","form","gap","group","groupLabel","fontSize","xs","fontWeight","semi","color","foregroundSubtle","textTransform","letterSpacing","paddingHorizontal","groupBody","backgroundColor","surface","borderRadius","lg","overflow","divider","borderTopWidth","hairlineWidth","borderTopColor","outline","row","paddingVertical","minHeight","justifyContent","rowMain","flexDirection","alignItems","rowLabel","sm","medium","foreground","flexShrink","required","error","rowControl","flex","errorText","micro","marginTop"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;AAEvB,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDQ,KAAK,EAAE;IACLD,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDS,UAAU,EAAE;IACVC,QAAQ,EAAER,CAAC,CAACS,EAAE;IACdC,UAAU,EAAEf,EAAE,CAACgB,IAAI;IACnBC,KAAK,EAAEV,CAAC,CAACW,gBAAgB;IACzBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAElB,KAAK,CAAC,CAAC;EAC5B,CAAC;EACDmB,SAAS,EAAE;IACTC,eAAe,EAAEhB,CAAC,CAACiB,OAAO;IAC1BC,YAAY,EAAEvB,MAAM,CAACwB,EAAE;IACvBC,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,cAAc,EAAE9B,UAAU,CAAC+B,aAAa;IACxCC,cAAc,EAAExB,CAAC,CAACyB;EACpB,CAAC;EACDC,GAAG,EAAE;IACHZ,iBAAiB,EAAElB,KAAK,CAAC,CAAC,CAAC;IAC3B+B,eAAe,EAAE/B,KAAK,CAAC,CAAC,CAAC;IACzBgC,SAAS,EAAElC,CAAC,CAAC,EAAE,CAAC;IAChBmC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB7B,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDqC,QAAQ,EAAE;IACR3B,QAAQ,EAAER,CAAC,CAACoC,EAAE;IACd1B,UAAU,EAAEf,EAAE,CAAC0C,MAAM;IACrBzB,KAAK,EAAEV,CAAC,CAACoC,UAAU;IACnB;IACAC,UAAU,EAAE;EACd,CAAC;EACDC,QAAQ,EAAE;IACR5B,KAAK,EAAEV,CAAC,CAACuC;EACX,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPT,UAAU,EAAE;EACd,CAAC;EACDU,SAAS,EAAE;IACTpC,QAAQ,EAAER,CAAC,CAAC6C,KAAK;IACjBjC,KAAK,EAAEV,CAAC,CAACuC,KAAK;IACdK,SAAS,EAAEhD,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,14 +3,17 @@
 import React from 'react';
 import { Text, View } from 'react-native';
 import { Pressable } from 'react-native-gesture-handler';
-import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { pressedOpacity, r, useColors, useThemedStyles } from "../../../theme/index.js";
 import { createLogger } from "../../../utils/logger/index.js";
 import { childTestID } from "../../../utils/testID/index.js";
 import { Icon } from "../Icon/index.js";
 import { colWidth, makeStyles } from "./styles.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const log = createLogger('Grid');
 
+// 渲染路径去重集合 —— 同一 columns 值只在首次渲染时告警一次,避免长列表重复刷 log。
+const _warnedColumns = new Set();
+
 /**
  * 图标入口宫格 —— 首页 / 分类落地页。1..6 列。
  * 每格：图标 + 小标签，纵向居中。
@@ -22,50 +25,62 @@ export function Grid({
   columns = 4,
   onPress,
   card = true,
+  style,
   testID
 }) {
   const c = useColors();
   const styles = useThemedStyles(makeStyles);
-  if (![1, 2, 3, 4, 5, 6].includes(columns)) {
+  if (![1, 2, 3, 4, 5, 6].includes(columns) && !_warnedColumns.has(columns)) {
+    _warnedColumns.add(columns);
     log.warn(`columns 仅支持 1..6，传入 ${columns}，已 fallback 为 4 列`);
   }
   const cellWidth = colWidth(columns);
   return /*#__PURE__*/_jsx(View, {
-    style: [styles.wrap, card && styles.card],
+    style: [styles.wrap, card && styles.card, style],
     testID: testID,
     children: /*#__PURE__*/_jsx(View, {
       style: styles.inner,
       children: items.map(item => {
         const itemTestID = childTestID(testID, item.id, item.testID);
+        const cellContent = /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsxs(View, {
+            children: [/*#__PURE__*/_jsx(Icon, {
+              name: item.icon,
+              size: r(28),
+              color: c.foregroundMuted
+            }), item.badge != null ? /*#__PURE__*/_jsx(View, {
+              style: styles.badge,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.badgeText,
+                children: item.badge
+              })
+            }) : null]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.label,
+            numberOfLines: 1,
+            children: item.label
+          })]
+        });
         return /*#__PURE__*/_jsx(View, {
           style: cellWidth,
-          children: /*#__PURE__*/_jsxs(Pressable, {
-            onPress: () => onPress?.(item),
+          children: onPress ?
+          /*#__PURE__*/
+          // 有 onPress 才挂 Pressable + button 语义,纯展示宫格不播报 button
+          _jsx(Pressable, {
+            onPress: () => onPress(item),
             accessibilityRole: "button",
             accessibilityLabel: item.label,
             testID: itemTestID,
             style: ({
               pressed
             }) => [styles.cell, {
-              opacity: pressed ? 0.7 : 1
+              opacity: pressed ? pressedOpacity : 1
             }],
-            children: [/*#__PURE__*/_jsxs(View, {
-              children: [/*#__PURE__*/_jsx(Icon, {
-                name: item.icon,
-                size: 28,
-                color: c.foregroundMuted
-              }), item.badge != null ? /*#__PURE__*/_jsx(View, {
-                style: styles.badge,
-                children: /*#__PURE__*/_jsx(Text, {
-                  style: styles.badgeText,
-                  children: item.badge
-                })
-              }) : null]
-            }), /*#__PURE__*/_jsx(Text, {
-              style: styles.label,
-              numberOfLines: 1,
-              children: item.label
-            })]
+            children: cellContent
+          }) : /*#__PURE__*/_jsx(View, {
+            style: styles.cell,
+            testID: itemTestID,
+            children: cellContent
           })
         }, item.id);
       })

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","View","Pressable","useColors","useThemedStyles","createLogger","childTestID","Icon","colWidth","makeStyles","jsx","_jsx","jsxs","_jsxs","log","Grid","items","columns","onPress","card","testID","c","styles","includes","warn","cellWidth","style","wrap","children","inner","map","item","itemTestID","id","accessibilityRole","accessibilityLabel","label","pressed","cell","opacity","name","icon","size","color","foregroundMuted","badge","badgeText","numberOfLines"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/Grid.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Text","View","Pressable","pressedOpacity","r","useColors","useThemedStyles","createLogger","childTestID","Icon","colWidth","makeStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","log","_warnedColumns","Set","Grid","items","columns","onPress","card","style","testID","c","styles","includes","has","add","warn","cellWidth","wrap","children","inner","map","item","itemTestID","id","cellContent","name","icon","size","color","foregroundMuted","badge","badgeText","label","numberOfLines","accessibilityRole","accessibilityLabel","pressed","cell","opacity"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/Grid.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,7 @@
 
 import { StyleSheet } from 'react-native';
 import { fw, r, radius, space, type as t } from "../../../theme/index.js";
+import { badgeStyles } from "../shared/badgeStyles.js";
 
 /**
  * 预生成 1..6 列的宽度规则，避免 render 时创建 `{ width: pct }` 内联对象
@@ -44,50 +45,38 @@ export const colWidth = columns => {
       return COLUMN_WIDTHS.col4;
   }
 };
-export const makeStyles = c => StyleSheet.create({
-  wrap: {
-    width: '100%'
-  },
-  card: {
-    backgroundColor: c.surface,
-    borderRadius: radius.xl,
-    paddingVertical: space[5],
-    paddingHorizontal: space[3],
-    borderWidth: 1,
-    borderColor: c.outline
-  },
-  inner: {
-    flexDirection: 'row',
-    flexWrap: 'wrap'
-  },
-  cell: {
-    paddingVertical: space[5],
-    alignItems: 'center',
-    justifyContent: 'center',
-    gap: space[2]
-  },
-  label: {
-    fontSize: t.xxs,
-    fontWeight: fw.medium,
-    color: c.foreground
-  },
-  badge: {
-    position: 'absolute',
-    top: r(-6),
-    right: r(-10),
-    minWidth: r(16),
-    height: r(16),
-    borderRadius: radius.md,
-    backgroundColor: c.error,
-    paddingHorizontal: space[1],
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  badgeText: {
-    color: c.onError,
-    fontSize: t.nano,
-    fontWeight: fw.bold,
-    lineHeight: 12
-  }
-});
+export const makeStyles = c => {
+  // Grid 图标容器上边缘偏移 r(-6):图标高 r(28),角标圆心对齐图标右上角
+  const badge = badgeStyles(c, r(-6));
+  return StyleSheet.create({
+    wrap: {
+      width: '100%'
+    },
+    card: {
+      backgroundColor: c.surface,
+      borderRadius: radius.xl,
+      paddingVertical: space[5],
+      paddingHorizontal: space[3],
+      borderWidth: 1,
+      borderColor: c.outline
+    },
+    inner: {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    },
+    cell: {
+      paddingVertical: space[5],
+      alignItems: 'center',
+      justifyContent: 'center',
+      gap: space[2]
+    },
+    label: {
+      fontSize: t.xxs,
+      fontWeight: fw.medium,
+      color: c.foreground
+    },
+    badge: badge.badge,
+    badgeText: badge.badgeText
+  });
+};
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","COLUMN_WIDTHS","create","col1","width","col2","col3","col4","col5","col6","colWidth","columns","makeStyles","c","wrap","card","backgroundColor","surface","borderRadius","xl","paddingVertical","paddingHorizontal","borderWidth","borderColor","outline","inner","flexDirection","flexWrap","cell","alignItems","justifyContent","gap","label","fontSize","xxs","fontWeight","medium","color","foreground","badge","position","top","right","minWidth","height","md","error","badgeText","onError","nano","bold","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAGP,UAAU,CAACQ,MAAM,CAAC;EACtCC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAO,CAAC;EACvBC,IAAI,EAAE;IAAED,KAAK,EAAE;EAAM,CAAC;EACtBE,IAAI,EAAE;IAAEF,KAAK,EAAE;EAAU,CAAC;EAC1BG,IAAI,EAAE;IAAEH,KAAK,EAAE;EAAM,CAAC;EACtBI,IAAI,EAAE;IAAEJ,KAAK,EAAE;EAAM,CAAC;EACtBK,IAAI,EAAE;IAAEL,KAAK,EAAE;EAAU;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMM,QAAQ,GAAIC,OAAe,IAAK;EAC3C,QAAQA,OAAO;IACb,KAAK,CAAC;MACJ,OAAOV,aAAa,CAACE,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOF,aAAa,CAACI,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOJ,aAAa,CAACK,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOL,aAAa,CAACO,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOP,aAAa,CAACQ,IAAI;IAC3B,KAAK,CAAC;IACN;MACE,OAAOR,aAAa,CAACM,IAAI;EAC7B;AACF,CAAC;AAED,OAAO,MAAMK,UAAU,GAAIC,CAAc,IACvCnB,UAAU,CAACQ,MAAM,CAAC;EAChBY,IAAI,EAAE;IACJV,KAAK,EAAE;EACT,CAAC;EACDW,IAAI,EAAE;IACJC,eAAe,EAAEH,CAAC,CAACI,OAAO;IAC1BC,YAAY,EAAErB,MAAM,CAACsB,EAAE;IACvBC,eAAe,EAAEtB,KAAK,CAAC,CAAC,CAAC;IACzBuB,iBAAiB,EAAEvB,KAAK,CAAC,CAAC,CAAC;IAC3BwB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEV,CAAC,CAACW;EACjB,CAAC;EACDC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJR,eAAe,EAAEtB,KAAK,CAAC,CAAC,CAAC;IACzB+B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAEjC,KAAK,CAAC,CAAC;EACd,CAAC;EACDkC,KAAK,EAAE;IACLC,QAAQ,EAAEjC,CAAC,CAACkC,GAAG;IACfC,UAAU,EAAExC,EAAE,CAACyC,MAAM;IACrBC,KAAK,EAAExB,CAAC,CAACyB;EACX,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE7C,CAAC,CAAC,CAAC,CAAC,CAAC;IACV8C,KAAK,EAAE9C,CAAC,CAAC,CAAC,EAAE,CAAC;IACb+C,QAAQ,EAAE/C,CAAC,CAAC,EAAE,CAAC;IACfgD,MAAM,EAAEhD,CAAC,CAAC,EAAE,CAAC;IACbsB,YAAY,EAAErB,MAAM,CAACgD,EAAE;IACvB7B,eAAe,EAAEH,CAAC,CAACiC,KAAK;IACxBzB,iBAAiB,EAAEvB,KAAK,CAAC,CAAC,CAAC;IAC3B+B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDiB,SAAS,EAAE;IACTV,KAAK,EAAExB,CAAC,CAACmC,OAAO;IAChBf,QAAQ,EAAEjC,CAAC,CAACiD,IAAI;IAChBd,UAAU,EAAExC,EAAE,CAACuD,IAAI;IACnBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","badgeStyles","COLUMN_WIDTHS","create","col1","width","col2","col3","col4","col5","col6","colWidth","columns","makeStyles","c","badge","wrap","card","backgroundColor","surface","borderRadius","xl","paddingVertical","paddingHorizontal","borderWidth","borderColor","outline","inner","flexDirection","flexWrap","cell","alignItems","justifyContent","gap","label","fontSize","xxs","fontWeight","medium","color","foreground","badgeText"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;AACvB,SAASC,WAAW,QAAQ,0BAAuB;;AAEnD;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAGR,UAAU,CAACS,MAAM,CAAC;EACtCC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAO,CAAC;EACvBC,IAAI,EAAE;IAAED,KAAK,EAAE;EAAM,CAAC;EACtBE,IAAI,EAAE;IAAEF,KAAK,EAAE;EAAU,CAAC;EAC1BG,IAAI,EAAE;IAAEH,KAAK,EAAE;EAAM,CAAC;EACtBI,IAAI,EAAE;IAAEJ,KAAK,EAAE;EAAM,CAAC;EACtBK,IAAI,EAAE;IAAEL,KAAK,EAAE;EAAU;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMM,QAAQ,GAAIC,OAAe,IAAK;EAC3C,QAAQA,OAAO;IACb,KAAK,CAAC;MACJ,OAAOV,aAAa,CAACE,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOF,aAAa,CAACI,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOJ,aAAa,CAACK,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOL,aAAa,CAACO,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOP,aAAa,CAACQ,IAAI;IAC3B,KAAK,CAAC;IACN;MACE,OAAOR,aAAa,CAACM,IAAI;EAC7B;AACF,CAAC;AAED,OAAO,MAAMK,UAAU,GAAIC,CAAc,IAAK;EAC5C;EACA,MAAMC,KAAK,GAAGd,WAAW,CAACa,CAAC,EAAElB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EACnC,OAAOF,UAAU,CAACS,MAAM,CAAC;IACvBa,IAAI,EAAE;MACJX,KAAK,EAAE;IACT,CAAC;IACDY,IAAI,EAAE;MACJC,eAAe,EAAEJ,CAAC,CAACK,OAAO;MAC1BC,YAAY,EAAEvB,MAAM,CAACwB,EAAE;MACvBC,eAAe,EAAExB,KAAK,CAAC,CAAC,CAAC;MACzByB,iBAAiB,EAAEzB,KAAK,CAAC,CAAC,CAAC;MAC3B0B,WAAW,EAAE,CAAC;MACdC,WAAW,EAAEX,CAAC,CAACY;IACjB,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE;IACZ,CAAC;IACDC,IAAI,EAAE;MACJR,eAAe,EAAExB,KAAK,CAAC,CAAC,CAAC;MACzBiC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,GAAG,EAAEnC,KAAK,CAAC,CAAC;IACd,CAAC;IACDoC,KAAK,EAAE;MACLC,QAAQ,EAAEnC,CAAC,CAACoC,GAAG;MACfC,UAAU,EAAE1C,EAAE,CAAC2C,MAAM;MACrBC,KAAK,EAAEzB,CAAC,CAAC0B;IACX,CAAC;IACDzB,KAAK,EAAEA,KAAK,CAACA,KAAK;IAClB0B,SAAS,EAAE1B,KAAK,CAAC0B;EACnB,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

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

@@ -4,13 +4,16 @@ import React from 'react';
 import { View } from 'react-native';
 import Svg, { Circle, Path, Rect } from 'react-native-svg';
 import { ICONS } from "../../../icons/index.js";
-import { useColors } from "../../../theme/index.js";
+import { r, useColors } from "../../../theme/index.js";
 import { createLogger } from "../../../utils/logger/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const log = createLogger('Icon');
+
+// 模块级去重集合:同一未知 name 只警一次,避免列表场景告警风暴。
+const warnedNames = new Set();
 export function Icon({
   name,
-  size = 18,
+  size = r(18),
   color,
   strokeWidth,
   style,
@@ -20,7 +23,10 @@ export function Icon({
   const stroke = color ?? c.foregroundMuted;
   const def = ICONS[name];
   if (!def) {
-    log.warn(`unknown icon: ${name}`);
+    if (!warnedNames.has(name)) {
+      warnedNames.add(name);
+      log.warn(`unknown icon: ${name}`);
+    }
     return /*#__PURE__*/_jsx(View, {
       style: [{
         width: size,
@@ -47,33 +53,44 @@ export function Icon({
       strokeLinecap: "round",
       strokeLinejoin: "round",
       children: def.elements.map((el, i) => {
-        const fill = el.fill === 'currentColor' ? stroke : el.fill ?? 'none';
-        if (el.kind === 'path') {
-          return /*#__PURE__*/_jsx(Path, {
-            d: el.d,
-            fill: fill
-          }, i);
-        }
-        if (el.kind === 'circle') {
-          return /*#__PURE__*/_jsx(Circle, {
-            cx: el.cx,
-            cy: el.cy,
-            r: el.r,
-            fill: fill
-          }, i);
-        }
-        if (el.kind === 'rect') {
-          return /*#__PURE__*/_jsx(Rect, {
-            x: el.x,
-            y: el.y,
-            width: el.width,
-            height: el.height,
-            rx: el.rx,
-            ry: el.ry,
-            fill: fill
-          }, i);
+        // fill:currentColor → 主题 stroke 色;其余原样;缺省继承根 fill="none"。
+        // opacity / stroke:透传源 svg 的元素级覆盖(stroke="none" = 纯 fill 不继承根描边)。
+        const elProps = {
+          fill: el.fill === 'currentColor' ? stroke : el.fill ?? 'none',
+          opacity: el.opacity,
+          stroke: el.stroke
+        };
+        switch (el.kind) {
+          case 'path':
+            return /*#__PURE__*/_jsx(Path, {
+              d: el.d,
+              ...elProps
+            }, i);
+          case 'circle':
+            return /*#__PURE__*/_jsx(Circle, {
+              cx: el.cx,
+              cy: el.cy,
+              r: el.r,
+              ...elProps
+            }, i);
+          case 'rect':
+            // ry 不被 build-icons.js 抽取,不在 IconElement 类型中 —— 此处不传。
+            return /*#__PURE__*/_jsx(Rect, {
+              x: el.x,
+              y: el.y,
+              width: el.width,
+              height: el.height,
+              rx: el.rx,
+              ...elProps
+            }, i);
+          default:
+            {
+              // 穷尽兜底:未来若 build-icons.js 新增 kind(如 line/ellipse),
+              // TypeScript 会在此行报错提示渲染端同步处理,防静默渲染空。
+              const _exhaustive = el;
+              return _exhaustive;
+            }
         }
-        return null;
       })
     })
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Svg","Circle","Path","Rect","ICONS","useColors","createLogger","jsx","_jsx","log","Icon","name","size","color","strokeWidth","style","testID","c","stroke","foregroundMuted","def","warn","width","height","accessibilityElementsHidden","importantForAccessibility","sw","children","viewBox","fill","strokeLinecap","strokeLinejoin","elements","map","el","i","kind","d","cx","cy","r","x","y","rx","ry"],"sourceRoot":"../../../../../src","sources":["components/ui/Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","View","Svg","Circle","Path","Rect","ICONS","r","useColors","createLogger","jsx","_jsx","log","warnedNames","Set","Icon","name","size","color","strokeWidth","style","testID","c","stroke","foregroundMuted","def","has","add","warn","width","height","accessibilityElementsHidden","importantForAccessibility","sw","children","viewBox","fill","strokeLinecap","strokeLinejoin","elements","map","el","i","elProps","opacity","kind","d","cx","cy","x","y","rx","_exhaustive"],"sourceRoot":"../../../../../src","sources":["components/ui/Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -20,6 +20,7 @@ export function IconButton({
   variant = 'ghost',
   color,
   disabled,
+  loading,
   accessibilityLabel,
   accessibilityHint,
   style,
@@ -30,6 +31,7 @@ export function IconButton({
     onPress: onPress,
     size: size,
     variant: variant,
+    loading: loading,
     disabled: disabled,
     accessibilityLabel: accessibilityLabel,
     accessibilityHint: accessibilityHint,