@unif/react-native-design 0.14.2 → 0.15.0

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

@@ -9,13 +9,14 @@ import { paletteFor, styles } from "./styles.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * 任务列表 / 推理链通用的状态圆点。
- * done = 绿底 + 白勾；active = 边框 + 内部 PulseDot；pending = 仅边框。
+ * done = 绿底 + 白勾；error = 红底 + 白叉；active = 边框 + 内部 PulseDot；pending = 仅边框。
  */
 // status 派生默认 a11y label —— 不传时 SR 仍能播报状态语义。
 const DEFAULT_A11Y = {
   pending: 'pending',
   active: 'active',
-  done: 'done'
+  done: 'done',
+  error: 'error'
 };
 export function StatusDot({
   status,
@@ -48,6 +49,11 @@ export function StatusDot({
       size: Math.round(size * 0.6),
       color: c.onPrimary,
       strokeWidth: 2.5
+    }) : status === 'error' ? /*#__PURE__*/_jsx(Icon, {
+      name: "close",
+      size: Math.round(size * 0.6),
+      color: c.onError,
+      strokeWidth: 2.5
     }) : status === 'active' ?
     /*#__PURE__*/
     // [L-13] size 随外圈等比派生(系数 0.375 ≈ 6/16),视觉居中且不溢出。

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","r","useColors","Icon","PulseDot","paletteFor","styles","jsx","_jsx","DEFAULT_A11Y","pending","active","done","StatusDot","status","size","tone","accessibilityLabel","style","testID","c","bg","border","a11yLabel","undefined","dot","width","height","borderRadius","backgroundColor","borderColor","accessible","children","name","Math","round","color","onPrimary","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/StatusDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,UAAU,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAoC,GAAG;EAC3CC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM;EACNC,IAAI,GAAGd,CAAC,CAAC,EAAE,CAAC;EACZe,IAAI,GAAG,MAAM;EACbC,kBAAkB;EAClBC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGlB,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEmB,EAAE;IAAEC;EAAO,CAAC,GAAGjB,UAAU,CAACS,MAAM,EAAEE,IAAI,EAAEI,CAAC,CAAC;EAClD;EACA,MAAMG,SAAS,GACbN,kBAAkB,KAAKO,SAAS,GAC5BP,kBAAkB,IAAIO,SAAS,GAC/Bf,YAAY,CAACK,MAAM,CAAC;EAE1B,oBACEN,IAAA,CAACR,IAAI;IACHkB,KAAK,EAAE,CACLZ,MAAM,CAACmB,GAAG,EACV;MACEC,KAAK,EAAEX,IAAI;MACXY,MAAM,EAAEZ,IAAI;MACZa,YAAY,EAAEb,IAAI,GAAG,CAAC;MACtBc,eAAe,EAAER,EAAE;MACnBS,WAAW,EAAER;IACf,CAAC,EACDJ,KAAK,CACL;IACFa,UAAU,EAAE,CAAC,CAACR,SAAU;IACxBN,kBAAkB,EAAEM,SAAU;IAC9BJ,MAAM,EAAEA,MAAO;IAAAa,QAAA,EAEdlB,MAAM,KAAK,MAAM,gBAChBN,IAAA,CAACL,IAAI;MACH8B,IAAI,EAAC,OAAO;MACZlB,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,GAAG,CAAE;MAC7BqB,KAAK,EAAEhB,CAAC,CAACiB,SAAU;MACnBC,WAAW,EAAE;IAAI,CAClB,CAAC,GACAxB,MAAM,KAAK,QAAQ;IAAA;IACrB;IACAN,IAAA,CAACJ,QAAQ;MAACW,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,KAAK;IAAE,CAAE,CAAC,GAC1C;EAAI,CACJ,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","View","r","useColors","Icon","PulseDot","paletteFor","styles","jsx","_jsx","DEFAULT_A11Y","pending","active","done","error","StatusDot","status","size","tone","accessibilityLabel","style","testID","c","bg","border","a11yLabel","undefined","dot","width","height","borderRadius","backgroundColor","borderColor","accessible","children","name","Math","round","color","onPrimary","strokeWidth","onError"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/StatusDot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,UAAU,EAAEC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAoC,GAAG;EAC3CC,OAAO,EAAE,SAAS;EAClBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACT,CAAC;AAED,OAAO,SAASC,SAASA,CAAC;EACxBC,MAAM;EACNC,IAAI,GAAGf,CAAC,CAAC,EAAE,CAAC;EACZgB,IAAI,GAAG,MAAM;EACbC,kBAAkB;EAClBC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGnB,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEoB,EAAE;IAAEC;EAAO,CAAC,GAAGlB,UAAU,CAACU,MAAM,EAAEE,IAAI,EAAEI,CAAC,CAAC;EAClD;EACA,MAAMG,SAAS,GACbN,kBAAkB,KAAKO,SAAS,GAC5BP,kBAAkB,IAAIO,SAAS,GAC/BhB,YAAY,CAACM,MAAM,CAAC;EAE1B,oBACEP,IAAA,CAACR,IAAI;IACHmB,KAAK,EAAE,CACLb,MAAM,CAACoB,GAAG,EACV;MACEC,KAAK,EAAEX,IAAI;MACXY,MAAM,EAAEZ,IAAI;MACZa,YAAY,EAAEb,IAAI,GAAG,CAAC;MACtBc,eAAe,EAAER,EAAE;MACnBS,WAAW,EAAER;IACf,CAAC,EACDJ,KAAK,CACL;IACFa,UAAU,EAAE,CAAC,CAACR,SAAU;IACxBN,kBAAkB,EAAEM,SAAU;IAC9BJ,MAAM,EAAEA,MAAO;IAAAa,QAAA,EAEdlB,MAAM,KAAK,MAAM,gBAChBP,IAAA,CAACL,IAAI;MACH+B,IAAI,EAAC,OAAO;MACZlB,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,GAAG,CAAE;MAC7BqB,KAAK,EAAEhB,CAAC,CAACiB,SAAU;MACnBC,WAAW,EAAE;IAAI,CAClB,CAAC,GACAxB,MAAM,KAAK,OAAO,gBACpBP,IAAA,CAACL,IAAI;MACH+B,IAAI,EAAC,OAAO;MACZlB,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,GAAG,CAAE;MAC7BqB,KAAK,EAAEhB,CAAC,CAACmB,OAAQ;MACjBD,WAAW,EAAE;IAAI,CAClB,CAAC,GACAxB,MAAM,KAAK,QAAQ;IAAA;IACrB;IACAP,IAAA,CAACJ,QAAQ;MAACY,IAAI,EAAEmB,IAAI,CAACC,KAAK,CAACpB,IAAI,GAAG,KAAK;IAAE,CAAE,CAAC,GAC1C;EAAI,CACJ,CAAC;AAEX","ignoreList":[]}

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

@@ -25,6 +25,11 @@ export function paletteFor(status, tone, c) {
         bg: c.success,
         border: c.success
       };
+    case 'error':
+      return {
+        bg: c.error,
+        border: c.error
+      };
     case 'active':
       return {
         bg: tone === 'soft' ? c.primaryContainer : 'transparent',

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","r","styles","create","dot","borderWidth","alignItems","justifyContent","paletteFor","status","tone","c","bg","success","border","primaryContainer","primary","surface","outline"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,CAAC,QAA0B,yBAAgB;AAGpD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EACtCC,GAAG,EAAE;IACHC,WAAW,EAAEJ,CAAC,CAAC,GAAG,CAAC;IACnBK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CACxBC,MAAuB,EACvBC,IAAmB,EACnBC,CAAc,EACkB;EAChC,QAAQF,MAAM;IACZ,KAAK,MAAM;MACT,OAAO;QAAEG,EAAE,EAAED,CAAC,CAACE,OAAO;QAAEC,MAAM,EAAEH,CAAC,CAACE;MAAQ,CAAC;IAC7C,KAAK,QAAQ;MACX,OAAO;QACLD,EAAE,EAAEF,IAAI,KAAK,MAAM,GAAGC,CAAC,CAACI,gBAAgB,GAAG,aAAa;QACxDD,MAAM,EAAEH,CAAC,CAACK;MACZ,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLJ,EAAE,EAAEF,IAAI,KAAK,MAAM,GAAGC,CAAC,CAACM,OAAO,GAAG,aAAa;QAC/CH,MAAM,EAAEH,CAAC,CAACO;MACZ,CAAC;EACL;AACF","ignoreList":[]}
+{"version":3,"names":["StyleSheet","r","styles","create","dot","borderWidth","alignItems","justifyContent","paletteFor","status","tone","c","bg","success","border","error","primaryContainer","primary","surface","outline"],"sourceRoot":"../../../../../src","sources":["components/ui/StatusDot/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,CAAC,QAA0B,yBAAgB;AAGpD;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EACtCC,GAAG,EAAE;IACHC,WAAW,EAAEJ,CAAC,CAAC,GAAG,CAAC;IACnBK,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CACxBC,MAAuB,EACvBC,IAAmB,EACnBC,CAAc,EACkB;EAChC,QAAQF,MAAM;IACZ,KAAK,MAAM;MACT,OAAO;QAAEG,EAAE,EAAED,CAAC,CAACE,OAAO;QAAEC,MAAM,EAAEH,CAAC,CAACE;MAAQ,CAAC;IAC7C,KAAK,OAAO;MACV,OAAO;QAAED,EAAE,EAAED,CAAC,CAACI,KAAK;QAAED,MAAM,EAAEH,CAAC,CAACI;MAAM,CAAC;IACzC,KAAK,QAAQ;MACX,OAAO;QACLH,EAAE,EAAEF,IAAI,KAAK,MAAM,GAAGC,CAAC,CAACK,gBAAgB,GAAG,aAAa;QACxDF,MAAM,EAAEH,CAAC,CAACM;MACZ,CAAC;IACH,KAAK,SAAS;MACZ,OAAO;QACLL,EAAE,EAAEF,IAAI,KAAK,MAAM,GAAGC,CAAC,CAACO,OAAO,GAAG,aAAa;QAC/CJ,MAAM,EAAEH,CAAC,CAACQ;MACZ,CAAC;EACL;AACF","ignoreList":[]}

package/lib/typescript/src/components/ui/StatusDot/StatusDot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAa9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,IAAY,EACZ,IAAa,EACb,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuCpC"}
+{"version":3,"file":"StatusDot.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/StatusDot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAc9C,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,IAAY,EACZ,IAAa,EACb,kBAAkB,EAClB,KAAK,EACL,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CpC"}

package/lib/typescript/src/components/ui/StatusDot/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAK,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9D;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;EAMjB,CAAC;AAEH;;yFAEyF;AACzF,wBAAgB,UAAU,CACxB,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,aAAa,EACnB,CAAC,EAAE,WAAW,GACb;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAehC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAK,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9D;;;;GAIG;AACH,eAAO,MAAM,MAAM;;;;;;EAMjB,CAAC;AAEH;;yFAEyF;AACzF,wBAAgB,UAAU,CACxB,MAAM,EAAE,eAAe,EACvB,IAAI,EAAE,aAAa,EACnB,CAAC,EAAE,WAAW,GACb;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAiBhC"}

package/lib/typescript/src/components/ui/StatusDot/types.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, ViewStyle } from 'react-native';
-export type StatusDotStatus = 'pending' | 'active' | 'done';
+export type StatusDotStatus = 'pending' | 'active' | 'done' | 'error';
 /**
  * `flat`：pending/active 底色透明（任务列表风格）。
  * `soft`：pending = surface、active = primaryContainer，常用于推理链。

package/lib/typescript/src/components/ui/StatusDot/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5D;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/StatusDot/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtE;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "description": "Unif 设计系统:theme + icons + utils + components",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/ui/StatusDot/StatusDot.tsx

@@ -8,13 +8,14 @@ import type { StatusDotProps } from './types';
 
 /**
  * 任务列表 / 推理链通用的状态圆点。
- * done = 绿底 + 白勾；active = 边框 + 内部 PulseDot；pending = 仅边框。
+ * done = 绿底 + 白勾；error = 红底 + 白叉；active = 边框 + 内部 PulseDot；pending = 仅边框。
  */
 // status 派生默认 a11y label —— 不传时 SR 仍能播报状态语义。
 const DEFAULT_A11Y: Record<string, string> = {
   pending: 'pending',
   active: 'active',
   done: 'done',
+  error: 'error',
 };
 
 export function StatusDot({
@@ -57,6 +58,13 @@ export function StatusDot({
           color={c.onPrimary}
           strokeWidth={2.5}
         />
+      ) : status === 'error' ? (
+        <Icon
+          name="close"
+          size={Math.round(size * 0.6)}
+          color={c.onError}
+          strokeWidth={2.5}
+        />
       ) : status === 'active' ? (
         // [L-13] size 随外圈等比派生(系数 0.375 ≈ 6/16),视觉居中且不溢出。
         <PulseDot size={Math.round(size * 0.375)} />

package/src/components/ui/StatusDot/styles.ts

@@ -26,6 +26,8 @@ export function paletteFor(
   switch (status) {
     case 'done':
       return { bg: c.success, border: c.success };
+    case 'error':
+      return { bg: c.error, border: c.error };
     case 'active':
       return {
         bg: tone === 'soft' ? c.primaryContainer : 'transparent',

package/src/components/ui/StatusDot/types.ts

@@ -1,6 +1,6 @@
 import type { StyleProp, ViewStyle } from 'react-native';
 
-export type StatusDotStatus = 'pending' | 'active' | 'done';
+export type StatusDotStatus = 'pending' | 'active' | 'done' | 'error';
 
 /**
  * `flat`：pending/active 底色透明（任务列表风格）。