@unif/react-native-design 0.10.0 → 0.11.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/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 +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/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 +1 -1
- 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":[]}
|
|
@@ -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"}
|
|
@@ -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 */
|
|
@@ -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':
|