@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.
- package/README.md +14 -14
- package/jest-resolver.js +12 -1
- package/jest-setup.js +26 -8
- package/lib/module/components/ui/Avatar/Avatar.js +4 -3
- package/lib/module/components/ui/Avatar/Avatar.js.map +1 -1
- package/lib/module/components/ui/Avatar/styles.js +10 -2
- package/lib/module/components/ui/Avatar/styles.js.map +1 -1
- package/lib/module/components/ui/AvatarGroup/AvatarGroup.js +112 -0
- package/lib/module/components/ui/AvatarGroup/AvatarGroup.js.map +1 -0
- package/lib/module/components/ui/AvatarGroup/index.js +4 -0
- package/lib/module/components/ui/AvatarGroup/index.js.map +1 -0
- package/lib/module/components/ui/AvatarGroup/layout.js +44 -0
- package/lib/module/components/ui/AvatarGroup/layout.js.map +1 -0
- package/lib/module/components/ui/AvatarGroup/normalize.js +20 -0
- package/lib/module/components/ui/AvatarGroup/normalize.js.map +1 -0
- package/lib/module/components/ui/AvatarGroup/styles.js +20 -0
- package/lib/module/components/ui/AvatarGroup/styles.js.map +1 -0
- package/lib/module/components/ui/AvatarGroup/types.js +4 -0
- package/lib/module/components/ui/AvatarGroup/types.js.map +1 -0
- package/lib/module/components/ui/CircularProgress/CircularProgress.js +108 -0
- package/lib/module/components/ui/CircularProgress/CircularProgress.js.map +1 -0
- package/lib/module/components/ui/CircularProgress/index.js +4 -0
- package/lib/module/components/ui/CircularProgress/index.js.map +1 -0
- package/lib/module/components/ui/CircularProgress/normalizeCircularProgress.js +42 -0
- package/lib/module/components/ui/CircularProgress/normalizeCircularProgress.js.map +1 -0
- package/lib/module/components/ui/CircularProgress/types.js +4 -0
- package/lib/module/components/ui/CircularProgress/types.js.map +1 -0
- package/lib/module/components/ui/index.js +2 -0
- package/lib/module/components/ui/index.js.map +1 -1
- package/lib/typescript/manual-tests/runtime-api/RuntimeApiScreen.d.ts +1 -1
- package/lib/typescript/src/components/ui/Avatar/Avatar.d.ts +2 -2
- package/lib/typescript/src/components/ui/Avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Avatar/index.d.ts +1 -1
- package/lib/typescript/src/components/ui/Avatar/index.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Avatar/styles.d.ts +4 -2
- package/lib/typescript/src/components/ui/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Avatar/types.d.ts +4 -0
- package/lib/typescript/src/components/ui/Avatar/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/AvatarGroup/AvatarGroup.d.ts +5 -0
- package/lib/typescript/src/components/ui/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/AvatarGroup/index.d.ts +3 -0
- package/lib/typescript/src/components/ui/AvatarGroup/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/AvatarGroup/layout.d.ts +16 -0
- package/lib/typescript/src/components/ui/AvatarGroup/layout.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/AvatarGroup/normalize.d.ts +9 -0
- package/lib/typescript/src/components/ui/AvatarGroup/normalize.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/AvatarGroup/styles.d.ts +17 -0
- package/lib/typescript/src/components/ui/AvatarGroup/styles.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/AvatarGroup/types.d.ts +36 -0
- package/lib/typescript/src/components/ui/AvatarGroup/types.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/CircularProgress/CircularProgress.d.ts +3 -0
- package/lib/typescript/src/components/ui/CircularProgress/CircularProgress.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/CircularProgress/index.d.ts +3 -0
- package/lib/typescript/src/components/ui/CircularProgress/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/CircularProgress/normalizeCircularProgress.d.ts +15 -0
- package/lib/typescript/src/components/ui/CircularProgress/normalizeCircularProgress.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/CircularProgress/types.d.ts +24 -0
- package/lib/typescript/src/components/ui/CircularProgress/types.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/index.d.ts +5 -1
- package/lib/typescript/src/components/ui/index.d.ts.map +1 -1
- package/package.json +12 -12
- package/src/components/ui/Avatar/Avatar.tsx +9 -3
- package/src/components/ui/Avatar/index.ts +6 -1
- package/src/components/ui/Avatar/styles.ts +14 -3
- package/src/components/ui/Avatar/types.ts +5 -0
- package/src/components/ui/AvatarGroup/AvatarGroup.tsx +147 -0
- package/src/components/ui/AvatarGroup/index.ts +2 -0
- package/src/components/ui/AvatarGroup/layout.ts +56 -0
- package/src/components/ui/AvatarGroup/normalize.ts +28 -0
- package/src/components/ui/AvatarGroup/styles.ts +19 -0
- package/src/components/ui/AvatarGroup/types.ts +40 -0
- package/src/components/ui/CircularProgress/CircularProgress.tsx +111 -0
- package/src/components/ui/CircularProgress/index.ts +2 -0
- package/src/components/ui/CircularProgress/normalizeCircularProgress.ts +64 -0
- package/src/components/ui/CircularProgress/types.ts +24 -0
- 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 @@
|
|
|
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;
|
|
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.
|
|
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
|
-
*
|
|
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;
|
|
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 +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,
|
|
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 ——
|
|
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,
|
|
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 @@
|
|
|
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 @@
|
|
|
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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,
|
|
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.
|
|
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.
|
|
89
|
-
"@react-native/babel-preset": "0.86.
|
|
90
|
-
"@react-native/eslint-config": "0.86.
|
|
91
|
-
"@react-native/jest-preset": "0.86.
|
|
92
|
-
"@react-native/metro-config": "0.86.
|
|
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": "
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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 {
|
|
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
|
-
*
|
|
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:
|
|
51
|
+
borderRadius: resolveAvatarBorderRadius(size, shape),
|
|
46
52
|
backgroundColor: palette.bg,
|
|
47
53
|
},
|
|
48
54
|
style,
|
|
@@ -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 ——
|
|
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
|
/**
|