@unif/react-native-design 0.28.0 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/README.md +14 -14
  2. package/jest-resolver.js +12 -1
  3. package/jest-setup.js +26 -8
  4. package/lib/module/components/ui/Avatar/Avatar.js +4 -3
  5. package/lib/module/components/ui/Avatar/Avatar.js.map +1 -1
  6. package/lib/module/components/ui/Avatar/styles.js +10 -2
  7. package/lib/module/components/ui/Avatar/styles.js.map +1 -1
  8. package/lib/module/components/ui/AvatarGroup/AvatarGroup.js +112 -0
  9. package/lib/module/components/ui/AvatarGroup/AvatarGroup.js.map +1 -0
  10. package/lib/module/components/ui/AvatarGroup/index.js +4 -0
  11. package/lib/module/components/ui/AvatarGroup/index.js.map +1 -0
  12. package/lib/module/components/ui/AvatarGroup/layout.js +44 -0
  13. package/lib/module/components/ui/AvatarGroup/layout.js.map +1 -0
  14. package/lib/module/components/ui/AvatarGroup/normalize.js +20 -0
  15. package/lib/module/components/ui/AvatarGroup/normalize.js.map +1 -0
  16. package/lib/module/components/ui/AvatarGroup/styles.js +20 -0
  17. package/lib/module/components/ui/AvatarGroup/styles.js.map +1 -0
  18. package/lib/module/components/ui/AvatarGroup/types.js +4 -0
  19. package/lib/module/components/ui/AvatarGroup/types.js.map +1 -0
  20. package/lib/module/components/ui/CircularProgress/CircularProgress.js +108 -0
  21. package/lib/module/components/ui/CircularProgress/CircularProgress.js.map +1 -0
  22. package/lib/module/components/ui/CircularProgress/index.js +4 -0
  23. package/lib/module/components/ui/CircularProgress/index.js.map +1 -0
  24. package/lib/module/components/ui/CircularProgress/normalizeCircularProgress.js +42 -0
  25. package/lib/module/components/ui/CircularProgress/normalizeCircularProgress.js.map +1 -0
  26. package/lib/module/components/ui/CircularProgress/types.js +4 -0
  27. package/lib/module/components/ui/CircularProgress/types.js.map +1 -0
  28. package/lib/module/components/ui/index.js +2 -0
  29. package/lib/module/components/ui/index.js.map +1 -1
  30. package/lib/typescript/manual-tests/runtime-api/RuntimeApiScreen.d.ts +1 -1
  31. package/lib/typescript/src/components/ui/Avatar/Avatar.d.ts +2 -2
  32. package/lib/typescript/src/components/ui/Avatar/Avatar.d.ts.map +1 -1
  33. package/lib/typescript/src/components/ui/Avatar/index.d.ts +1 -1
  34. package/lib/typescript/src/components/ui/Avatar/index.d.ts.map +1 -1
  35. package/lib/typescript/src/components/ui/Avatar/styles.d.ts +4 -2
  36. package/lib/typescript/src/components/ui/Avatar/styles.d.ts.map +1 -1
  37. package/lib/typescript/src/components/ui/Avatar/types.d.ts +4 -0
  38. package/lib/typescript/src/components/ui/Avatar/types.d.ts.map +1 -1
  39. package/lib/typescript/src/components/ui/AvatarGroup/AvatarGroup.d.ts +5 -0
  40. package/lib/typescript/src/components/ui/AvatarGroup/AvatarGroup.d.ts.map +1 -0
  41. package/lib/typescript/src/components/ui/AvatarGroup/index.d.ts +3 -0
  42. package/lib/typescript/src/components/ui/AvatarGroup/index.d.ts.map +1 -0
  43. package/lib/typescript/src/components/ui/AvatarGroup/layout.d.ts +16 -0
  44. package/lib/typescript/src/components/ui/AvatarGroup/layout.d.ts.map +1 -0
  45. package/lib/typescript/src/components/ui/AvatarGroup/normalize.d.ts +9 -0
  46. package/lib/typescript/src/components/ui/AvatarGroup/normalize.d.ts.map +1 -0
  47. package/lib/typescript/src/components/ui/AvatarGroup/styles.d.ts +17 -0
  48. package/lib/typescript/src/components/ui/AvatarGroup/styles.d.ts.map +1 -0
  49. package/lib/typescript/src/components/ui/AvatarGroup/types.d.ts +36 -0
  50. package/lib/typescript/src/components/ui/AvatarGroup/types.d.ts.map +1 -0
  51. package/lib/typescript/src/components/ui/CircularProgress/CircularProgress.d.ts +3 -0
  52. package/lib/typescript/src/components/ui/CircularProgress/CircularProgress.d.ts.map +1 -0
  53. package/lib/typescript/src/components/ui/CircularProgress/index.d.ts +3 -0
  54. package/lib/typescript/src/components/ui/CircularProgress/index.d.ts.map +1 -0
  55. package/lib/typescript/src/components/ui/CircularProgress/normalizeCircularProgress.d.ts +15 -0
  56. package/lib/typescript/src/components/ui/CircularProgress/normalizeCircularProgress.d.ts.map +1 -0
  57. package/lib/typescript/src/components/ui/CircularProgress/types.d.ts +24 -0
  58. package/lib/typescript/src/components/ui/CircularProgress/types.d.ts.map +1 -0
  59. package/lib/typescript/src/components/ui/index.d.ts +5 -1
  60. package/lib/typescript/src/components/ui/index.d.ts.map +1 -1
  61. package/package.json +12 -12
  62. package/src/components/ui/Avatar/Avatar.tsx +9 -3
  63. package/src/components/ui/Avatar/index.ts +6 -1
  64. package/src/components/ui/Avatar/styles.ts +14 -3
  65. package/src/components/ui/Avatar/types.ts +5 -0
  66. package/src/components/ui/AvatarGroup/AvatarGroup.tsx +147 -0
  67. package/src/components/ui/AvatarGroup/index.ts +2 -0
  68. package/src/components/ui/AvatarGroup/layout.ts +56 -0
  69. package/src/components/ui/AvatarGroup/normalize.ts +28 -0
  70. package/src/components/ui/AvatarGroup/styles.ts +19 -0
  71. package/src/components/ui/AvatarGroup/types.ts +40 -0
  72. package/src/components/ui/CircularProgress/CircularProgress.tsx +111 -0
  73. package/src/components/ui/CircularProgress/index.ts +2 -0
  74. package/src/components/ui/CircularProgress/normalizeCircularProgress.ts +64 -0
  75. package/src/components/ui/CircularProgress/types.ts +24 -0
  76. package/src/components/ui/index.ts +10 -1
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+
3
+ import { createLogger } from "../../../utils/logger/index.js";
4
+ const log = createLogger('CircularProgress');
5
+ const warnedKeys = new Set();
6
+ function warnOnce(key, message) {
7
+ if (warnedKeys.has(key)) return;
8
+ warnedKeys.add(key);
9
+ log.warn(message);
10
+ }
11
+ export function normalizeCircularProgress(input) {
12
+ const {
13
+ value,
14
+ size,
15
+ thickness
16
+ } = input;
17
+ if (!Number.isFinite(value) || value < 0 || value > 1) {
18
+ warnOnce(`value:${value}`, `value 应为 0..1 的有限数,传入 ${value},已收敛到安全范围`);
19
+ }
20
+ if (!Number.isFinite(size) || size < 16) {
21
+ warnOnce(`size:${size}`, `size 应为 ≥16 的有限数,传入 ${size},已钳到 16`);
22
+ }
23
+ if (!Number.isFinite(thickness) || thickness <= 0) {
24
+ warnOnce(`thickness:${thickness}`, `thickness 应为正有限数,传入 ${thickness},已 fallback 为 2`);
25
+ }
26
+ const safeValue = Number.isFinite(value) ? Math.min(1, Math.max(0, value)) : 0;
27
+ const safeSize = Number.isFinite(size) && size >= 16 ? size : 16;
28
+ const fallbackThickness = Number.isFinite(thickness) && thickness > 0 ? thickness : 2;
29
+ const safeThickness = Math.min(fallbackThickness, safeSize / 2);
30
+ const radius = (safeSize - safeThickness) / 2;
31
+ const circumference = 2 * Math.PI * radius;
32
+ return {
33
+ safeValue,
34
+ percentage: Math.round(safeValue * 100),
35
+ safeSize,
36
+ safeThickness,
37
+ radius,
38
+ circumference,
39
+ dashOffset: circumference * (1 - safeValue)
40
+ };
41
+ }
42
+ //# sourceMappingURL=normalizeCircularProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["createLogger","log","warnedKeys","Set","warnOnce","key","message","has","add","warn","normalizeCircularProgress","input","value","size","thickness","Number","isFinite","safeValue","Math","min","max","safeSize","fallbackThickness","safeThickness","radius","circumference","PI","percentage","round","dashOffset"],"sourceRoot":"../../../../../src","sources":["components/ui/CircularProgress/normalizeCircularProgress.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,gCAAuB;AAEpD,MAAMC,GAAG,GAAGD,YAAY,CAAC,kBAAkB,CAAC;AAC5C,MAAME,UAAU,GAAG,IAAIC,GAAG,CAAS,CAAC;AAYpC,SAASC,QAAQA,CAACC,GAAW,EAAEC,OAAe,EAAQ;EACpD,IAAIJ,UAAU,CAACK,GAAG,CAACF,GAAG,CAAC,EAAE;EACzBH,UAAU,CAACM,GAAG,CAACH,GAAG,CAAC;EACnBJ,GAAG,CAACQ,IAAI,CAACH,OAAO,CAAC;AACnB;AAEA,OAAO,SAASI,yBAAyBA,CAACC,KAIzC,EAA8B;EAC7B,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGH,KAAK;EAExC,IAAI,CAACI,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIA,KAAK,GAAG,CAAC,EAAE;IACrDR,QAAQ,CACN,SAASQ,KAAK,EAAE,EAChB,yBAAyBA,KAAK,WAChC,CAAC;EACH;EACA,IAAI,CAACG,MAAM,CAACC,QAAQ,CAACH,IAAI,CAAC,IAAIA,IAAI,GAAG,EAAE,EAAE;IACvCT,QAAQ,CAAC,QAAQS,IAAI,EAAE,EAAE,uBAAuBA,IAAI,SAAS,CAAC;EAChE;EACA,IAAI,CAACE,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAAIA,SAAS,IAAI,CAAC,EAAE;IACjDV,QAAQ,CACN,aAAaU,SAAS,EAAE,EACxB,uBAAuBA,SAAS,iBAClC,CAAC;EACH;EAEA,MAAMG,SAAS,GAAGF,MAAM,CAACC,QAAQ,CAACJ,KAAK,CAAC,GACpCM,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,CAAC,EAAER,KAAK,CAAC,CAAC,GAC/B,CAAC;EACL,MAAMS,QAAQ,GAAGN,MAAM,CAACC,QAAQ,CAACH,IAAI,CAAC,IAAIA,IAAI,IAAI,EAAE,GAAGA,IAAI,GAAG,EAAE;EAChE,MAAMS,iBAAiB,GACrBP,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAAIA,SAAS,GAAG,CAAC,GAAGA,SAAS,GAAG,CAAC;EAC7D,MAAMS,aAAa,GAAGL,IAAI,CAACC,GAAG,CAACG,iBAAiB,EAAED,QAAQ,GAAG,CAAC,CAAC;EAC/D,MAAMG,MAAM,GAAG,CAACH,QAAQ,GAAGE,aAAa,IAAI,CAAC;EAC7C,MAAME,aAAa,GAAG,CAAC,GAAGP,IAAI,CAACQ,EAAE,GAAGF,MAAM;EAE1C,OAAO;IACLP,SAAS;IACTU,UAAU,EAAET,IAAI,CAACU,KAAK,CAACX,SAAS,GAAG,GAAG,CAAC;IACvCI,QAAQ;IACRE,aAAa;IACbC,MAAM;IACNC,aAAa;IACbI,UAAU,EAAEJ,aAAa,IAAI,CAAC,GAAGR,SAAS;EAC5C,CAAC;AACH","ignoreList":[]}
@@ -0,0 +1,4 @@
1
+ "use strict";
2
+
3
+ export {};
4
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/ui/CircularProgress/types.ts"],"mappings":"","ignoreList":[]}
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  export { Avatar } from "./Avatar/index.js";
4
+ export { AvatarGroup } from "./AvatarGroup/index.js";
4
5
  export { BlurLayer } from "./BlurLayer/index.js";
