@unif/react-native-design 0.11.0 → 0.12.0

package/lib/module/components/business/index.js

@@ -6,6 +6,9 @@
 //   navigation / store 耦合的(ScreenLayout / ModernAppCell / CellList /
 //   SmsCodeInput)留在 consumer 仓库
 export { GradientWash, RadialHalo, ScreenBackdrop } from "./Decorations/index.js";
+// SVG 渐变 id 生成 hook —— 喂 GradientWash / RadialHalo 的 gradientId,或消费者自建
+// SVG 渐变复用;消毒 React 19 useId 的冒号(SVG id 非法字符)。
+export { useSvgId } from "./useSvgId.js";
 export { GlassStats } from "./GlassStats/index.js";
 export { AvatarWithRing } from "./AvatarWithRing/index.js";
 export { VersionPill } from "./VersionPill/index.js";

package/lib/module/components/business/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop","GlassStats","AvatarWithRing","VersionPill"],"sourceRoot":"../../../../src","sources":["components/business/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAe;AAUxE,SAASC,UAAU,QAAQ,uBAAc;AAGzC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,WAAW,QAAQ,wBAAe","ignoreList":[]}
+{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop","useSvgId","GlassStats","AvatarWithRing","VersionPill"],"sourceRoot":"../../../../src","sources":["components/business/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA,SAASA,YAAY,EAAEC,UAAU,EAAEC,cAAc,QAAQ,wBAAe;AAUxE;AACA;AACA,SAASC,QAAQ,QAAQ,eAAY;AAErC,SAASC,UAAU,QAAQ,uBAAc;AAGzC,SAASC,cAAc,QAAQ,2BAAkB;AAGjD,SAASC,WAAW,QAAQ,wBAAe","ignoreList":[]}

package/lib/module/components/ui/Checkbox/Checkbox.js

@@ -49,12 +49,13 @@ export function Checkbox({
         backgroundColor: c.primary,
         borderColor: c.primary
       }],
-      children: checked ? /*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         name: "check",
         size: r(14),
         color: c.onPrimary,
-        strokeWidth: 3.5
-      }) : null
+        strokeWidth: 3.5,
+        style: checked ? undefined : styles.tickHidden
+      })
     }), label ? /*#__PURE__*/_jsx(Text, {
       style: styles.label,
       children: label

package/lib/module/components/ui/Checkbox/Checkbox.js.map

@@ -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,EAEDpB,OAAO,gBACNJ,IAAA,CAACH,IAAI;QACHiC,IAAI,EAAC,OAAO;QACZC,IAAI,EAAErC,CAAC,CAAC,EAAE,CAAE;QACZsC,KAAK,EAAEtB,CAAC,CAACuB,SAAU;QACnBC,WAAW,EAAE;MAAI,CAClB,CAAC,GACA;IAAI,CACJ,CAAC,EACN5B,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":[]}
+{"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":[]}

package/lib/module/components/ui/Checkbox/styles.js

@@ -23,6 +23,11 @@ export const makeStyles = c => StyleSheet.create({
   boxCircle: {
     borderRadius: radius.pill
   },
+  /** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
+   *  SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
+  tickHidden: {
+    opacity: 0
+  },
   label: {
     fontSize: t.sm,
     color: c.foreground,

package/lib/module/components/ui/Checkbox/styles.js.map

@@ -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;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAErB,CAAC,CAACsB,EAAE;IACdC,KAAK,EAAErB,CAAC,CAACsB,UAAU;IACnBC,UAAU,EAAE9B,EAAE,CAAC+B,OAAO;IACtB;IACAC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"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":[]}

package/lib/typescript/src/components/business/index.d.ts

@@ -1,5 +1,6 @@
 export { GradientWash, RadialHalo, ScreenBackdrop } from './Decorations';
 export type { GradientStop, GradientWashProps, RadialHaloProps, ScreenBackdropHalo, ScreenBackdropPreset, ScreenBackdropProps, } from './Decorations';
+export { useSvgId } from './useSvgId';
 export { GlassStats } from './GlassStats';
 export type { GlassStatsProps, GlassStatItem } from './GlassStats';
 export { AvatarWithRing } from './AvatarWithRing';

package/lib/typescript/src/components/business/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/business/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/business/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEnE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/lib/typescript/src/components/ui/Checkbox/styles.d.ts

@@ -19,6 +19,11 @@ export declare const makeStyles: (c: ColorTokens) => Readonly<{
     boxCircle: {
         borderRadius: 999;
     };
+    /** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
+     *  SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
+    tickHidden: {
+        opacity: number;
+    };
     label: {
         fontSize: number;
         color: string;

package/lib/typescript/src/components/ui/Checkbox/styles.d.ts.map

@@ -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;;;;;;;;;;EAW7D,CAAC"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.11.0",
+  "version": "0.12.0",
   "description": "Unif 设计系统:theme + icons + utils + components",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/business/index.ts

@@ -13,6 +13,10 @@ export type {
   ScreenBackdropProps,
 } from './Decorations';
 
+// SVG 渐变 id 生成 hook —— 喂 GradientWash / RadialHalo 的 gradientId,或消费者自建
+// SVG 渐变复用;消毒 React 19 useId 的冒号(SVG id 非法字符)。
+export { useSvgId } from './useSvgId';
+
 export { GlassStats } from './GlassStats';
 export type { GlassStatsProps, GlassStatItem } from './GlassStats';
 

package/src/components/ui/Checkbox/Checkbox.tsx

@@ -55,14 +55,14 @@ export function Checkbox({
           },
         ]}
       >
-        {checked ? (
-          <Icon
-            name="check"
-            size={r(14)}
-            color={c.onPrimary}
-            strokeWidth={3.5}
-          />
-        ) : null}
+        {/* 常驻渲染 + opacity 切显隐(非 {checked?<Icon/>:null} 条件挂载)—— 见 styles.tickHidden。 */}
+        <Icon
+          name="check"
+          size={r(14)}
+          color={c.onPrimary}
+          strokeWidth={3.5}
+          style={checked ? undefined : styles.tickHidden}
+        />
       </View>
       {label ? <Text style={styles.label}>{label}</Text> : null}
     </Pressable>

package/src/components/ui/Checkbox/styles.ts

@@ -24,6 +24,9 @@ export const makeStyles = (c: ColorTokens) =>
     boxCircle: {
       borderRadius: radius.pill,
     },
+    /** 未选中时对勾透明但仍常驻渲染 —— 避开 react-native-svg 新架构下条件挂载(动态 mount)
+     *  SVG 不重绘的问题(仅首屏 mount 渲染,toggle 后不显示)。 */
+    tickHidden: { opacity: 0 },
     label: {
       fontSize: t.sm,
       color: c.foreground,