@unif/react-native-design 0.27.1 → 0.29.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 +3 -3
- 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/Ribbon/Ribbon.js +70 -0
- package/lib/module/components/ui/Ribbon/Ribbon.js.map +1 -0
- package/lib/module/components/ui/Ribbon/index.js +4 -0
- package/lib/module/components/ui/Ribbon/index.js.map +1 -0
- package/lib/module/components/ui/Ribbon/layout.js +26 -0
- package/lib/module/components/ui/Ribbon/layout.js.map +1 -0
- package/lib/module/components/ui/Ribbon/styles.js +44 -0
- package/lib/module/components/ui/Ribbon/styles.js.map +1 -0
- package/lib/module/components/ui/Ribbon/types.js +4 -0
- package/lib/module/components/ui/Ribbon/types.js.map +1 -0
- package/lib/module/components/ui/Stepper/Stepper.js +12 -2
- package/lib/module/components/ui/Stepper/Stepper.js.map +1 -1
- package/lib/module/components/ui/Stepper/displayValue.js +6 -0
- package/lib/module/components/ui/Stepper/displayValue.js.map +1 -0
- package/lib/module/components/ui/Stepper/layout.js +19 -1
- package/lib/module/components/ui/Stepper/layout.js.map +1 -1
- package/lib/module/components/ui/Stepper/styles.js +9 -1
- package/lib/module/components/ui/Stepper/styles.js.map +1 -1
- package/lib/module/components/ui/index.js +2 -0
- package/lib/module/components/ui/index.js.map +1 -1
- 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/Ribbon/Ribbon.d.ts +4 -0
- package/lib/typescript/src/components/ui/Ribbon/Ribbon.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Ribbon/index.d.ts +3 -0
- package/lib/typescript/src/components/ui/Ribbon/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Ribbon/layout.d.ts +23 -0
- package/lib/typescript/src/components/ui/Ribbon/layout.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Ribbon/styles.d.ts +31 -0
- package/lib/typescript/src/components/ui/Ribbon/styles.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Ribbon/types.d.ts +18 -0
- package/lib/typescript/src/components/ui/Ribbon/types.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Stepper/Stepper.d.ts +1 -1
- package/lib/typescript/src/components/ui/Stepper/Stepper.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Stepper/displayValue.d.ts +2 -0
- package/lib/typescript/src/components/ui/Stepper/displayValue.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/Stepper/layout.d.ts +2 -0
- package/lib/typescript/src/components/ui/Stepper/layout.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Stepper/styles.d.ts +2 -1
- package/lib/typescript/src/components/ui/Stepper/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Stepper/types.d.ts +4 -2
- package/lib/typescript/src/components/ui/Stepper/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/index.d.ts +4 -0
- package/lib/typescript/src/components/ui/index.d.ts.map +1 -1
- package/package.json +1 -1
- 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/Ribbon/Ribbon.tsx +92 -0
- package/src/components/ui/Ribbon/index.ts +2 -0
- package/src/components/ui/Ribbon/layout.ts +33 -0
- package/src/components/ui/Ribbon/styles.ts +33 -0
- package/src/components/ui/Ribbon/types.ts +19 -0
- package/src/components/ui/Stepper/Stepper.tsx +15 -3
- package/src/components/ui/Stepper/displayValue.ts +6 -0
- package/src/components/ui/Stepper/layout.ts +28 -9
- package/src/components/ui/Stepper/styles.ts +4 -1
- package/src/components/ui/Stepper/types.ts +4 -2
- package/src/components/ui/index.ts +4 -0
package/README.md
CHANGED
|
@@ -10,7 +10,7 @@ Unif 设计系统 —— theme(设计令牌)+ 组件 + 图标 + utils,面向 Rea
|
|
|
10
10
|
## 特性
|
|
11
11
|
|
|
12
12
|
- **运行时主题**:`useColors()` 角色 token 跟随系统 light/dark 自动切换;`useThemedStyles` + 模块顶层 `makeStyles` 缓存样式,绝不内联 hex。
|
|
13
|
-
- **40+ 组件**:Button、Card、Cell、NavBar、Toast 等原子组件 + AvatarWithRing、GlassStats 等通用复合组件,全部从包根 barrel 导出,无需深路径。
|
|
13
|
+
- **40+ 组件**:Button、Card、Ribbon、Cell、NavBar、Toast 等原子组件 + AvatarWithRing、GlassStats 等通用复合组件,全部从包根 barrel 导出,无需深路径。
|
|
14
14
|
- **a11y 内建**:交互组件预设 `accessibilityRole`;`IconButton` 的 `accessibilityLabel` 为类型必填。
|
|
15
15
|
- **图标集 + 严格 TS**:`IconName` 闭集类型、`<Icon>` 自动继承主题色;`strict` + `noUncheckedIndexedAccess`,类型随包发布。
|
|
16
16
|
|
|
@@ -93,9 +93,9 @@ React Native `0.86.2`、React `19.2.3`、New Architecture 和 Hermes,并通过
|
|
|
93
93
|
| `foundation` | 基础能力与图标 | Theme、token、Icon、logger、testID |
|
|
94
94
|
| `actions` | 操作与状态 | Button、IconButton、Chip、Tag、StatusDot |
|
|
95
95
|
| `feedback` | 反馈与浮层 | Empty、动效、Blur、Toast、Confirm |
|
|
96
|
-
| `forms` | 表单与输入 | 文本输入、选择控件、Stepper
|
|
96
|
+
| `forms` | 表单与输入 | 文本输入、选择控件、Stepper(xs 为横向触控 < 44pt 的紧凑档)、Form |
|
|
97
97
|
| `navigation` | 导航组件 | NavBar、DrawerHeader、Tabs、Segmented、TabBar |
|
|
98
|
-
| `collections` | 容器与集合 | Card、Cell、List、Grid、EntryCard、Carousel
|
|
98
|
+
| `collections` | 容器与集合 | Card、Ribbon、Cell、List、Grid、EntryCard、Carousel |
|
|
99
99
|
| `media` | 媒体展示 | Avatar、Thumbnail、Logo 与图片失败边界 |
|
|
100
100
|
| `business` | 业务复合组件 | 渐变、背景、统计、头像环、版本状态 |
|
|
101
101
|
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Text, View } from 'react-native';
|
|
4
|
+
import Svg, { Circle } from 'react-native-svg';
|
|
5
|
+
import { r, type, useColors } from "../../../theme/index.js";
|
|
6
|
+
import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
|
|
7
|
+
import { normalizeCircularProgress } from "./normalizeCircularProgress.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
const OUTER_CENTER_STYLE = {
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
justifyContent: 'center'
|
|
12
|
+
};
|
|
13
|
+
const VISUAL_CONTAINER_STYLE = {
|
|
14
|
+
position: 'relative'
|
|
15
|
+
};
|
|
16
|
+
const LABEL_CENTER_STYLE = {
|
|
17
|
+
fontWeight: '600',
|
|
18
|
+
left: 0,
|
|
19
|
+
position: 'absolute',
|
|
20
|
+
textAlign: 'center',
|
|
21
|
+
top: 0
|
|
22
|
+
};
|
|
23
|
+
export function CircularProgress({
|
|
24
|
+
value,
|
|
25
|
+
size = r(32),
|
|
26
|
+
thickness = r(2),
|
|
27
|
+
color,
|
|
28
|
+
trackColor,
|
|
29
|
+
showLabel = false,
|
|
30
|
+
labelColor,
|
|
31
|
+
accessibilityLabel = '进度',
|
|
32
|
+
style,
|
|
33
|
+
testID
|
|
34
|
+
}) {
|
|
35
|
+
const colors = useColors();
|
|
36
|
+
const normalized = normalizeCircularProgress({
|
|
37
|
+
value,
|
|
38
|
+
size,
|
|
39
|
+
thickness
|
|
40
|
+
});
|
|
41
|
+
const {
|
|
42
|
+
circumference,
|
|
43
|
+
dashOffset,
|
|
44
|
+
percentage,
|
|
45
|
+
radius,
|
|
46
|
+
safeSize,
|
|
47
|
+
safeThickness
|
|
48
|
+
} = normalized;
|
|
49
|
+
const center = safeSize / 2;
|
|
50
|
+
return /*#__PURE__*/_jsx(View, {
|
|
51
|
+
accessible: true,
|
|
52
|
+
accessibilityLabel: accessibilityLabel,
|
|
53
|
+
accessibilityRole: "progressbar",
|
|
54
|
+
accessibilityValue: {
|
|
55
|
+
min: 0,
|
|
56
|
+
max: 100,
|
|
57
|
+
now: percentage,
|
|
58
|
+
text: `${percentage}%`
|
|
59
|
+
},
|
|
60
|
+
style: [{
|
|
61
|
+
height: safeSize,
|
|
62
|
+
width: safeSize
|
|
63
|
+
}, style, OUTER_CENTER_STYLE],
|
|
64
|
+
testID: testID,
|
|
65
|
+
children: /*#__PURE__*/_jsxs(View, {
|
|
66
|
+
style: [{
|
|
67
|
+
height: safeSize,
|
|
68
|
+
width: safeSize
|
|
69
|
+
}, VISUAL_CONTAINER_STYLE],
|
|
70
|
+
...A11Y_HIDDEN_PROPS,
|
|
71
|
+
children: [/*#__PURE__*/_jsxs(Svg, {
|
|
72
|
+
height: safeSize,
|
|
73
|
+
width: safeSize,
|
|
74
|
+
children: [/*#__PURE__*/_jsx(Circle, {
|
|
75
|
+
cx: center,
|
|
76
|
+
cy: center,
|
|
77
|
+
fill: "none",
|
|
78
|
+
r: radius,
|
|
79
|
+
stroke: trackColor ?? colors.outline,
|
|
80
|
+
strokeWidth: safeThickness
|
|
81
|
+
}), /*#__PURE__*/_jsx(Circle, {
|
|
82
|
+
cx: center,
|
|
83
|
+
cy: center,
|
|
84
|
+
fill: "none",
|
|
85
|
+
r: radius,
|
|
86
|
+
rotation: -90,
|
|
87
|
+
originX: center,
|
|
88
|
+
originY: center,
|
|
89
|
+
stroke: color ?? colors.primary,
|
|
90
|
+
strokeDasharray: circumference,
|
|
91
|
+
strokeDashoffset: dashOffset,
|
|
92
|
+
strokeLinecap: "round",
|
|
93
|
+
strokeWidth: safeThickness
|
|
94
|
+
})]
|
|
95
|
+
}), showLabel ? /*#__PURE__*/_jsx(Text, {
|
|
96
|
+
style: [{
|
|
97
|
+
color: labelColor ?? colors.foreground,
|
|
98
|
+
fontSize: type.nano,
|
|
99
|
+
height: safeSize,
|
|
100
|
+
lineHeight: safeSize,
|
|
101
|
+
width: safeSize
|
|
102
|
+
}, LABEL_CENTER_STYLE],
|
|
103
|
+
children: `${percentage}%`
|
|
104
|
+
}) : null]
|
|
105
|
+
})
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
//# sourceMappingURL=CircularProgress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Text","View","Svg","Circle","r","type","useColors","A11Y_HIDDEN_PROPS","normalizeCircularProgress","jsx","_jsx","jsxs","_jsxs","OUTER_CENTER_STYLE","alignItems","justifyContent","VISUAL_CONTAINER_STYLE","position","LABEL_CENTER_STYLE","fontWeight","left","textAlign","top","CircularProgress","value","size","thickness","color","trackColor","showLabel","labelColor","accessibilityLabel","style","testID","colors","normalized","circumference","dashOffset","percentage","radius","safeSize","safeThickness","center","accessible","accessibilityRole","accessibilityValue","min","max","now","text","height","width","children","cx","cy","fill","stroke","outline","strokeWidth","rotation","originX","originY","primary","strokeDasharray","strokeDashoffset","strokeLinecap","foreground","fontSize","nano","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/ui/CircularProgress/CircularProgress.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CircularProgress"],"sourceRoot":"../../../../../src","sources":["components/ui/CircularProgress/index.ts"],"mappings":";;AAAA,SAASA,gBAAgB,QAAQ,uBAAoB","ignoreList":[]}
|
|
@@ -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":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Text, View } from 'react-native';
|
|
5
|
+
import { r, scaleFontMetric, space, type as t, useColors, useFontScale, useThemedStyles } from "../../../theme/index.js";
|
|
6
|
+
import { childTestID } from "../../../utils/testID/index.js";
|
|
7
|
+
import { A11Y_HIDDEN_PROPS, A11Y_TEXT_ONLY_STYLE } from "../shared/a11y.js";
|
|
8
|
+
import { normalizeNonBlankText } from "../shared/accessibilityName.js";
|
|
9
|
+
import { resolveRibbonLayout } from "./layout.js";
|
|
10
|
+
import { makeStyles, paletteFor } from "./styles.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
export function Ribbon({
|
|
13
|
+
label,
|
|
14
|
+
tone = 'brand',
|
|
15
|
+
children,
|
|
16
|
+
accessibilityLabel,
|
|
17
|
+
style,
|
|
18
|
+
testID
|
|
19
|
+
}) {
|
|
20
|
+
const c = useColors();
|
|
21
|
+
const fontScale = useFontScale();
|
|
22
|
+
const styles = useThemedStyles(makeStyles);
|
|
23
|
+
const layout = resolveRibbonLayout({
|
|
24
|
+
top: space['3'],
|
|
25
|
+
barHeight: r(20),
|
|
26
|
+
foldSize: r(3)
|
|
27
|
+
});
|
|
28
|
+
const palette = paletteFor(tone, c);
|
|
29
|
+
const accessibleName = normalizeNonBlankText(accessibilityLabel);
|
|
30
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
31
|
+
style: [styles.root, style],
|
|
32
|
+
testID: testID,
|
|
33
|
+
children: [children, /*#__PURE__*/_jsxs(View, {
|
|
34
|
+
pointerEvents: "none",
|
|
35
|
+
style: layout.overlay,
|
|
36
|
+
testID: childTestID(testID, 'overlay'),
|
|
37
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
38
|
+
...A11Y_HIDDEN_PROPS,
|
|
39
|
+
style: styles.visual,
|
|
40
|
+
testID: childTestID(testID, 'visual'),
|
|
41
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
42
|
+
style: [styles.bar, layout.bar, {
|
|
43
|
+
backgroundColor: palette.bg
|
|
44
|
+
}],
|
|
45
|
+
testID: childTestID(testID, 'bar'),
|
|
46
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
47
|
+
style: [styles.text, {
|
|
48
|
+
color: palette.fg,
|
|
49
|
+
fontSize: scaleFontMetric(t.micro, fontScale)
|
|
50
|
+
}],
|
|
51
|
+
children: label
|
|
52
|
+
})
|
|
53
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
54
|
+
style: [styles.fold, layout.fold, {
|
|
55
|
+
borderTopColor: palette.fold,
|
|
56
|
+
borderLeftColor: palette.fold
|
|
57
|
+
}],
|
|
58
|
+
testID: childTestID(testID, 'fold')
|
|
59
|
+
})]
|
|
60
|
+
}), accessibleName === undefined ? null : /*#__PURE__*/_jsx(Text, {
|
|
61
|
+
accessible: true,
|
|
62
|
+
accessibilityLabel: accessibleName,
|
|
63
|
+
style: A11Y_TEXT_ONLY_STYLE,
|
|
64
|
+
testID: childTestID(testID, 'accessibility-label'),
|
|
65
|
+
children: accessibleName
|
|
66
|
+
})]
|
|
67
|
+
})]
|
|
68
|
+
});
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=Ribbon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","View","r","scaleFontMetric","space","type","t","useColors","useFontScale","useThemedStyles","childTestID","A11Y_HIDDEN_PROPS","A11Y_TEXT_ONLY_STYLE","normalizeNonBlankText","resolveRibbonLayout","makeStyles","paletteFor","jsx","_jsx","jsxs","_jsxs","Ribbon","label","tone","children","accessibilityLabel","style","testID","c","fontScale","styles","layout","top","barHeight","foldSize","palette","accessibleName","root","pointerEvents","overlay","visual","bar","backgroundColor","bg","text","color","fg","fontSize","micro","fold","borderTopColor","borderLeftColor","undefined","accessible"],"sourceRoot":"../../../../../src","sources":["components/ui/Ribbon/Ribbon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Ribbon"],"sourceRoot":"../../../../../src","sources":["components/ui/Ribbon/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export function resolveRibbonLayout({
|
|
4
|
+
top,
|
|
5
|
+
barHeight,
|
|
6
|
+
foldSize
|
|
7
|
+
}) {
|
|
8
|
+
return {
|
|
9
|
+
overlay: {
|
|
10
|
+
position: 'absolute',
|
|
11
|
+
top,
|
|
12
|
+
right: 0,
|
|
13
|
+
zIndex: 1,
|
|
14
|
+
alignItems: 'flex-end'
|
|
15
|
+
},
|
|
16
|
+
bar: {
|
|
17
|
+
height: barHeight
|
|
18
|
+
},
|
|
19
|
+
fold: {
|
|
20
|
+
width: 0,
|
|
21
|
+
height: 0,
|
|
22
|
+
borderWidth: foldSize
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=layout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["resolveRibbonLayout","top","barHeight","foldSize","overlay","position","right","zIndex","alignItems","bar","height","fold","width","borderWidth"],"sourceRoot":"../../../../../src","sources":["components/ui/Ribbon/layout.ts"],"mappings":";;AAYA,OAAO,SAASA,mBAAmBA,CAAC;EAClCC,GAAG;EACHC,SAAS;EACTC;AAKF,CAAC,EAAwB;EACvB,OAAO;IACLC,OAAO,EAAE;MACPC,QAAQ,EAAE,UAAU;MACpBJ,GAAG;MACHK,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,CAAC;MACTC,UAAU,EAAE;IACd,CAAC;IACDC,GAAG,EAAE;MAAEC,MAAM,EAAER;IAAU,CAAC;IAC1BS,IAAI,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEF,MAAM,EAAE,CAAC;MAAEG,WAAW,EAAEV;IAAS;EACrD,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { StyleSheet } from 'react-native';
|
|
4
|
+
import { fw, radius, space, type as t } from "../../../theme/index.js";
|
|
5
|
+
export const makeStyles = _c => StyleSheet.create({
|
|
6
|
+
root: {
|
|
7
|
+
position: 'relative'
|
|
8
|
+
},
|
|
9
|
+
visual: {
|
|
10
|
+
alignItems: 'flex-end'
|
|
11
|
+
},
|
|
12
|
+
bar: {
|
|
13
|
+
flexDirection: 'row',
|
|
14
|
+
alignItems: 'center',
|
|
15
|
+
paddingHorizontal: space['3'],
|
|
16
|
+
borderTopLeftRadius: radius.xs,
|
|
17
|
+
borderBottomLeftRadius: radius.xs
|
|
18
|
+
},
|
|
19
|
+
text: {
|
|
20
|
+
fontSize: t.micro,
|
|
21
|
+
fontWeight: fw.medium
|
|
22
|
+
},
|
|
23
|
+
fold: {
|
|
24
|
+
borderRightColor: 'transparent',
|
|
25
|
+
borderBottomColor: 'transparent'
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export function paletteFor(tone, c) {
|
|
29
|
+
switch (tone) {
|
|
30
|
+
case 'brand':
|
|
31
|
+
return {
|
|
32
|
+
bg: c.primary,
|
|
33
|
+
fg: c.onPrimary,
|
|
34
|
+
fold: c.primaryPressed
|
|
35
|
+
};
|
|
36
|
+
case 'danger':
|
|
37
|
+
return {
|
|
38
|
+
bg: c.error,
|
|
39
|
+
fg: c.onError,
|
|
40
|
+
fold: c.error
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","fw","radius","space","type","t","makeStyles","_c","create","root","position","visual","alignItems","bar","flexDirection","paddingHorizontal","borderTopLeftRadius","xs","borderBottomLeftRadius","text","fontSize","micro","fontWeight","medium","fold","borderRightColor","borderBottomColor","paletteFor","tone","c","bg","primary","fg","onPrimary","primaryPressed","error","onError"],"sourceRoot":"../../../../../src","sources":["components/ui/Ribbon/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAA0B,yBAAgB;AAG/E,OAAO,MAAMC,UAAU,GAAIC,EAAe,IACxCP,UAAU,CAACQ,MAAM,CAAC;EAChBC,IAAI,EAAE;IAAEC,QAAQ,EAAE;EAAW,CAAC;EAC9BC,MAAM,EAAE;IAAEC,UAAU,EAAE;EAAW,CAAC;EAClCC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBG,iBAAiB,EAAEZ,KAAK,CAAC,GAAG,CAAC;IAC7Ba,mBAAmB,EAAEd,MAAM,CAACe,EAAE;IAC9BC,sBAAsB,EAAEhB,MAAM,CAACe;EACjC,CAAC;EACDE,IAAI,EAAE;IAAEC,QAAQ,EAAEf,CAAC,CAACgB,KAAK;IAAEC,UAAU,EAAErB,EAAE,CAACsB;EAAO,CAAC;EAClDC,IAAI,EAAE;IACJC,gBAAgB,EAAE,aAAa;IAC/BC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAEJ,OAAO,SAASC,UAAUA,CACxBC,IAAgB,EAChBC,CAAc,EAC4B;EAC1C,QAAQD,IAAI;IACV,KAAK,OAAO;MACV,OAAO;QAAEE,EAAE,EAAED,CAAC,CAACE,OAAO;QAAEC,EAAE,EAAEH,CAAC,CAACI,SAAS;QAAET,IAAI,EAAEK,CAAC,CAACK;MAAe,CAAC;IACnE,KAAK,QAAQ;MACX,OAAO;QAAEJ,EAAE,EAAED,CAAC,CAACM,KAAK;QAAEH,EAAE,EAAEH,CAAC,CAACO,OAAO;QAAEZ,IAAI,EAAEK,CAAC,CAACM;MAAM,CAAC;EACxD;AACF","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/ui/Ribbon/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ import { childTestID } from "../../../utils/testID/index.js";
|
|
|
8
8
|
import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
|
|
9
9
|
import { normalizeNonBlankText } from "../shared/accessibilityName.js";
|
|
10
10
|
import { getStepperValueAccessibilityProps } from './accessibility';
|
|
11
|
+
import { resolveStepperDisplayValue } from "./displayValue.js";
|
|
11
12
|
import { resolveStepperLayout } from "./layout.js";
|
|
12
13
|
import { nextStepperValue, normalizeStepper } from "./normalizeStepper.js";
|
|
13
14
|
import { StepperPressable } from './StepperPressable';
|
|
@@ -33,6 +34,7 @@ export function Stepper({
|
|
|
33
34
|
max,
|
|
34
35
|
step,
|
|
35
36
|
size = 'md',
|
|
37
|
+
formatValue,
|
|
36
38
|
disabled = false,
|
|
37
39
|
testID
|
|
38
40
|
}) {
|
|
@@ -40,7 +42,9 @@ export function Stepper({
|
|
|
40
42
|
const fontScale = useFontScale();
|
|
41
43
|
const dims = sizingFor(size);
|
|
42
44
|
const valueFontSize = scaleFontMetric(dims.fs, fontScale);
|
|
43
|
-
const layout = resolveStepperLayout(dims
|
|
45
|
+
const layout = resolveStepperLayout(dims, {
|
|
46
|
+
compact: size === 'xs'
|
|
47
|
+
});
|
|
44
48
|
const accessibleName = normalizeNonBlankText(accessibilityLabel);
|
|
45
49
|
const hasBlankLabel = accessibleName === undefined;
|
|
46
50
|
const normalized = normalizeStepper({
|
|
@@ -57,6 +61,7 @@ export function Stepper({
|
|
|
57
61
|
canDecrement,
|
|
58
62
|
canIncrement
|
|
59
63
|
} = normalized;
|
|
64
|
+
const displayValue = resolveStepperDisplayValue(safeValue, formatValue);
|
|
60
65
|
const decrementValue = nextStepperValue(normalized, 'decrement');
|
|
61
66
|
const incrementValue = nextStepperValue(normalized, 'increment');
|
|
62
67
|
const valueAccessibilityProps = getStepperValueAccessibilityProps({
|
|
@@ -140,10 +145,15 @@ export function Stepper({
|
|
|
140
145
|
}],
|
|
141
146
|
testID: childTestID(testID, 'value-visual'),
|
|
142
147
|
children: /*#__PURE__*/_jsx(Text, {
|
|
148
|
+
...(formatValue === undefined ? {} : {
|
|
149
|
+
adjustsFontSizeToFit: true,
|
|
150
|
+
minimumFontScale: 0.75,
|
|
151
|
+
numberOfLines: 1
|
|
152
|
+
}),
|
|
143
153
|
style: [styles.valueText, {
|
|
144
154
|
fontSize: valueFontSize
|
|
145
155
|
}],
|
|
146
|
-
children:
|
|
156
|
+
children: displayValue
|
|
147
157
|
})
|
|
148
158
|
})
|
|
149
159
|
}), /*#__PURE__*/_jsx(StepperPressable, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEffect","Text","View","pressedOpacity","scaleFontMetric","useFontScale","useThemedStyles","createLogger","childTestID","A11Y_HIDDEN_PROPS","normalizeNonBlankText","getStepperValueAccessibilityProps","resolveStepperLayout","nextStepperValue","normalizeStepper","StepperPressable","makeStyles","sizingFor","jsx","_jsx","jsxs","_jsxs","log","_warned","Set","Stepper","value","onChange","accessibilityLabel","min","max","step","size","disabled","testID","styles","fontScale","dims","valueFontSize","fs","layout","accessibleName","hasBlankLabel","undefined","normalized","safeMin","safeStep","safeValue","canDecrement","canIncrement","decrementValue","incrementValue","valueAccessibilityProps","hasInvalidStep","hasInvalidRange","Number","isFinite","k","String","has","add","warn","decrementTestID","valueTestID","incrementTestID","style","wrap","children","accessible","onPress","accessibilityRole","accessibilityState","accessibilityHint","pressed","actionFrame","decrementFrame","opacity","cell","btnLeft","width","btn","height","h","btnText","valueFrame","w","valueText","fontSize","incrementFrame","btnRight"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/Stepper.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SACEC,cAAc,EACdC,eAAe,EACfC,YAAY,EACZC,eAAe,QACV,yBAAgB;AACvB,SAASC,YAAY,QAAQ,gCAAuB;AACpD,SAASC,WAAW,QAAQ,gCAAuB;AACnD,SAASC,iBAAiB,QAAQ,mBAAgB;AAClD,SAASC,qBAAqB,QAAQ,gCAA6B;AACnE,SAASC,iCAAiC,QAAQ,iBAAiB;AACnE,SAASC,oBAAoB,QAAQ,aAAU;AAC/C,SAASC,gBAAgB,EAAEC,gBAAgB,QAAQ,uBAAoB;AACvE,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,UAAU,EAAEC,SAAS,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGjD,MAAMC,GAAG,
|
|
1
|
+
{"version":3,"names":["React","useEffect","Text","View","pressedOpacity","scaleFontMetric","useFontScale","useThemedStyles","createLogger","childTestID","A11Y_HIDDEN_PROPS","normalizeNonBlankText","getStepperValueAccessibilityProps","resolveStepperDisplayValue","resolveStepperLayout","nextStepperValue","normalizeStepper","StepperPressable","makeStyles","sizingFor","jsx","_jsx","jsxs","_jsxs","log","_warned","Set","Stepper","value","onChange","accessibilityLabel","min","max","step","size","formatValue","disabled","testID","styles","fontScale","dims","valueFontSize","fs","layout","compact","accessibleName","hasBlankLabel","undefined","normalized","safeMin","safeStep","safeValue","canDecrement","canIncrement","displayValue","decrementValue","incrementValue","valueAccessibilityProps","hasInvalidStep","hasInvalidRange","Number","isFinite","k","String","has","add","warn","decrementTestID","valueTestID","incrementTestID","style","wrap","children","accessible","onPress","accessibilityRole","accessibilityState","accessibilityHint","pressed","actionFrame","decrementFrame","opacity","cell","btnLeft","width","btn","height","h","btnText","valueFrame","w","adjustsFontSizeToFit","minimumFontScale","numberOfLines","valueText","fontSize","incrementFrame","btnRight"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/Stepper.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["resolveStepperDisplayValue","value","formatValue","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/displayValue.ts"],"mappings":";;AAAA,OAAO,SAASA,0BAA0BA,CACxCC,KAAa,EACbC,WAAuC,EACtB;EACjB,OAAOA,WAAW,KAAKC,SAAS,GAAGF,KAAK,GAAGC,WAAW,CAACD,KAAK,CAAC;AAC/D","ignoreList":[]}
|
|
@@ -5,7 +5,25 @@ export function resolveStepperLayout({
|
|
|
5
5
|
h,
|
|
6
6
|
btn,
|
|
7
7
|
w
|
|
8
|
-
}) {
|
|
8
|
+
}, options) {
|
|
9
|
+
if (options?.compact === true) {
|
|
10
|
+
return {
|
|
11
|
+
decrementFrame: {
|
|
12
|
+
width: btn,
|
|
13
|
+
height: fixed.hitTarget,
|
|
14
|
+
alignItems: 'flex-end'
|
|
15
|
+
},
|
|
16
|
+
valueFrame: {
|
|
17
|
+
width: w,
|
|
18
|
+
height: fixed.hitTarget
|
|
19
|
+
},
|
|
20
|
+
incrementFrame: {
|
|
21
|
+
width: btn,
|
|
22
|
+
height: fixed.hitTarget,
|
|
23
|
+
alignItems: 'flex-start'
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
}
|
|
9
27
|
const sideWidth = Math.max(fixed.hitTarget, btn);
|
|
10
28
|
const outerHeight = Math.max(fixed.hitTarget, h);
|
|
11
29
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["fixed","resolveStepperLayout","h","btn","w","
|
|
1
|
+
{"version":3,"names":["fixed","resolveStepperLayout","h","btn","w","options","compact","decrementFrame","width","height","hitTarget","alignItems","valueFrame","incrementFrame","sideWidth","Math","max","outerHeight"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/layout.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,yBAAgB;AAgBtC,OAAO,SAASC,oBAAoBA,CAClC;EACEC,CAAC;EACDC,GAAG;EACHC;AAKF,CAAC,EACDC,OAA+B,EACR;EACvB,IAAIA,OAAO,EAAEC,OAAO,KAAK,IAAI,EAAE;IAC7B,OAAO;MACLC,cAAc,EAAE;QACdC,KAAK,EAAEL,GAAG;QACVM,MAAM,EAAET,KAAK,CAACU,SAAS;QACvBC,UAAU,EAAE;MACd,CAAC;MACDC,UAAU,EAAE;QAAEJ,KAAK,EAAEJ,CAAC;QAAEK,MAAM,EAAET,KAAK,CAACU;MAAU,CAAC;MACjDG,cAAc,EAAE;QACdL,KAAK,EAAEL,GAAG;QACVM,MAAM,EAAET,KAAK,CAACU,SAAS;QACvBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;EAEA,MAAMG,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAChB,KAAK,CAACU,SAAS,EAAEP,GAAG,CAAC;EAChD,MAAMc,WAAW,GAAGF,IAAI,CAACC,GAAG,CAAChB,KAAK,CAACU,SAAS,EAAER,CAAC,CAAC;EAChD,OAAO;IACLK,cAAc,EAAE;MACdC,KAAK,EAAEM,SAAS;MAChBL,MAAM,EAAEQ,WAAW;MACnBN,UAAU,EAAE;IACd,CAAC;IACDC,UAAU,EAAE;MACVJ,KAAK,EAAEO,IAAI,CAACC,GAAG,CAAChB,KAAK,CAACU,SAAS,EAAEN,CAAC,CAAC;MACnCK,MAAM,EAAEQ;IACV,CAAC;IACDJ,cAAc,EAAE;MACdL,KAAK,EAAEM,SAAS;MAChBL,MAAM,EAAEQ,WAAW;MACnBN,UAAU,EAAE;IACd;EACF,CAAC;AACH","ignoreList":[]}
|
|
@@ -50,11 +50,19 @@ export const makeStyles = c => StyleSheet.create({
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
|
|
53
|
-
/** Stepper 尺寸推导:
|
|
53
|
+
/** Stepper 尺寸推导:xs(r(24) 高 / r(24) 按钮 / r(40) 值宽 / micro 字)/
|
|
54
|
+
* sm(control.sm=`r(28)` 高 / `r(28)` 按钮 / r(40) 值宽 / xs 字)/
|
|
54
55
|
* md(r(32) 高 / r(32) 按钮 / r(48) 值宽 / sm 字)。
|
|
55
56
|
* 新增 size 在 types.ts 加 union + 这里加 case。 */
|
|
56
57
|
export function sizingFor(size) {
|
|
57
58
|
switch (size) {
|
|
59
|
+
case 'xs':
|
|
60
|
+
return {
|
|
61
|
+
h: r(24),
|
|
62
|
+
btn: r(24),
|
|
63
|
+
w: r(40),
|
|
64
|
+
fs: t.micro
|
|
65
|
+
};
|
|
58
66
|
case 'sm':
|
|
59
67
|
return {
|
|
60
68
|
h: control.sm,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","control","fw","r","radius","type","t","makeStyles","c","create","wrap","flexDirection","alignItems","alignSelf","actionFrame","justifyContent","valueFrame","cell","backgroundColor","surface","borderTopWidth","borderBottomWidth","borderColor","outline","btnLeft","borderLeftWidth","borderTopLeftRadius","md","borderBottomLeftRadius","btnRight","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","btnText","fontSize","h1","color","foreground","fontWeight","medium","lineHeight","valueText","sizingFor","size","h","
|
|
1
|
+
{"version":3,"names":["StyleSheet","control","fw","r","radius","type","t","makeStyles","c","create","wrap","flexDirection","alignItems","alignSelf","actionFrame","justifyContent","valueFrame","cell","backgroundColor","surface","borderTopWidth","borderBottomWidth","borderColor","outline","btnLeft","borderLeftWidth","borderTopLeftRadius","md","borderBottomLeftRadius","btnRight","borderRightWidth","borderTopRightRadius","borderBottomRightRadius","btnText","fontSize","h1","color","foreground","fontWeight","medium","lineHeight","valueText","sizingFor","size","h","btn","w","fs","micro","sm","xs"],"sourceRoot":"../../../../../src","sources":["components/ui/Stepper/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,OAAO,EAAEC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAIlE;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACDC,WAAW,EAAE;IACXC,cAAc,EAAE;EAClB,CAAC;EACDC,UAAU,EAAE;IACVJ,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE;EAClB,CAAC;EACD;AACJ;EACIE,IAAI,EAAE;IACJL,UAAU,EAAE,QAAQ;IACpBG,cAAc,EAAE,QAAQ;IACxBG,eAAe,EAAEV,CAAC,CAACW,OAAO;IAC1BC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,WAAW,EAAEd,CAAC,CAACe;EACjB,CAAC;EACDC,OAAO,EAAE;IACPC,eAAe,EAAE,CAAC;IAClBC,mBAAmB,EAAEtB,MAAM,CAACuB,EAAE;IAC9BC,sBAAsB,EAAExB,MAAM,CAACuB;EACjC,CAAC;EACDE,QAAQ,EAAE;IACRC,gBAAgB,EAAE,CAAC;IACnBC,oBAAoB,EAAE3B,MAAM,CAACuB,EAAE;IAC/BK,uBAAuB,EAAE5B,MAAM,CAACuB;EAClC,CAAC;EACDM,OAAO,EAAE;IACPC,QAAQ,EAAE5B,CAAC,CAAC6B,EAAE;IACdC,KAAK,EAAE5B,CAAC,CAAC6B,UAAU;IACnBC,UAAU,EAAEpC,EAAE,CAACqC,MAAM;IACrBC,UAAU,EAAElC,CAAC,CAAC6B;EAChB,CAAC;EACDM,SAAS,EAAE;IACTL,KAAK,EAAE5B,CAAC,CAAC6B,UAAU;IACnBC,UAAU,EAAEpC,EAAE,CAACqC;EACjB;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AACA;AACA,OAAO,SAASG,SAASA,CAACC,IAAiB,EAKzC;EACA,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO;QAAEC,CAAC,EAAEzC,CAAC,CAAC,EAAE,CAAC;QAAE0C,GAAG,EAAE1C,CAAC,CAAC,EAAE,CAAC;QAAE2C,CAAC,EAAE3C,CAAC,CAAC,EAAE,CAAC;QAAE4C,EAAE,EAAEzC,CAAC,CAAC0C;MAAM,CAAC;IACxD,KAAK,IAAI;MACP,OAAO;QAAEJ,CAAC,EAAE3C,OAAO,CAACgD,EAAE;QAAEJ,GAAG,EAAE5C,OAAO,CAACgD,EAAE;QAAEH,CAAC,EAAE3C,CAAC,CAAC,EAAE,CAAC;QAAE4C,EAAE,EAAEzC,CAAC,CAAC4C;MAAG,CAAC;IAC/D,KAAK,IAAI;MACP,OAAO;QAAEN,CAAC,EAAEzC,CAAC,CAAC,EAAE,CAAC;QAAE0C,GAAG,EAAE1C,CAAC,CAAC,EAAE,CAAC;QAAE2C,CAAC,EAAE3C,CAAC,CAAC,EAAE,CAAC;QAAE4C,EAAE,EAAEzC,CAAC,CAAC2C;MAAG,CAAC;EACvD;AACF","ignoreList":[]}
|
|
@@ -8,6 +8,7 @@ export { Carousel } from "./Carousel/index.js";
|
|
|
8
8
|
export { Cell, List } from "./Cell/index.js";
|
|
9
9
|
export { Checkbox } from "./Checkbox/index.js";
|
|
10
10
|
export { Chip } from "./Chip/index.js";
|
|
11
|
+
export { CircularProgress } from "./CircularProgress/index.js";
|
|
11
12
|
export { confirm, ConfirmHost } from "./Confirm/index.js";
|
|
12
13
|
export { DrawerHeader } from "./DrawerHeader/index.js";
|
|
13
14
|
export { Empty } from "./Empty/index.js";
|
|
@@ -23,6 +24,7 @@ export { PasswordInput } from "./PasswordInput/index.js";
|
|
|
23
24
|
export { Pulse, PulseDot, usePulse } from "./Pulse/index.js";
|
|
24
25
|
export { Radio } from "./Radio/index.js";
|
|
25
26
|
export { Reveal } from "./Reveal/index.js";
|
|
27
|
+
export { Ribbon } from "./Ribbon/index.js";
|
|
26
28
|
export { Search } from "./Search/index.js";
|
|
27
29
|
export { Skeleton } from "./Skeleton/index.js";
|
|
28
30
|
export { Segmented } from "./Segmented/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","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,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","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;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,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":[]}
|
|
@@ -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"}
|