5
6
  export { Button } from "./Button/index.js";
6
7
  export { Card } from "./Card/index.js";
@@ -8,6 +9,7 @@ export { Carousel } from "./Carousel/index.js";
8
9
  export { Cell, List } from "./Cell/index.js";
9
10
  export { Checkbox } from "./Checkbox/index.js";
10
11
  export { Chip } from "./Chip/index.js";
12
+ export { CircularProgress } from "./CircularProgress/index.js";
11
13
  export { confirm, ConfirmHost } from "./Confirm/index.js";
12
14
  export { DrawerHeader } from "./DrawerHeader/index.js";
13
15
  export { Empty } from "./Empty/index.js";
@@ -1 +1 @@
1
- {"version":3,"names":["Avatar","BlurLayer","Button","Card","Carousel","Cell","List","Checkbox","Chip","confirm","ConfirmHost","DrawerHeader","Empty","EntryCard","Form","FormGroup","FormRow","Grid","Icon","IconButton","Input","Logo","NavBar","PasswordInput","Pulse","PulseDot","usePulse","Radio","Reveal","Ribbon","Search","Skeleton","Segmented","Spinner","StatusDot","Stepper","Switch","TabBar","Tabs","Tag","Textarea","Thumbnail","toast","ToastHost"],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,mBAAU;AAEjC,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAQ;AAQnC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,OAAO,EAAEC,WAAW,QAAQ,oBAAW;AAEhD,SAASC,YAAY,QAAQ,yBAAgB;AAE7C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,iBAAQ;AAEjD,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,UAAU,QAAQ,uBAAc;AAEzC,SAASC,KAAK,QAAQ,kBAAS;AAO/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,aAAa,QAAQ,0BAAiB;AAE/C,SAASC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,kBAAS;AAEnD,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,SAAS,QAAQ,sBAAa;AAMvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAE3B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAMvC,SAASC,KAAK,EAAEC,SAAS,QAAQ,kBAAS","ignoreList":[]}
1
+ {"version":3,"names":["Avatar","AvatarGroup","BlurLayer","Button","Card","Carousel","Cell","List","Checkbox","Chip","CircularProgress","confirm","ConfirmHost","DrawerHeader","Empty","EntryCard","Form","FormGroup","FormRow","Grid","Icon","IconButton","Input","Logo","NavBar","PasswordInput","Pulse","PulseDot","usePulse","Radio","Reveal","Ribbon","Search","Skeleton","Segmented","Spinner","StatusDot","Stepper","Switch","TabBar","Tabs","Tag","Textarea","Thumbnail","toast","ToastHost"],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,mBAAU;AAOjC,SAASC,WAAW,QAAQ,wBAAe;AAE3C,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAQ;AAQnC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,gBAAgB,QAAQ,6BAAoB;AAErD,SAASC,OAAO,EAAEC,WAAW,QAAQ,oBAAW;AAEhD,SAASC,YAAY,QAAQ,yBAAgB;AAE7C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,iBAAQ;AAEjD,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,UAAU,QAAQ,uBAAc;AAEzC,SAASC,KAAK,QAAQ,kBAAS;AAO/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,aAAa,QAAQ,0BAAiB;AAE/C,SAASC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,kBAAS;AAEnD,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,SAAS,QAAQ,sBAAa;AAMvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAE3B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAMvC,SAASC,KAAK,EAAEC,SAAS,QAAQ,kBAAS","ignoreList":[]}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  /**
3
3
  * Runtime API 人工验证屏 —— 由 `yarn create:runtime-harness` 拷进临时的
4
- * RN 0.86.2 app 里跑,**不属于任何自动化测试**。
4
+ * RN 0.86.3 app 里跑,**不属于任何自动化测试**。
5
5
  *
6
6
  * 它只 import 包根 barrel(与真实消费者一致),用来验证 Jest 覆盖不到的部分:
7
7
  * 真实 native / Web 结构、44pt 命中框、a11y tree、reduced motion 和竞态。
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import type { AvatarProps } from './types';
3
3
  /**
4
- * 圆形头像 —— 5 档尺寸 × 4 种配色 × 可选图片 source。
4
+ * 头像 —— 2 种形态 × 5 档尺寸 × 4 种配色 × 可选图片 source。
5
5
  *
6
6
  * 合法 source 由 keyed ImageAttempt 独立持有失败状态;非法 source 或加载失败
7
7
  * 时渲染 label + variant 背景色。
8
8
  */
9
- export declare function Avatar({ label, size, variant, source, style, testID, }: AvatarProps): React.JSX.Element;
9
+ export declare function Avatar({ label, size, shape, variant, source, style, testID, }: AvatarProps): React.JSX.Element;
10
10
  //# sourceMappingURL=Avatar.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAW,EACX,OAAmB,EACnB,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6CjC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C;;;;;GAKG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,IAAW,EACX,KAAgB,EAChB,OAAmB,EACnB,MAAM,EACN,KAAK,EACL,MAAM,GACP,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6CjC"}
@@ -1,3 +1,3 @@
1
1
  export { Avatar } from './Avatar';
2
- export type { AvatarProps, AvatarSize, AvatarVariant } from './types';
2
+ export type { AvatarProps, AvatarShape, AvatarSize, AvatarVariant, } from './types';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EACV,WAAW,EACX,WAAW,EACX,UAAU,EACV,aAAa,GACd,MAAM,SAAS,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import { type ColorTokens } from '../../../theme';
2
- import type { AvatarSize, AvatarVariant } from './types';
3
- /** Avatar 静态 base —— 圆形容器(borderRadius / 尺寸由 sizingFor 派生)。 */
2
+ import type { AvatarShape, AvatarSize, AvatarVariant } from './types';
3
+ /** Avatar 静态 base —— 容器圆角 / 尺寸由 resolver 派生。 */
4
4
  export declare const styles: Readonly<{
5
5
  base: {
6
6
  alignItems: "center";
@@ -22,6 +22,8 @@ export declare function sizingFor(size: AvatarSize): {
22
22
  box: number;
23
23
  fs: number;
24
24
  };
25
+ /** circle 保留直径一半的现有视觉;square 按尺寸使用既有圆角 token。 */
26
+ export declare function resolveAvatarBorderRadius(size: AvatarSize, shape: AvatarShape): number;
25
27
  /** Avatar 配色推导:4 种 variant → { bg, fg }。签名与 Tag/Button 的 paletteFor 一致。 */
26
28
  export declare function paletteFor(variant: AvatarVariant, c: ColorTokens): {
27
29
  bg: string;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEzD,+DAA+D;AAC/D,eAAO,MAAM,MAAM;;;;;;;;;;;;;;EAcjB,CAAC;AAEH;wEACwE;AACxE,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAavE;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CACxB,OAAO,EAAE,aAAa,EACtB,CAAC,EAAE,WAAW,GACb;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAW5B"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtE,gDAAgD;AAChD,eAAO,MAAM,MAAM;;;;;;;;;;;;;;EAcjB,CAAC;AAEH;wEACwE;AACxE,wBAAgB,SAAS,CAAC,IAAI,EAAE,UAAU,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAavE;AAED,iDAAiD;AACjD,wBAAgB,yBAAyB,CACvC,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,WAAW,GACjB,MAAM,CAKR;AAED,2EAA2E;AAC3E,wBAAgB,UAAU,CACxB,OAAO,EAAE,aAAa,EACtB,CAAC,EAAE,WAAW,GACb;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAW5B"}
@@ -1,6 +1,8 @@
1
1
  import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
2
2
  /** 头像尺寸(对应 avatar.xs..xl):xs=18 / sm=28 / md=32 / lg=40 / xl=56 */
3
3
  export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
4
+ /** 头像形态:circle 为圆形,square 为带 token 圆角的方形。 */
5
+ export type AvatarShape = 'circle' | 'square';
4
6
  /**
5
7
  * 头像配色变体(仅在显示 letter / fallback 时生效,showImage 时被覆盖):
6
8
  * - `brand` 品牌橙底(AI 头像专用)
@@ -17,6 +19,8 @@ export type AvatarProps = {
17
19
  label: string;
18
20
  /** 尺寸,默认 'md' */
19
21
  size?: AvatarSize;
22
+ /** 形态,默认 'circle' */
23
+ shape?: AvatarShape;
20
24
  /** 配色变体,默认 'neutral' */
21
25
  variant?: AvatarVariant;
22
26
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,wBAAwB;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9E,mEAAmE;AACnE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,6CAA6C;AAC7C,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;AAElE,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,qBAAqB;IACrB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,uCAAuC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import type { AvatarGroupProps } from './types';
3
+ /** 重叠头像组;只拥有布局、溢出计数和可选溢出 action。 */
4
+ export declare function AvatarGroup({ items, size, shape, max, style, testID, onOverflowPress, overflowAccessibilityLabel, overflowAccessibilityHint, }: AvatarGroupProps): React.JSX.Element | null;
5
+ //# sourceMappingURL=AvatarGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAkBzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAWhD,oCAAoC;AACpC,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAW,EACX,KAAgB,EAChB,GAAG,EACH,KAAK,EACL,MAAM,EACN,eAAe,EACf,0BAA0B,EAC1B,yBAAyB,GAC1B,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0G7C"}
@@ -0,0 +1,3 @@
1
+ export { AvatarGroup } from './AvatarGroup';
2
+ export type { AvatarGroupItem, AvatarGroupProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,16 @@
1
+ import type { AvatarSize } from '../Avatar';
2
+ export type AvatarGroupHitSlop = Readonly<{
3
+ top: number;
4
+ right: number;
5
+ bottom: number;
6
+ left: number;
7
+ }>;
8
+ export type ResolvedAvatarGroupLayout = Readonly<{
9
+ box: number;
10
+ overlap: number;
11
+ borderWidth: number;
12
+ hitSlop: AvatarGroupHitSlop;
13
+ }>;
14
+ /** 五档尺寸共享的重叠、分隔边与 44pt 命中区几何。 */
15
+ export declare function resolveAvatarGroupLayout(size: AvatarSize): ResolvedAvatarGroupLayout;
16
+ //# sourceMappingURL=layout.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/layout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,CAAC;AAEH,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,kBAAkB,CAAC;CAC7B,CAAC,CAAC;AAEH,iCAAiC;AACjC,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,UAAU,GACf,yBAAyB,CAmC3B"}
@@ -0,0 +1,9 @@
1
+ import type { AvatarGroupItem } from './types';
2
+ export type NormalizedAvatarGroup = Readonly<{
3
+ visibleItems: readonly AvatarGroupItem[];
4
+ overflowCount: number;
5
+ invalidMax: boolean;
6
+ }>;
7
+ /** AvatarGroup 唯一的 max 与可见成员归一化入口。 */
8
+ export declare function normalizeAvatarGroup(items: readonly AvatarGroupItem[], max: number | undefined): NormalizedAvatarGroup;
9
+ //# sourceMappingURL=normalize.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"normalize.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/normalize.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,MAAM,qBAAqB,GAAG,QAAQ,CAAC;IAC3C,YAAY,EAAE,SAAS,eAAe,EAAE,CAAC;IACzC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC,CAAC;AAEH,sCAAsC;AACtC,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,SAAS,eAAe,EAAE,EACjC,GAAG,EAAE,MAAM,GAAG,SAAS,GACtB,qBAAqB,CAevB"}
@@ -0,0 +1,17 @@
1
+ import { type ColorTokens } from '../../../theme';
2
+ export declare const makeStyles: (_colors: ColorTokens) => Readonly<{
3
+ root: {
4
+ alignItems: "center";
5
+ flexDirection: "row";
6
+ };
7
+ overflow: {
8
+ alignItems: "center";
9
+ justifyContent: "center";
10
+ overflow: "hidden";
11
+ };
12
+ overflowText: {
13
+ fontWeight: "600";
14
+ lineHeight: undefined;
15
+ };
16
+ }>;
17
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAM,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEtD,eAAO,MAAM,UAAU,GAAI,SAAS,WAAW;;;;;;;;;;;;;;EAe3C,CAAC"}
@@ -0,0 +1,36 @@
1
+ import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
2
+ import type { AvatarShape, AvatarSize, AvatarVariant } from '../Avatar';
3
+ export type AvatarGroupItem = Readonly<{
4
+ /** 列表内唯一且稳定的身份键。 */
5
+ key: string;
6
+ /** 可见回退文字与 Avatar accessible name。 */
7
+ label: string;
8
+ source?: ImageSourcePropType;
9
+ variant?: AvatarVariant;
10
+ }>;
11
+ type SharedAvatarGroupProps = {
12
+ items: readonly AvatarGroupItem[];
13
+ /** 所有成员共用的尺寸,默认 'md'。 */
14
+ size?: AvatarSize;
15
+ /** 所有成员与溢出位共用的形态,默认 'circle'。 */
16
+ shape?: AvatarShape;
17
+ /** 最大视觉位数量,包含 +N 溢出位,必须是大于等于 2 的整数。 */
18
+ max?: number;
19
+ style?: StyleProp<ViewStyle>;
20
+ testID?: string;
21
+ };
22
+ type StaticOverflowProps = {
23
+ onOverflowPress?: never;
24
+ overflowAccessibilityLabel?: never;
25
+ overflowAccessibilityHint?: never;
26
+ };
27
+ type ActionableOverflowProps = {
28
+ onOverflowPress: () => void;
29
+ /** 默认按实际数量生成“查看其余 N 位成员”。 */
30
+ overflowAccessibilityLabel?: string;
31
+ /** 描述打开弹层、抽屉或跳转等消费端结果。 */
32
+ overflowAccessibilityHint?: string;
33
+ };
34
+ export type AvatarGroupProps = SharedAvatarGroupProps & (StaticOverflowProps | ActionableOverflowProps);
35
+ export {};
36
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/AvatarGroup/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,oBAAoB;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC,CAAC;AAEH,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,yBAAyB;IACzB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,iCAAiC;IACjC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,0BAA0B,CAAC,EAAE,KAAK,CAAC;IACnC,yBAAyB,CAAC,EAAE,KAAK,CAAC;CACnC,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,6BAA6B;IAC7B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,0BAA0B;IAC1B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,GACnD,CAAC,mBAAmB,GAAG,uBAAuB,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ import type { CircularProgressProps } from './types';
2
+ export declare function CircularProgress({ value, size, thickness, color, trackColor, showLabel, labelColor, accessibilityLabel, style, testID, }: CircularProgressProps): React.JSX.Element;
3
+ //# sourceMappingURL=CircularProgress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAmBrD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,IAAY,EACZ,SAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAiB,EACjB,UAAU,EACV,kBAAyB,EACzB,KAAK,EACL,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0E3C"}
@@ -0,0 +1,3 @@
1
+ export { CircularProgress } from './CircularProgress';
2
+ export type { CircularProgressProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,15 @@
1
+ export type NormalizedCircularProgress = Readonly<{
2
+ safeValue: number;
3
+ percentage: number;
4
+ safeSize: number;
5
+ safeThickness: number;
6
+ radius: number;
7
+ circumference: number;
8
+ dashOffset: number;
9
+ }>;
10
+ export declare function normalizeCircularProgress(input: {
11
+ value: number;
12
+ size: number;
13
+ thickness: number;
14
+ }): NormalizedCircularProgress;
15
+ //# sourceMappingURL=normalizeCircularProgress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"normalizeCircularProgress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/CircularProgress/normalizeCircularProgress.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAQH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,0BAA0B,CAsC7B"}
@@ -0,0 +1,24 @@
1
+ import type { StyleProp, ViewStyle } from 'react-native';
2
+ export type CircularProgressProps = {
3
+ /** 当前进度,使用 0..1;越界值会收敛到边界,非有限值按 0 处理。 */
4
+ value: number;
5
+ /** 圆环直径,默认 32,最小 16。 */
6
+ size?: number;
7
+ /** 圆环描边宽度,默认 2,最大为半径。 */
8
+ thickness?: number;
9
+ /** 进度颜色,默认 c.primary。 */
10
+ color?: string;
11
+ /** 轨道颜色,默认 c.outline。 */
12
+ trackColor?: string;
13
+ /** 是否在圆环中央显示取整后的百分比,默认 false。 */
14
+ showLabel?: boolean;
15
+ /** 百分比文字颜色,默认 c.foreground。 */
16
+ labelColor?: string;
17
+ /** 进度条可访问性名称,默认“进度”。 */
18
+ accessibilityLabel?: string;
19
+ /** 外层布局样式。 */
20
+ style?: StyleProp<ViewStyle>;
21
+ /** E2E / 测试定位。 */
22
+ testID?: string;
23
+ };
24
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/CircularProgress/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,qBAAqB,GAAG;IAClC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wBAAwB;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
@@ -1,5 +1,7 @@
1
1
  export { Avatar } from './Avatar';
2
- export type { AvatarProps, AvatarSize, AvatarVariant } from './Avatar';
2
+ export type { AvatarProps, AvatarShape, AvatarSize, AvatarVariant, } from './Avatar';
3
+ export { AvatarGroup } from './AvatarGroup';
4
+ export type { AvatarGroupItem, AvatarGroupProps } from './AvatarGroup';
3
5
  export { BlurLayer } from './BlurLayer';
4
6
  export type { BlurLayerProps } from './BlurLayer';
5
7
  export { Button } from './Button';
@@ -14,6 +16,8 @@ export { Checkbox } from './Checkbox';
14
16
  export type { CheckboxProps } from './Checkbox';
15
17
  export { Chip } from './Chip';
16
18
  export type { ChipProps } from './Chip';
19
+ export { CircularProgress } from './CircularProgress';
20
+ export type { CircularProgressProps } from './CircularProgress';
17
21
  export { confirm, ConfirmHost } from './Confirm';
18
22
  export type { ConfirmOptions } from './Confirm';
19
23
  export { DrawerHeader } from './DrawerHeader';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unif/react-native-design",
3
- "version": "0.28.0",
3
+ "version": "0.30.0",
4
4
  "description": "Unif 设计系统:theme + icons + utils + components",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
@@ -85,13 +85,13 @@
85
85
  "@eslint/js": "^9.39.4",
86
86
  "@jest/globals": "^30.0.0",
87
87
  "@react-native-community/cli": "20.1.0",
88
- "@react-native-community/template": "0.86.2",
89
- "@react-native/babel-preset": "0.86.2",
90
- "@react-native/eslint-config": "0.86.2",
91
- "@react-native/jest-preset": "0.86.2",
92
- "@react-native/metro-config": "0.86.2",
88
+ "@react-native-community/template": "0.86.3",
89
+ "@react-native/babel-preset": "0.86.3",
90
+ "@react-native/eslint-config": "0.86.3",
91
+ "@react-native/jest-preset": "0.86.3",
92
+ "@react-native/metro-config": "0.86.3",
93
93
  "@release-it/conventional-changelog": "^11.0.0",
94
- "@sbaiahmed1/react-native-blur": "^4.6.2",
94
+ "@sbaiahmed1/react-native-blur": "6.0.1",
95
95
  "@types/react": "^19.2.0",
96
96
  "commitlint": "^21.0.1",
97
97
  "del-cli": "^7.0.0",
@@ -103,14 +103,14 @@
103
103
  "lefthook": "^2.1.4",
104
104
  "prettier": "^3.8.1",
105
105
  "react": "19.2.3",
106
- "react-native": "0.86.2",
106
+ "react-native": "0.86.3",
107
107
  "react-native-builder-bob": "^0.41.0",
108
108
  "react-native-gesture-handler": "^3.1.0",
109
- "react-native-reanimated": "~4.5.3",
109
+ "react-native-reanimated": "~4.6.0",
110
110
  "react-native-reanimated-carousel": "^5.0.0",
111
111
  "react-native-safe-area-context": "^5.7.0",
112
112
  "react-native-svg": "^15.15.5",
113
- "react-native-worklets": "^0.11.3",
113
+ "react-native-worklets": "^0.12.1",
114
114
  "release-it": "^20.0.1",
115
115
  "semver": "^7.8.5",
116
116
  "smol-toml": "^1.7.1",
@@ -122,11 +122,11 @@
122
122
  "react": ">=19.2.3 <20.0.0",
123
123
  "react-native": ">=0.86.0",
124
124
  "react-native-gesture-handler": ">=3.0.0 <4.0.0",
125
- "react-native-reanimated": ">=4.5.2 <4.6.0",
125
+ "react-native-reanimated": ">=4.5.2 <4.7.0",
126
126
  "react-native-reanimated-carousel": ">=5.0.0 <6.0.0",
127
127
  "react-native-safe-area-context": ">=5",
128
128
  "react-native-svg": ">=15",
129
- "react-native-worklets": ">=0.11.0 <0.12.0"
129
+ "react-native-worklets": ">=0.11.0 <0.13.0"
130
130
  },
131
131
  "engines": {
132
132
  "node": "^20.19.4 || ^22.13.0 || ^24.3.0 || >= 25.0.0"
@@ -3,11 +3,16 @@ import { Text, View } from 'react-native';
3
3
  import { scaleFontMetric, useColors, useFontScale } from '../../../theme';
4
4
  import { resolveImageSource } from '../../../utils/imageSource';
5
5
  import { ImageAttempt } from '../shared/ImageAttempt';
6
- import { paletteFor, sizingFor, styles } from './styles';
6
+ import {
7
+ paletteFor,
8
+ resolveAvatarBorderRadius,
9
+ sizingFor,
10
+ styles,
11
+ } from './styles';
7
12
  import type { AvatarProps } from './types';
8
13
 
9
14
  /**
10
- * 圆形头像 —— 5 档尺寸 × 4 种配色 × 可选图片 source。
15
+ * 头像 —— 2 种形态 × 5 档尺寸 × 4 种配色 × 可选图片 source。
11
16
  *
12
17
  * 合法 source 由 keyed ImageAttempt 独立持有失败状态;非法 source 或加载失败
13
18
  * 时渲染 label + variant 背景色。
@@ -15,6 +20,7 @@ import type { AvatarProps } from './types';
15
20
  export function Avatar({
16
21
  label,
17
22
  size = 'md',
23
+ shape = 'circle',
18
24
  variant = 'neutral',
19
25
  source,
20
26
  style,
@@ -42,7 +48,7 @@ export function Avatar({
42
48
  {
43
49
  width: dims.box,
44
50
  height: dims.box,
45
- borderRadius: dims.box / 2,
51
+ borderRadius: resolveAvatarBorderRadius(size, shape),
46
52
  backgroundColor: palette.bg,
47
53
  },
48
54
  style,
@@ -1,2 +1,7 @@
1
1
  export { Avatar } from './Avatar';
2
- export type { AvatarProps, AvatarSize, AvatarVariant } from './types';
2
+ export type {
3
+ AvatarProps,
4
+ AvatarShape,
5
+ AvatarSize,
6
+ AvatarVariant,
7
+ } from './types';
@@ -1,8 +1,8 @@
1
1
  import { StyleSheet } from 'react-native';
2
- import { avatar, fw, rf, type ColorTokens } from '../../../theme';
3
- import type { AvatarSize, AvatarVariant } from './types';
2
+ import { avatar, fw, radius, rf, type ColorTokens } from '../../../theme';
3
+ import type { AvatarShape, AvatarSize, AvatarVariant } from './types';
4
4
 
5
- /** Avatar 静态 base —— 圆形容器(borderRadius / 尺寸由 sizingFor 派生)。 */
5
+ /** Avatar 静态 base —— 容器圆角 / 尺寸由 resolver 派生。 */
6
6
  export const styles = StyleSheet.create({
7
7
  base: {
8
8
  alignItems: 'center',
@@ -36,6 +36,17 @@ export function sizingFor(size: AvatarSize): { box: number; fs: number } {
36
36
  }
37
37
  }
38
38
 
39
+ /** circle 保留直径一半的现有视觉;square 按尺寸使用既有圆角 token。 */
40
+ export function resolveAvatarBorderRadius(
41
+ size: AvatarSize,
42
+ shape: AvatarShape
43
+ ): number {
44
+ if (shape === 'circle') return sizingFor(size).box / 2;
45
+ if (size === 'xs' || size === 'sm') return radius.xs;
46
+ if (size === 'xl') return radius.md;
47
+ return radius.sm;
48
+ }
49
+
39
50
  /** Avatar 配色推导:4 种 variant → { bg, fg }。签名与 Tag/Button 的 paletteFor 一致。 */
40
51
  export function paletteFor(
41
52
  variant: AvatarVariant,
@@ -3,6 +3,9 @@ import type { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
3
3
  /** 头像尺寸(对应 avatar.xs..xl):xs=18 / sm=28 / md=32 / lg=40 / xl=56 */
4
4
  export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
5
 
6
+ /** 头像形态:circle 为圆形,square 为带 token 圆角的方形。 */
7
+ export type AvatarShape = 'circle' | 'square';
8
+
6
9
  /**
7
10
  * 头像配色变体(仅在显示 letter / fallback 时生效,showImage 时被覆盖):
8
11
  * - `brand` 品牌橙底(AI 头像专用)
@@ -20,6 +23,8 @@ export type AvatarProps = {
20
23
  label: string;
21
24
  /** 尺寸,默认 'md' */
22
25
  size?: AvatarSize;
26
+ /** 形态,默认 'circle' */
27
+ shape?: AvatarShape;
23
28
  /** 配色变体,默认 'neutral' */
24
29
  variant?: AvatarVariant;
25
30
  /**