@unif/react-native-design 0.10.0 → 0.11.1
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/lib/module/components/ui/Card/Card.js +3 -2
- package/lib/module/components/ui/Card/Card.js.map +1 -1
- package/lib/module/components/ui/Card/styles.js +5 -1
- package/lib/module/components/ui/Card/styles.js.map +1 -1
- package/lib/module/components/ui/Checkbox/Checkbox.js +4 -3
- package/lib/module/components/ui/Checkbox/Checkbox.js.map +1 -1
- package/lib/module/components/ui/Checkbox/styles.js +5 -0
- package/lib/module/components/ui/Checkbox/styles.js.map +1 -1
- package/lib/module/components/ui/Icon/Icon.js +3 -2
- package/lib/module/components/ui/Icon/Icon.js.map +1 -1
- package/lib/typescript/src/components/ui/Card/Card.d.ts +1 -1
- package/lib/typescript/src/components/ui/Card/Card.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Card/styles.d.ts +3 -0
- package/lib/typescript/src/components/ui/Card/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Card/types.d.ts +5 -0
- package/lib/typescript/src/components/ui/Card/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Checkbox/styles.d.ts +5 -0
- package/lib/typescript/src/components/ui/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Icon/Icon.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/Card/Card.tsx +3 -0
- package/src/components/ui/Card/styles.ts +2 -0
- package/src/components/ui/Card/types.ts +5 -0
- package/src/components/ui/Checkbox/Checkbox.tsx +8 -8
- package/src/components/ui/Checkbox/styles.ts +3 -0
- package/src/components/ui/Icon/Icon.tsx +3 -2
|
@@ -13,6 +13,7 @@ export function Card({
|
|
|
13
13
|
borderColor,
|
|
14
14
|
borderWidth,
|
|
15
15
|
bare,
|
|
16
|
+
fill,
|
|
16
17
|
style,
|
|
17
18
|
testID
|
|
18
19
|
}) {
|
|
@@ -26,11 +27,11 @@ export function Card({
|
|
|
26
27
|
testID: testID,
|
|
27
28
|
style: [styles.base, {
|
|
28
29
|
borderRadius: br
|
|
29
|
-
}, variantToStyle(variant, shadow, styles), style],
|
|
30
|
+
}, variantToStyle(variant, shadow, styles), fill && styles.fill, style],
|
|
30
31
|
children: /*#__PURE__*/_jsx(View, {
|
|
31
32
|
style: [styles.clip, {
|
|
32
33
|
borderRadius: br
|
|
33
|
-
}, !bare && {
|
|
34
|
+
}, fill && styles.fill, !bare && {
|
|
34
35
|
padding: padding ?? space[6]
|
|
35
36
|
}, borderColor != null && {
|
|
36
37
|
borderColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","radius","space","useShadow","useThemedStyles","makeStyles","variantToStyle","jsx","_jsx","Card","children","variant","padding","borderRadius","borderColor","borderWidth","bare","style","testID","styles","shadow","br","xl","base","clip"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC1E,SAASC,UAAU,EAAEC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,SAASC,IAAIA,CAAC;EACnBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,OAAO;EACPC,YAAY;EACZC,WAAW;EACXC,WAAW;EACXC,IAAI;EACJC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,MAAMC,MAAM,
|
|
1
|
+
{"version":3,"names":["React","View","radius","space","useShadow","useThemedStyles","makeStyles","variantToStyle","jsx","_jsx","Card","children","variant","padding","borderRadius","borderColor","borderWidth","bare","fill","style","testID","styles","shadow","br","xl","base","clip"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC1E,SAASC,UAAU,EAAEC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,SAASC,IAAIA,CAAC;EACnBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,OAAO;EACPC,YAAY;EACZC,WAAW;EACXC,WAAW;EACXC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,MAAMC,MAAM,GAAGhB,eAAe,CAACC,UAAU,CAAC;EAC1C,MAAMgB,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAMmB,EAAE,GAAGT,YAAY,IAAIZ,MAAM,CAACsB,EAAE;;EAEpC;EACA;EACA,oBACEf,IAAA,CAACR,IAAI;IACHmB,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLE,MAAM,CAACI,IAAI,EACX;MAAEX,YAAY,EAAES;IAAG,CAAC,EACpBhB,cAAc,CAACK,OAAO,EAAEU,MAAM,EAAED,MAAM,CAAC,EACvCH,IAAI,IAAIG,MAAM,CAACH,IAAI,EACnBC,KAAK,CACL;IAAAR,QAAA,eAEFF,IAAA,CAACR,IAAI;MACHkB,KAAK,EAAE,CACLE,MAAM,CAACK,IAAI,EACX;QAAEZ,YAAY,EAAES;MAAG,CAAC,EACpBL,IAAI,IAAIG,MAAM,CAACH,IAAI,EACnB,CAACD,IAAI,IAAI;QAAEJ,OAAO,EAAEA,OAAO,IAAIV,KAAK,CAAC,CAAC;MAAE,CAAC,EACzCY,WAAW,IAAI,IAAI,IAAI;QACrBA,WAAW;QACXC,WAAW,EAAEA,WAAW,IAAI;MAC9B,CAAC,CACD;MAAAL,QAAA,EAEDA;IAAQ,CACL;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","makeStyles","c","create","base","backgroundColor","surface","clip","overflow","flat","variantToStyle","v","s","styles","card","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAIzE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCF,UAAU,CAACG,MAAM,CAAC;EAChB;EACA;EACAC,IAAI,EAAE;IACJC,eAAe,EAAEH,CAAC,CAACI;EACrB,CAAC;EACD;EACAC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"names":["StyleSheet","makeStyles","c","create","base","backgroundColor","surface","clip","overflow","flat","fill","flex","variantToStyle","v","s","styles","card","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAIzE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCF,UAAU,CAACG,MAAM,CAAC;EAChB;EACA;EACAC,IAAI,EAAE;IACJC,eAAe,EAAEH,CAAC,CAACI;EACrB,CAAC;EACD;EACAC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE,CAAC,CAAC;EACR;EACAC,IAAI,EAAE;IAAEC,IAAI,EAAE;EAAE;AAClB,CAAC,CAAC;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAC5BC,CAAc,EACdC,CAAe,EACfC,MAAqC,EACf;EACtB,QAAQF,CAAC;IACP,KAAK,SAAS;MACZ,OAAOC,CAAC,CAACE,IAAI;IACf,KAAK,MAAM;MACT,OAAOD,MAAM,CAACN,IAAI;IACpB,KAAK,OAAO;MACV,OAAOQ,SAAS;EACpB;AACF","ignoreList":[]}
|
|
@@ -49,12 +49,13 @@ export function Checkbox({
|
|
|
49
49
|
backgroundColor: c.primary,
|
|
50
50
|
borderColor: c.primary
|
|
51
51
|
}],
|
|
52
|
-
children:
|
|
52
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
53
53
|
name: "check",
|
|
54
54
|
size: r(14),
|
|
55
55
|
color: c.onPrimary,
|
|
56
|
-
strokeWidth:
|
|
57
|
-
|
|
56
|
+
strokeWidth: 3.5,
|
|
57
|
+
style: checked ? undefined : styles.tickHidden
|
|
58
|
+
})
|
|
58
59
|
}), label ? /*#__PURE__*/_jsx(Text, {
|
|
59
60
|
style: styles.label,
|
|
60
61
|
children: label
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","Pressable","fixed","pressedOpacity","r","useColors","useThemedStyles","Icon","makeStyles","jsx","_jsx","jsxs","_jsxs","Checkbox","checked","onChange","label","shape","disabled","testID","c","styles","onPress","hitSlop","Math","round","hitTarget","accessibilityRole","accessibilityState","accessibilityLabel","style","pressed","row","opacity","children","box","boxCircle","backgroundColor","primary","borderColor","name","size","color","onPrimary","strokeWidth"],"sourceRoot":"../../../../../src","sources":["components/ui/Checkbox/Checkbox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SACEC,KAAK,EACLC,cAAc,EACdC,CAAC,EACDC,SAAS,EACTC,eAAe,QACV,yBAAgB;AACvB,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,QAAQ;EAChBC,QAAQ;EACRC;AACa,CAAC,EAAqB;EACnC,MAAMC,CAAC,GAAGf,SAAS,CAAC,CAAC;EACrB,MAAMgB,MAAM,GAAGf,eAAe,CAACE,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACX,SAAS;IACRqB,OAAO,EAAEA,CAAA,KAAM,CAACJ,QAAQ,IAAIH,QAAQ,CAAC,CAACD,OAAO,CAAE;IAC/CI,QAAQ,EAAEA;IACV;IAAA;IACAK,OAAO,EAAEC,IAAI,CAACC,KAAK,CAAC,CAACvB,KAAK,CAACwB,SAAS,GAAGtB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAE;IACnDuB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEd,OAAO;MAAEI,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IACtDW,kBAAkB,EAAEb,KAAM;IAC1BG,MAAM,EAAEA,MAAO;IACfW,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBV,MAAM,CAACW,GAAG,EACV;MAAEC,OAAO,EAAEf,QAAQ,GAAG,GAAG,GAAGa,OAAO,GAAG5B,cAAc,GAAG;IAAE,CAAC,CAC1D;IAAA+B,QAAA,gBAEFxB,IAAA,CAACV,IAAI;MACH8B,KAAK,EAAE,CACLT,MAAM,CAACc,GAAG;MACV;MACAlB,KAAK,KAAK,QAAQ,IAAII,MAAM,CAACe,SAAS,EACtCtB,OAAO,IAAI;QACTuB,eAAe,EAAEjB,CAAC,CAACkB,OAAO;QAC1BC,WAAW,EAAEnB,CAAC,CAACkB;MACjB,CAAC,CACD;MAAAJ,QAAA,
|
|
1
|
+
{"version":3,"names":["React","Text","View","Pressable","fixed","pressedOpacity","r","useColors","useThemedStyles","Icon","makeStyles","jsx","_jsx","jsxs","_jsxs","Checkbox","checked","onChange","label","shape","disabled","testID","c","styles","onPress","hitSlop","Math","round","hitTarget","accessibilityRole","accessibilityState","accessibilityLabel","style","pressed","row","opacity","children","box","boxCircle","backgroundColor","primary","borderColor","name","size","color","onPrimary","strokeWidth","undefined","tickHidden"],"sourceRoot":"../../../../../src","sources":["components/ui/Checkbox/Checkbox.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SACEC,KAAK,EACLC,cAAc,EACdC,CAAC,EACDC,SAAS,EACTC,eAAe,QACV,yBAAgB;AACvB,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EACvBC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC,KAAK,GAAG,QAAQ;EAChBC,QAAQ;EACRC;AACa,CAAC,EAAqB;EACnC,MAAMC,CAAC,GAAGf,SAAS,CAAC,CAAC;EACrB,MAAMgB,MAAM,GAAGf,eAAe,CAACE,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACX,SAAS;IACRqB,OAAO,EAAEA,CAAA,KAAM,CAACJ,QAAQ,IAAIH,QAAQ,CAAC,CAACD,OAAO,CAAE;IAC/CI,QAAQ,EAAEA;IACV;IAAA;IACAK,OAAO,EAAEC,IAAI,CAACC,KAAK,CAAC,CAACvB,KAAK,CAACwB,SAAS,GAAGtB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAE;IACnDuB,iBAAiB,EAAC,UAAU;IAC5BC,kBAAkB,EAAE;MAAEd,OAAO;MAAEI,QAAQ,EAAE,CAAC,CAACA;IAAS,CAAE;IACtDW,kBAAkB,EAAEb,KAAM;IAC1BG,MAAM,EAAEA,MAAO;IACfW,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBV,MAAM,CAACW,GAAG,EACV;MAAEC,OAAO,EAAEf,QAAQ,GAAG,GAAG,GAAGa,OAAO,GAAG5B,cAAc,GAAG;IAAE,CAAC,CAC1D;IAAA+B,QAAA,gBAEFxB,IAAA,CAACV,IAAI;MACH8B,KAAK,EAAE,CACLT,MAAM,CAACc,GAAG;MACV;MACAlB,KAAK,KAAK,QAAQ,IAAII,MAAM,CAACe,SAAS,EACtCtB,OAAO,IAAI;QACTuB,eAAe,EAAEjB,CAAC,CAACkB,OAAO;QAC1BC,WAAW,EAAEnB,CAAC,CAACkB;MACjB,CAAC,CACD;MAAAJ,QAAA,eAGFxB,IAAA,CAACH,IAAI;QACHiC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAErC,CAAC,CAAC,EAAE,CAAE;QACZsC,KAAK,EAAEtB,CAAC,CAACuB,SAAU;QACnBC,WAAW,EAAE,GAAI;QACjBd,KAAK,EAAEhB,OAAO,GAAG+B,SAAS,GAAGxB,MAAM,CAACyB;MAAW,CAChD;IAAC,CACE,CAAC,EACN9B,KAAK,gBAAGN,IAAA,CAACX,IAAI;MAAC+B,KAAK,EAAET,MAAM,CAACL,KAAM;MAAAkB,QAAA,EAAElB;IAAK,CAAO,CAAC,GAAG,IAAI;EAAA,CAChD,CAAC;AAEhB","ignoreList":[]}
|
|
@@ -23,6 +23,11 @@ export const makeStyles = c => StyleSheet.create({
|
|
|
23
23
|
boxCircle: {
|
|
24
24
|
borderRadius: radius.pill
|
|
25
25
|
},
|
|
26
|
+
/** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
|
|
27
|
+
* SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
|
|
28
|
+
tickHidden: {
|
|
29
|
+
opacity: 0
|
|
30
|
+
},
|
|
26
31
|
label: {
|
|
27
32
|
fontSize: t.sm,
|
|
28
33
|
color: c.foreground,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","row","flexDirection","alignItems","alignSelf","gap","box","width","height","borderRadius","xs","borderWidth","borderColor","outline","justifyContent","boxCircle","pill","label","fontSize","sm","color","foreground","fontWeight","regular","flexShrink"],"sourceRoot":"../../../../../src","sources":["components/ui/Checkbox/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAGhE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB;IACAC,SAAS,EAAE,YAAqB;IAChCC,GAAG,EAAEV,KAAK,CAAC,CAAC;EACd,CAAC;EACDW,GAAG,EAAE;IACHC,KAAK,EAAEd,CAAC,CAAC,EAAE,CAAC;IACZe,MAAM,EAAEf,CAAC,CAAC,EAAE,CAAC;IACbgB,YAAY,EAAEf,MAAM,CAACgB,EAAE;IACvBC,WAAW,EAAElB,CAAC,CAAC,GAAG,CAAC;IACnBmB,WAAW,EAAEb,CAAC,CAACc,OAAO;IACtBV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE;EAClB,CAAC;EACD;EACAC,SAAS,EAAE;IACTN,YAAY,EAAEf,MAAM,CAACsB;EACvB,CAAC;
|
|
1
|
+
{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","row","flexDirection","alignItems","alignSelf","gap","box","width","height","borderRadius","xs","borderWidth","borderColor","outline","justifyContent","boxCircle","pill","tickHidden","opacity","label","fontSize","sm","color","foreground","fontWeight","regular","flexShrink"],"sourceRoot":"../../../../../src","sources":["components/ui/Checkbox/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAGhE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,GAAG,EAAE;IACHC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB;IACAC,SAAS,EAAE,YAAqB;IAChCC,GAAG,EAAEV,KAAK,CAAC,CAAC;EACd,CAAC;EACDW,GAAG,EAAE;IACHC,KAAK,EAAEd,CAAC,CAAC,EAAE,CAAC;IACZe,MAAM,EAAEf,CAAC,CAAC,EAAE,CAAC;IACbgB,YAAY,EAAEf,MAAM,CAACgB,EAAE;IACvBC,WAAW,EAAElB,CAAC,CAAC,GAAG,CAAC;IACnBmB,WAAW,EAAEb,CAAC,CAACc,OAAO;IACtBV,UAAU,EAAE,QAAQ;IACpBW,cAAc,EAAE;EAClB,CAAC;EACD;EACAC,SAAS,EAAE;IACTN,YAAY,EAAEf,MAAM,CAACsB;EACvB,CAAC;EACD;AACJ;EACIC,UAAU,EAAE;IAAEC,OAAO,EAAE;EAAE,CAAC;EAC1BC,KAAK,EAAE;IACLC,QAAQ,EAAEvB,CAAC,CAACwB,EAAE;IACdC,KAAK,EAAEvB,CAAC,CAACwB,UAAU;IACnBC,UAAU,EAAEhC,EAAE,CAACiC,OAAO;IACtB;IACAC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -54,11 +54,12 @@ export function Icon({
|
|
|
54
54
|
strokeLinejoin: "round",
|
|
55
55
|
children: def.elements.map((el, i) => {
|
|
56
56
|
// fill:currentColor → 主题 stroke 色;其余原样;缺省继承根 fill="none"。
|
|
57
|
-
//
|
|
57
|
+
// stroke:元素级覆盖优先(stroke="none" = 纯 fill 不描边);描边元素缺省时显式
|
|
58
|
+
// 传根 stroke,不靠 SVG 继承 —— 部分 Fabric/RNW 运行时继承 stroke 不稳。
|
|
58
59
|
const elProps = {
|
|
59
60
|
fill: el.fill === 'currentColor' ? stroke : el.fill ?? 'none',
|
|
60
61
|
opacity: el.opacity,
|
|
61
|
-
stroke: el.stroke
|
|
62
|
+
stroke: el.stroke ?? stroke
|
|
62
63
|
};
|
|
63
64
|
switch (el.kind) {
|
|
64
65
|
case 'path':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Svg","Circle","Path","Rect","ICONS","r","useColors","createLogger","jsx","_jsx","log","warnedNames","Set","Icon","name","size","color","strokeWidth","style","testID","c","stroke","foregroundMuted","def","has","add","warn","width","height","accessibilityElementsHidden","importantForAccessibility","sw","children","viewBox","fill","strokeLinecap","strokeLinejoin","elements","map","el","i","elProps","opacity","kind","d","cx","cy","x","y","rx","_exhaustive"],"sourceRoot":"../../../../../src","sources":["components/ui/Icon/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IAAIC,MAAM,EAAEC,IAAI,EAAEC,IAAI,QAAQ,kBAAkB;AAC1D,SAASC,KAAK,QAAsB,yBAAgB;AACpD,SAASC,CAAC,EAAEC,SAAS,QAAQ,yBAAgB;AAC7C,SAASC,YAAY,QAAQ,gCAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD,MAAMC,GAAG,GAAGH,YAAY,CAAC,MAAM,CAAC;;AAEhC;AACA,MAAMI,WAAW,GAAG,IAAIC,GAAG,CAAS,CAAC;AAErC,OAAO,SAASC,IAAIA,CAAC;EACnBC,IAAI;EACJC,IAAI,GAAGV,CAAC,CAAC,EAAE,CAAC;EACZW,KAAK;EACLC,WAAW;EACXC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,MAAMC,CAAC,GAAGd,SAAS,CAAC,CAAC;EACrB,MAAMe,MAAM,GAAGL,KAAK,IAAII,CAAC,CAACE,eAAe;EACzC,MAAMC,GAAwB,GAAGnB,KAAK,CAACU,IAAI,CAAC;EAC5C,IAAI,CAACS,GAAG,EAAE;IACR,IAAI,CAACZ,WAAW,CAACa,GAAG,CAACV,IAAI,CAAC,EAAE;MAC1BH,WAAW,CAACc,GAAG,CAACX,IAAI,CAAC;MACrBJ,GAAG,CAACgB,IAAI,CAAC,iBAAiBZ,IAAI,EAAE,CAAC;IACnC;IACA,oBACEL,IAAA,CAACV,IAAI;MACHmB,KAAK,EAAE,CAAC;QAAES,KAAK,EAAEZ,IAAI;QAAEa,MAAM,EAAEb;MAAK,CAAC,EAAEG,KAAK,CAAE;MAC9CC,MAAM,EAAEA,MAAO;MACfU,2BAA2B;MAC3BC,yBAAyB,EAAC;IAAqB,CAChD,CAAC;EAEN;EACA,MAAMC,EAAE,GAAGd,WAAW,IAAIM,GAAG,CAACN,WAAW;EAEzC,oBACER,IAAA,CAACV,IAAI;IACHmB,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfU,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAAAE,QAAA,eAE/CvB,IAAA,CAACT,GAAG;MACF2B,KAAK,EAAEZ,IAAK;MACZa,MAAM,EAAEb,IAAK;MACbkB,OAAO,EAAC,WAAW;MACnBC,IAAI,EAAC,MAAM;MACXb,MAAM,EAAEA,MAAO;MACfJ,WAAW,EAAEc,EAAG;MAChBI,aAAa,EAAC,OAAO;MACrBC,cAAc,EAAC,OAAO;MAAAJ,QAAA,EAErBT,GAAG,CAACc,QAAQ,CAACC,GAAG,CAAC,CAACC,EAAE,EAAEC,CAAC,KAAK;QAC3B;QACA;QACA,MAAMC,OAAO,GAAG;UACdP,IAAI,EAAEK,EAAE,CAACL,IAAI,KAAK,cAAc,GAAGb,MAAM,GAAIkB,EAAE,CAACL,IAAI,IAAI,MAAO;UAC/DQ,OAAO,EAAEH,EAAE,CAACG,OAAO;UACnBrB,MAAM,EAAEkB,EAAE,CAAClB;
|
|
1
|
+
{"version":3,"names":["React","View","Svg","Circle","Path","Rect","ICONS","r","useColors","createLogger","jsx","_jsx","log","warnedNames","Set","Icon","name","size","color","strokeWidth","style","testID","c","stroke","foregroundMuted","def","has","add","warn","width","height","accessibilityElementsHidden","importantForAccessibility","sw","children","viewBox","fill","strokeLinecap","strokeLinejoin","elements","map","el","i","elProps","opacity","kind","d","cx","cy","x","y","rx","_exhaustive"],"sourceRoot":"../../../../../src","sources":["components/ui/Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { CardProps } from './types';
|
|
3
|
-
export declare function Card({ children, variant, padding, borderRadius, borderColor, borderWidth, bare, style, testID, }: CardProps): React.JSX.Element;
|
|
3
|
+
export declare function Card({ children, variant, padding, borderRadius, borderColor, borderWidth, bare, fill, style, testID, }: CardProps): React.JSX.Element;
|
|
4
4
|
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,YAAY,EACZ,WAAW,EACX,WAAW,EACX,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,YAAY,EACZ,WAAW,EACX,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkC/B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;EAcrC,CAAC;AAEL;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,CAAC,EAAE,WAAW,EACd,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GACpC,SAAS,CAAC,SAAS,CAAC,CAStB"}
|
|
@@ -32,6 +32,11 @@ export type CardProps = {
|
|
|
32
32
|
* - 业务要「完全朴素」(无装饰 + 无 padding)→ `<Card variant="plain" bare>`
|
|
33
33
|
*/
|
|
34
34
|
bare?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* 撑满模式:外层与内层 clip 都 `flex:1`,让 Card 在 flex 父里撑满可用空间、
|
|
37
|
+
* 内容区填满外层,使内部 `flex:1` 的滚动视图能拿到高度。默认 false(内容自然高度)。
|
|
38
|
+
*/
|
|
39
|
+
fill?: boolean;
|
|
35
40
|
/** 额外样式覆盖 */
|
|
36
41
|
style?: StyleProp<ViewStyle>;
|
|
37
42
|
/** 测试 testID */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
|
|
@@ -19,6 +19,11 @@ export declare const makeStyles: (c: ColorTokens) => Readonly<{
|
|
|
19
19
|
boxCircle: {
|
|
20
20
|
borderRadius: 999;
|
|
21
21
|
};
|
|
22
|
+
/** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
|
|
23
|
+
* SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
|
|
24
|
+
tickHidden: {
|
|
25
|
+
opacity: number;
|
|
26
|
+
};
|
|
22
27
|
label: {
|
|
23
28
|
fontSize: number;
|
|
24
29
|
color: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Checkbox/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;IAkBrC,6DAA6D;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Checkbox/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;IAkBrC,6DAA6D;;;;IAI7D;gDAC4C;;;;;;;;;;EAS5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOzC,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAY,EACZ,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAOzC,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAY,EACZ,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6E/B"}
|
package/package.json
CHANGED
|
@@ -12,6 +12,7 @@ export function Card({
|
|
|
12
12
|
borderColor,
|
|
13
13
|
borderWidth,
|
|
14
14
|
bare,
|
|
15
|
+
fill,
|
|
15
16
|
style,
|
|
16
17
|
testID,
|
|
17
18
|
}: CardProps): React.JSX.Element {
|
|
@@ -28,6 +29,7 @@ export function Card({
|
|
|
28
29
|
styles.base,
|
|
29
30
|
{ borderRadius: br },
|
|
30
31
|
variantToStyle(variant, shadow, styles),
|
|
32
|
+
fill && styles.fill,
|
|
31
33
|
style,
|
|
32
34
|
]}
|
|
33
35
|
>
|
|
@@ -35,6 +37,7 @@ export function Card({
|
|
|
35
37
|
style={[
|
|
36
38
|
styles.clip,
|
|
37
39
|
{ borderRadius: br },
|
|
40
|
+
fill && styles.fill,
|
|
38
41
|
!bare && { padding: padding ?? space[6] },
|
|
39
42
|
borderColor != null && {
|
|
40
43
|
borderColor,
|
|
@@ -34,6 +34,11 @@ export type CardProps = {
|
|
|
34
34
|
* - 业务要「完全朴素」(无装饰 + 无 padding)→ `<Card variant="plain" bare>`
|
|
35
35
|
*/
|
|
36
36
|
bare?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* 撑满模式:外层与内层 clip 都 `flex:1`,让 Card 在 flex 父里撑满可用空间、
|
|
39
|
+
* 内容区填满外层,使内部 `flex:1` 的滚动视图能拿到高度。默认 false(内容自然高度)。
|
|
40
|
+
*/
|
|
41
|
+
fill?: boolean;
|
|
37
42
|
/** 额外样式覆盖 */
|
|
38
43
|
style?: StyleProp<ViewStyle>;
|
|
39
44
|
/** 测试 testID */
|
|
@@ -55,14 +55,14 @@ export function Checkbox({
|
|
|
55
55
|
},
|
|
56
56
|
]}
|
|
57
57
|
>
|
|
58
|
-
{checked
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
58
|
+
{/* 常驻渲染 + opacity 切显隐(非 {checked?<Icon/>:null} 条件挂载)—— 见 styles.tickHidden。 */}
|
|
59
|
+
<Icon
|
|
60
|
+
name="check"
|
|
61
|
+
size={r(14)}
|
|
62
|
+
color={c.onPrimary}
|
|
63
|
+
strokeWidth={3.5}
|
|
64
|
+
style={checked ? undefined : styles.tickHidden}
|
|
65
|
+
/>
|
|
66
66
|
</View>
|
|
67
67
|
{label ? <Text style={styles.label}>{label}</Text> : null}
|
|
68
68
|
</Pressable>
|
|
@@ -24,6 +24,9 @@ export const makeStyles = (c: ColorTokens) =>
|
|
|
24
24
|
boxCircle: {
|
|
25
25
|
borderRadius: radius.pill,
|
|
26
26
|
},
|
|
27
|
+
/** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
|
|
28
|
+
* SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
|
|
29
|
+
tickHidden: { opacity: 0 },
|
|
27
30
|
label: {
|
|
28
31
|
fontSize: t.sm,
|
|
29
32
|
color: c.foreground,
|
|
@@ -57,11 +57,12 @@ export function Icon({
|
|
|
57
57
|
>
|
|
58
58
|
{def.elements.map((el, i) => {
|
|
59
59
|
// fill:currentColor → 主题 stroke 色;其余原样;缺省继承根 fill="none"。
|
|
60
|
-
//
|
|
60
|
+
// stroke:元素级覆盖优先(stroke="none" = 纯 fill 不描边);描边元素缺省时显式
|
|
61
|
+
// 传根 stroke,不靠 SVG 继承 —— 部分 Fabric/RNW 运行时继承 stroke 不稳。
|
|
61
62
|
const elProps = {
|
|
62
63
|
fill: el.fill === 'currentColor' ? stroke : (el.fill ?? 'none'),
|
|
63
64
|
opacity: el.opacity,
|
|
64
|
-
stroke: el.stroke,
|
|
65
|
+
stroke: el.stroke ?? stroke,
|
|
65
66
|
};
|
|
66
67
|
switch (el.kind) {
|
|
67
68
|
case 'path':
|