@unif/react-native-design 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 dream-god1
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,37 @@
+# react-native-designdd
+
+@unif/react-native-design
+
+## Installation
+
+
+```sh
+npm install react-native-designdd
+```
+
+
+## Usage
+
+
+```js
+import { multiply } from 'react-native-designdd';
+
+// ...
+
+const result = multiply(3, 7);
+```
+
+
+## Contributing
+
+- [Development workflow](CONTRIBUTING.md#development-workflow)
+- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
+- [Code of conduct](CODE_OF_CONDUCT.md)
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

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

@@ -0,0 +1,70 @@
+"use strict";
+
+import React, { useId, useMemo } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop } from 'react-native-svg';
+import { avatarGradient, useTheme } from "../../../theme/index.js";
+import { makeAvatarStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 圆形头像 + 白色 ring + 品牌橙渐变底 + 品牌色 shadow。
+ *
+ * 用 outer shell (bg=ringColor 圆) + inner avatarCore (圆形 overflow:hidden,
+ * 内含 SVG 渐变 + label) 双层模拟 ring,避免 RN Fabric `borderColor + alpha
+ * + borderRadius: 50%` 的 anti-aliasing 渲染缺失(详见 styles.ts)。
+ */
+export function AvatarWithRing({
+  label,
+  size = 64,
+  ringColor,
+  style
+}) {
+  const {
+    colors: c,
+    shadow
+  } = useTheme();
+  const autoId = useId();
+  const id = `av-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const {
+    inner,
+    styles
+  } = useMemo(() => makeAvatarStyles(size, ringColor ?? c.avatarRing, shadow.brandAvatar, c), [size, ringColor, c, shadow.brandAvatar]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.shell, style],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.avatarCore,
+      children: [/*#__PURE__*/_jsxs(Svg, {
+        width: inner,
+        height: inner,
+        style: StyleSheet.absoluteFill,
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsxs(SvgLinearGradient, {
+            id: id,
+            x1: 0,
+            y1: 0,
+            x2: inner,
+            y2: inner,
+            gradientUnits: "userSpaceOnUse",
+            children: [/*#__PURE__*/_jsx(Stop, {
+              offset: 0,
+              stopColor: avatarGradient[0]
+            }), /*#__PURE__*/_jsx(Stop, {
+              offset: 1,
+              stopColor: avatarGradient[1]
+            })]
+          })
+        }), /*#__PURE__*/_jsx(Rect, {
+          width: inner,
+          height: inner,
+          fill: `url(#${id})`
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          lineHeight: inner
+        }],
+        children: label
+      })]
+    })
+  });
+}
+//# sourceMappingURL=AvatarWithRing.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useId","useMemo","StyleSheet","Text","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","avatarGradient","useTheme","makeAvatarStyles","jsx","_jsx","jsxs","_jsxs","AvatarWithRing","label","size","ringColor","style","colors","c","shadow","autoId","id","replace","inner","styles","avatarRing","brandAvatar","shell","children","avatarCore","width","height","absoluteFill","x1","y1","x2","y2","gradientUnits","offset","stopColor","fill","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/AvatarWithRing.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAC7C,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,OAAOC,GAAG,IACRC,IAAI,EACJC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,EACJC,IAAI,QACC,kBAAkB;AACzB,SAASC,cAAc,EAAEC,QAAQ,QAAQ,yBAAgB;AACzD,SAASC,gBAAgB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,IAAI,GAAG,EAAE;EACTC,SAAS;EACTC;AACmB,CAAC,EAAqB;EACzC,MAAM;IAAEC,MAAM,EAAEC,CAAC;IAAEC;EAAO,CAAC,GAAGb,QAAQ,CAAC,CAAC;EACxC,MAAMc,MAAM,GAAG1B,KAAK,CAAC,CAAC;EACtB,MAAM2B,EAAE,GAAG,MAAMD,MAAM,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;EACxD,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG7B,OAAO,CAC/B,MACEY,gBAAgB,CAACO,IAAI,EAAEC,SAAS,IAAIG,CAAC,CAACO,UAAU,EAAEN,MAAM,CAACO,WAAW,EAAER,CAAC,CAAC,EAC1E,CAACJ,IAAI,EAAEC,SAAS,EAAEG,CAAC,EAAEC,MAAM,CAACO,WAAW,CACzC,CAAC;EACD,oBACEjB,IAAA,CAACX,IAAI;IAACkB,KAAK,EAAE,CAACQ,MAAM,CAACG,KAAK,EAAEX,KAAK,CAAE;IAAAY,QAAA,eACjCjB,KAAA,CAACb,IAAI;MAACkB,KAAK,EAAEQ,MAAM,CAACK,UAAW;MAAAD,QAAA,gBAC7BjB,KAAA,CAACZ,GAAG;QAAC+B,KAAK,EAAEP,KAAM;QAACQ,MAAM,EAAER,KAAM;QAACP,KAAK,EAAEpB,UAAU,CAACoC,YAAa;QAAAJ,QAAA,gBAC/DnB,IAAA,CAACT,IAAI;UAAA4B,QAAA,eAGHjB,KAAA,CAACT,iBAAiB;YAChBmB,EAAE,EAAEA,EAAG;YACPY,EAAE,EAAE,CAAE;YACNC,EAAE,EAAE,CAAE;YACNC,EAAE,EAAEZ,KAAM;YACVa,EAAE,EAAEb,KAAM;YACVc,aAAa,EAAC,gBAAgB;YAAAT,QAAA,gBAE9BnB,IAAA,CAACL,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC,eACjDI,IAAA,CAACL,IAAI;cAACkC,MAAM,EAAE,CAAE;cAACC,SAAS,EAAElC,cAAc,CAAC,CAAC;YAAE,CAAE,CAAC;UAAA,CAChC;QAAC,CAChB,CAAC,eACPI,IAAA,CAACN,IAAI;UAAC2B,KAAK,EAAEP,KAAM;UAACQ,MAAM,EAAER,KAAM;UAACiB,IAAI,EAAE,QAAQnB,EAAE;QAAI,CAAE,CAAC;MAAA,CACvD,CAAC,eACNZ,IAAA,CAACZ,IAAI;QAACmB,KAAK,EAAE,CAACQ,MAAM,CAACX,KAAK,EAAE;UAAE4B,UAAU,EAAElB;QAAM,CAAC,CAAE;QAAAK,QAAA,EAAEf;MAAK,CAAO,CAAC;IAAA,CAC9D;EAAC,CACH,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { AvatarWithRing } from "./AvatarWithRing.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarWithRing"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/components/business/AvatarWithRing/styles.js

@@ -0,0 +1,64 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { fw, r } from "../../../theme/index.js";
+
+/**
+ * 头像样式工厂 —— **非标 maker 签名**:`(size, ringColor, shadowStyle, c)` 4 参,
+ * 而非项目通用 `(c: ColorTokens, s: ShadowTokens) => StyleSheet` 2 参。
+ *
+ * **为何破例**:`size` / `ringColor` 是 **props 派生**(每次调用值不同,如 ring 宽度
+ * = `size * 0.0625`、label 字号 = `size * 0.40`、inner 直径 = `size - ringWidth*2`),
+ * 标准 `useThemedStyles(maker)` 按 `[colors, shadow]` memo 假设 maker 是模块顶层
+ * 常量,无法承接 props 变化。改走调用点自带 `useMemo([size, ringColor, c,
+ * shadow.brandAvatar])` 精确缓存,signature 因此带上 size/ringColor/shadow 三个
+ * 运行期入参,c 仍传入用于 label 文字色。
+ *
+ * **不用 borderWidth + borderColor 实现 ring**:RN new arch (Fabric) 在
+ * iOS 上对 `borderColor: rgba alpha + borderRadius: width/2`(完全圆)的组合
+ * anti-aliasing 失败,60% 白 ring 在暗 hero 上渲染为接近透明,视觉缺失。
+ *
+ * 改用 outer (shell) + inner (avatarCore) 双层:
+ * - shell:size×size 圆,backgroundColor = ringColor(承担 ring 视觉)+ shadow
+ * - avatarCore:inner×inner 圆,在 shell 内 flex center,内部放 SVG 渐变 + label
+ */
+export const makeAvatarStyles = (size, ringColor, shadowStyle, c) => {
+  const dim = r(size);
+  const half = dim / 2;
+  const ringWidth = Math.max(2, r(Math.round(size * 0.0625)));
+  const inner = dim - ringWidth * 2;
+  const innerHalf = inner / 2;
+  const styles = StyleSheet.create({
+    shell: {
+      width: dim,
+      height: dim,
+      borderRadius: half,
+      backgroundColor: ringColor,
+      ...shadowStyle,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    avatarCore: {
+      width: inner,
+      height: inner,
+      borderRadius: innerHalf,
+      overflow: 'hidden',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    label: {
+      fontSize: r(Math.round(size * 0.4)),
+      fontWeight: fw.bold,
+      color: c.onPrimary,
+      letterSpacing: -0.5,
+      textAlign: 'center'
+    }
+  });
+  return {
+    ringWidth,
+    dim,
+    inner,
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/components/business/AvatarWithRing/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","fw","r","makeAvatarStyles","size","ringColor","shadowStyle","c","dim","half","ringWidth","Math","max","round","inner","innerHalf","styles","create","shell","width","height","borderRadius","backgroundColor","alignItems","justifyContent","avatarCore","overflow","label","fontSize","fontWeight","bold","color","onPrimary","letterSpacing","textAlign"],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,cAAc;AACzD,SAASC,EAAE,EAAEC,CAAC,QAA0B,yBAAgB;;AAExD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAGA,CAC9BC,IAAY,EACZC,SAAiB,EACjBC,WAAsB,EACtBC,CAAc,KACX;EACH,MAAMC,GAAG,GAAGN,CAAC,CAACE,IAAI,CAAC;EACnB,MAAMK,IAAI,GAAGD,GAAG,GAAG,CAAC;EACpB,MAAME,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEV,CAAC,CAACS,IAAI,CAACE,KAAK,CAACT,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC;EAC3D,MAAMU,KAAK,GAAGN,GAAG,GAAGE,SAAS,GAAG,CAAC;EACjC,MAAMK,SAAS,GAAGD,KAAK,GAAG,CAAC;EAC3B,MAAME,MAAM,GAAGhB,UAAU,CAACiB,MAAM,CAAC;IAC/BC,KAAK,EAAE;MACLC,KAAK,EAAEX,GAAG;MACVY,MAAM,EAAEZ,GAAG;MACXa,YAAY,EAAEZ,IAAI;MAClBa,eAAe,EAAEjB,SAAS;MAC1B,GAAGC,WAAW;MACdiB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,UAAU,EAAE;MACVN,KAAK,EAAEL,KAAK;MACZM,MAAM,EAAEN,KAAK;MACbO,YAAY,EAAEN,SAAS;MACvBW,QAAQ,EAAE,QAAQ;MAClBH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDG,KAAK,EAAE;MACLC,QAAQ,EAAE1B,CAAC,CAACS,IAAI,CAACE,KAAK,CAACT,IAAI,GAAG,GAAG,CAAC,CAAC;MACnCyB,UAAU,EAAE5B,EAAE,CAAC6B,IAAI;MACnBC,KAAK,EAAExB,CAAC,CAACyB,SAAS;MAClBC,aAAa,EAAE,CAAC,GAAG;MACnBC,SAAS,EAAE;IACb;EACF,CAAC,CAAC;EACF,OAAO;IAAExB,SAAS;IAAEF,GAAG;IAAEM,KAAK;IAAEE;EAAO,CAAC;AAC1C,CAAC","ignoreList":[]}

package/lib/module/components/business/AvatarWithRing/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/business/AvatarWithRing/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/business/AvatarWithRing/types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/business/Decorations/GradientWash.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import React, { useId } from 'react';
+import { View } from 'react-native';
+import Svg, { Defs, LinearGradient as SvgLinearGradient, Rect, Stop } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 垂直线性渐变 wash —— 全宽矩形 + 顶到底的 SVG LinearGradient。
+ *
+ * 两种用法:
+ * - 简单单色:`<GradientWash height color fromOpacity toOpacity />`,内部生成 2 stop
+ * - 多 stop:`<GradientWash height stops={[...]} />`
+ *
+ * `pointerEvents="none"` 透传,装饰层不捕事件。
+ *
+ * gradientId 不传时用 `useId()` 自动唯一;React 19 useId 返回含冒号 `:r0:`,
+ * 不是合法 SVG id 字符,sanitize 后再用。
+ */
+/** 解析 rgba(r,g,b,a) 字符串拆出 alpha,返回 { color: rgb(...), opacity }。
+ *  非 rgba 输入(hex / rgb / named)原样返回 + opacity=1。
+ *
+ *  Why:react-native-svg `<Stop stopColor>` 接 rgba 时 alpha 可能被忽略
+ *  (stopColor 只解析 RGB,需要 stopOpacity 分离),拆分后跨平台一致。 */
+function parseRgba(color) {
+  const m = color.match(/^rgba\(([^)]+)\)$/);
+  if (!m || !m[1]) return {
+    color,
+    opacity: 1
+  };
+  const parts = m[1].split(',').map(s => s.trim());
+  if (parts.length !== 4) return {
+    color,
+    opacity: 1
+  };
+  const alphaStr = parts[3];
+  if (alphaStr === undefined) return {
+    color,
+    opacity: 1
+  };
+  const alpha = parseFloat(alphaStr);
+  if (Number.isNaN(alpha)) return {
+    color,
+    opacity: 1
+  };
+  return {
+    color: `rgb(${parts.slice(0, 3).join(',')})`,
+    opacity: alpha
+  };
+}
+export function GradientWash(props) {
+  const {
+    height,
+    style,
+    gradientId
+  } = props;
+  const autoId = useId();
+  const id = gradientId ?? `gw-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const stops = props.stops ?? [{
+    offset: 0,
+    color: props.color,
+    opacity: props.fromOpacity ?? 0.1
+  }, {
+    offset: 1,
+    color: props.color,
+    opacity: props.toOpacity ?? 0
+  }];
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [{
+      height
+    }, style],
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: "100%",
+      height: height,
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsx(SvgLinearGradient, {
+          id: id,
+          x1: 0,
+          y1: 0,
+          x2: 0,
+          y2: height,
+          gradientUnits: "userSpaceOnUse",
+          children: stops.map((s, i) => {
+            const parsed = parseRgba(s.color);
+            const opacity = s.opacity ?? parsed.opacity;
+            return /*#__PURE__*/_jsx(Stop, {
+              offset: s.offset,
+              stopColor: parsed.color,
+              stopOpacity: opacity
+            }, `${s.offset}-${i}`);
+          })
+        })
+      }), /*#__PURE__*/_jsx(Rect, {
+        width: "100%",
+        height: height,
+        fill: `url(#${id})`
+      })]
+    })
+  });
+}
+//# sourceMappingURL=GradientWash.js.map

package/lib/module/components/business/Decorations/GradientWash.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useId","View","Svg","Defs","LinearGradient","SvgLinearGradient","Rect","Stop","jsx","_jsx","jsxs","_jsxs","parseRgba","color","m","match","opacity","parts","split","map","s","trim","length","alphaStr","undefined","alpha","parseFloat","Number","isNaN","slice","join","GradientWash","props","height","style","gradientId","autoId","id","replace","stops","offset","fromOpacity","toOpacity","pointerEvents","children","width","x1","y1","x2","y2","gradientUnits","i","parsed","stopColor","stopOpacity","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/GradientWash.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/business/Decorations/RadialHalo.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import React, { useId } from 'react';
+import { View } from 'react-native';
+import Svg, { Defs, Ellipse, RadialGradient as SvgRadialGradient, Stop } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_MAX_OPACITY = 0.16;
+const buildStops = maxOpacity => [{
+  offset: 0,
+  opacity: maxOpacity
+}, {
+  offset: 0.65,
+  opacity: 0
+}, {
+  offset: 1,
+  opacity: 0
+}];
+
+/**
+ * 中央径向柔光圆 / 椭圆 —— 单色等距圆形 radial gradient,3 stop 默认"中心亮、65% 处归零"。
+ *
+ * 渲染是 **等距圆形 gradient + Ellipse clip**,不是椭圆形随容器拉伸 ——
+ * 对齐 CSS `radial-gradient(circle, ...)` 默认 ending-shape `farthest-corner`:
+ * r = sqrt(cx² + cy²),65% 归零落在容器内。BBox 默认会让渐变随 rx/ry 拉伸,
+ * 椭圆边缘内容会因 x 维度过早归零而透明,所以走 userSpaceOnUse + 像素 r。
+ */
+export function RadialHalo({
+  size,
+  height,
+  color,
+  maxOpacity = DEFAULT_MAX_OPACITY,
+  stops,
+  style,
+  gradientId
+}) {
+  const w = size;
+  const h = height ?? size;
+  const autoId = useId();
+  const id = gradientId ?? `rh-${autoId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+  const resolvedStops = stops ?? buildStops(maxOpacity);
+  const cx = w / 2;
+  const cy = h / 2;
+  // farthest-corner:r = 中心到最远角的距离
+  const r = Math.sqrt(cx * cx + cy * cy);
+  return /*#__PURE__*/_jsx(View, {
+    pointerEvents: "none",
+    style: [{
+      width: w,
+      height: h
+    }, style],
+    children: /*#__PURE__*/_jsxs(Svg, {
+      width: w,
+      height: h,
+      children: [/*#__PURE__*/_jsx(Defs, {
+        children: /*#__PURE__*/_jsx(SvgRadialGradient, {
+          id: id,
+          cx: cx,
+          cy: cy,
+          r: r,
+          fx: cx,
+          fy: cy,
+          gradientUnits: "userSpaceOnUse",
+          children: resolvedStops.map((s, i) => /*#__PURE__*/_jsx(Stop, {
+            offset: s.offset,
+            stopColor: color,
+            stopOpacity: s.opacity
+          }, `${s.offset}-${i}`))
+        })
+      }), /*#__PURE__*/_jsx(Ellipse, {
+        cx: cx,
+        cy: cy,
+        rx: cx,
+        ry: cy,
+        fill: `url(#${id})`
+      })]
+    })
+  });
+}
+//# sourceMappingURL=RadialHalo.js.map

package/lib/module/components/business/Decorations/RadialHalo.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useId","View","Svg","Defs","Ellipse","RadialGradient","SvgRadialGradient","Stop","jsx","_jsx","jsxs","_jsxs","DEFAULT_MAX_OPACITY","buildStops","maxOpacity","offset","opacity","RadialHalo","size","height","color","stops","style","gradientId","w","h","autoId","id","replace","resolvedStops","cx","cy","r","Math","sqrt","pointerEvents","width","children","fx","fy","gradientUnits","map","s","i","stopColor","stopOpacity","rx","ry","fill"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/RadialHalo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,KAAK,QAAQ,OAAO;AACpC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IACRC,IAAI,EACJC,OAAO,EACPC,cAAc,IAAIC,iBAAiB,EACnCC,IAAI,QACC,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG1B,MAAMC,mBAAmB,GAAG,IAAI;AAEhC,MAAMC,UAAU,GAAIC,UAAkB,IAAK,CACzC;EAAEC,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAEF;AAAW,CAAC,EAClC;EAAEC,MAAM,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAE,CAAC,EAC5B;EAAED,MAAM,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAE,CAAC,CAC1B;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,MAAM;EACNC,KAAK;EACLN,UAAU,GAAGF,mBAAmB;EAChCS,KAAK;EACLC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGN,IAAI;EACd,MAAMO,CAAC,GAAGN,MAAM,IAAID,IAAI;EACxB,MAAMQ,MAAM,GAAG1B,KAAK,CAAC,CAAC;EACtB,MAAM2B,EAAE,GAAGJ,UAAU,IAAI,MAAMG,MAAM,CAACE,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC,EAAE;EACtE,MAAMC,aAAa,GAAGR,KAAK,IAAIR,UAAU,CAACC,UAAU,CAAC;EACrD,MAAMgB,EAAE,GAAGN,CAAC,GAAG,CAAC;EAChB,MAAMO,EAAE,GAAGN,CAAC,GAAG,CAAC;EAChB;EACA,MAAMO,CAAC,GAAGC,IAAI,CAACC,IAAI,CAACJ,EAAE,GAAGA,EAAE,GAAGC,EAAE,GAAGA,EAAE,CAAC;EACtC,oBACEtB,IAAA,CAACR,IAAI;IAACkC,aAAa,EAAC,MAAM;IAACb,KAAK,EAAE,CAAC;MAAEc,KAAK,EAAEZ,CAAC;MAAEL,MAAM,EAAEM;IAAE,CAAC,EAAEH,KAAK,CAAE;IAAAe,QAAA,eACjE1B,KAAA,CAACT,GAAG;MAACkC,KAAK,EAAEZ,CAAE;MAACL,MAAM,EAAEM,CAAE;MAAAY,QAAA,gBACvB5B,IAAA,CAACN,IAAI;QAAAkC,QAAA,eAGH5B,IAAA,CAACH,iBAAiB;UAChBqB,EAAE,EAAEA,EAAG;UACPG,EAAE,EAAEA,EAAG;UACPC,EAAE,EAAEA,EAAG;UACPC,CAAC,EAAEA,CAAE;UACLM,EAAE,EAAER,EAAG;UACPS,EAAE,EAAER,EAAG;UACPS,aAAa,EAAC,gBAAgB;UAAAH,QAAA,EAE7BR,aAAa,CAACY,GAAG,CAAC,CAACC,CAAC,EAAEC,CAAC,kBACtBlC,IAAA,CAACF,IAAI;YAEHQ,MAAM,EAAE2B,CAAC,CAAC3B,MAAO;YACjB6B,SAAS,EAAExB,KAAM;YACjByB,WAAW,EAAEH,CAAC,CAAC1B;UAAQ,GAHlB,GAAG0B,CAAC,CAAC3B,MAAM,IAAI4B,CAAC,EAItB,CACF;QAAC,CACe;MAAC,CAChB,CAAC,eACPlC,IAAA,CAACL,OAAO;QAAC0B,EAAE,EAAEA,EAAG;QAACC,EAAE,EAAEA,EAAG;QAACe,EAAE,EAAEhB,EAAG;QAACiB,EAAE,EAAEhB,EAAG;QAACiB,IAAI,EAAE,QAAQrB,EAAE;MAAI,CAAE,CAAC;IAAA,CAC7D;EAAC,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/business/Decorations/ScreenBackdrop.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, useWindowDimensions, View } from 'react-native';
+import { useColors, useTheme, warmOrangePalette } from "../../../theme/index.js";
+import { GradientWash } from "./GradientWash.js";
+import { RadialHalo } from "./RadialHalo.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** 把 4 stop palette 数组 → GradientWash stops 配置(均布 offset)。
+ *  数据从 theme/palettes.ts 取,组件内只负责 offset 分布。 */
+function buildStops(palette, offsets) {
+  return palette.map((color, i) => ({
+    offset: offsets[i] ?? i / (palette.length - 1),
+    color,
+    opacity: 1
+  }));
+}
+const WARM_ORANGE_OFFSETS = [0, 0.35, 0.75, 1];
+
+/** 全屏渐变 + halo 预设表。新增 preset:加 palette token + 配 halo。 */
+const PRESETS = {
+  /** 暖橙沉浸 —— 名片屏 / 扫码屏 / Splash 等"整屏暖色"场景。
+   *  亮 / 暗 4 stop palette 来自 theme/palettes.ts;halo 3 件套(顶/底中心 + 右上)。 */
+  warmOrange: {
+    light: buildStops(warmOrangePalette.light, WARM_ORANGE_OFFSETS),
+    dark: buildStops(warmOrangePalette.dark, WARM_ORANGE_OFFSETS),
+    halos: [{
+      size: 520,
+      height: 420,
+      maxOpacity: 0.22,
+      top: -120,
+      centerX: true
+    }, {
+      size: 560,
+      height: 380,
+      maxOpacity: 0.18,
+      bottom: -160,
+      centerX: true
+    }, {
+      size: 220,
+      maxOpacity: 0.16,
+      top: 180,
+      right: -80
+    }]
+  }
+};
+
+/** 整屏沉浸渐变背景容器 —— 暗色 theme 自适配。
+ *
+ *  使用:
+ *  ```tsx
+ *  <ScreenBackdrop preset="warmOrange">
+ *    <NavBar ... />
+ *    <View style={styles.body}>...</View>
+ *  </ScreenBackdrop>
+ *  ```
+ *
+ *  内部布局:
+ *  1. 外壳 View(flex:1 + overflow:hidden + 瞬态 c.background 底)
+ *  2. GradientWash absolute fill(scheme 切换 stops)
+ *  3. halo 列表 absolute 定位(可水平居中)
+ *  4. children(在装饰层之上,zIndex 由渲染顺序保证)
+ *
+ *  自定义:`stops` 和 `halos` 都可绕过 preset。两者都不传且 preset 不传时,
+ *  仅渲染 c.background 实色外壳(等价于普通 View)。 */
+export function ScreenBackdrop({
+  preset,
+  stops,
+  halos,
+  children,
+  style
+}) {
+  const c = useColors();
+  const {
+    scheme
+  } = useTheme();
+  const {
+    width: winW,
+    height: winH
+  } = useWindowDimensions();
+  const isDark = scheme === 'dark';
+  const cfg = preset ? PRESETS[preset] : undefined;
+  const resolvedStops = stops ?? (cfg ? {
+    light: cfg.light,
+    dark: cfg.dark
+  } : undefined);
+  const resolvedHalos = halos ?? cfg?.halos ?? [];
+  return /*#__PURE__*/_jsxs(View, {
+    style: [backdropStyles.root, {
+      backgroundColor: c.background
+    }, style],
+    children: [resolvedStops ? /*#__PURE__*/_jsx(GradientWash, {
+      height: winH,
+      stops: isDark ? resolvedStops.dark : resolvedStops.light,
+      style: backdropStyles.gradient
+    }) : null, resolvedHalos.map((h, i) => {
+      const left = h.centerX ? (winW - h.size) / 2 : h.left;
+      const right = h.centerX ? undefined : h.right;
+      return /*#__PURE__*/_jsx(RadialHalo, {
+        size: h.size,
+        height: h.height,
+        color: h.color ?? c.primary,
+        maxOpacity: h.maxOpacity,
+        gradientId: `screen-backdrop-halo-${i}`,
+        style: [backdropStyles.haloAbsolute, {
+          top: h.top,
+          bottom: h.bottom,
+          left,
+          right
+        }]
+      }, `halo-${i}`);
+    }), children]
+  });
+}
+const backdropStyles = StyleSheet.create({
+  root: {
+    flex: 1,
+    position: 'relative',
+    overflow: 'hidden'
+  },
+  gradient: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0
+  },
+  haloAbsolute: {
+    position: 'absolute'
+  }
+});
+//# sourceMappingURL=ScreenBackdrop.js.map

package/lib/module/components/business/Decorations/ScreenBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useWindowDimensions","View","useColors","useTheme","warmOrangePalette","GradientWash","RadialHalo","jsx","_jsx","jsxs","_jsxs","buildStops","palette","offsets","map","color","i","offset","length","opacity","WARM_ORANGE_OFFSETS","PRESETS","warmOrange","light","dark","halos","size","height","maxOpacity","top","centerX","bottom","right","ScreenBackdrop","preset","stops","children","style","c","scheme","width","winW","winH","isDark","cfg","undefined","resolvedStops","resolvedHalos","backdropStyles","root","backgroundColor","background","gradient","h","left","primary","gradientId","haloAbsolute","create","flex","position","overflow"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/ScreenBackdrop.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { GradientWash } from "./GradientWash.js";
+export { RadialHalo } from "./RadialHalo.js";
+export { ScreenBackdrop } from "./ScreenBackdrop.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GradientWash","RadialHalo","ScreenBackdrop"],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/index.ts"],"mappings":";;AAAA,SAASA,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB","ignoreList":[]}

package/lib/module/components/business/Decorations/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/business/Decorations/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/business/Decorations/types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+import React from 'react';
+import { Text, View } from 'react-native';
+import { BlurLayer } from "../../ui/index.js";
+import { useThemedStyles } from "../../../theme/index.js";
+import { makeGlassStatsStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 玻璃数据条 —— BlurLayer 真 backdrop blur + 内部 N 列数据。
+ *
+ * BlurLayer 接管 backdrop 双层结构(BlurView soft + glassTintLight tint),
+ * blurType 跟 scheme 自动切。
+ */
+export function GlassStats({
+  items
+}) {
+  const styles = useThemedStyles(makeGlassStatsStyles);
+  return (
+    /*#__PURE__*/
+    // 外层 shell 承担 shadow(无 overflow,iOS Core Animation masksToBounds=true
+    // 会裁掉 outer shadow);内层 glass 承担 overflow:hidden + border 裁圆角。
+    // 单层 overflow + shadow 在 iOS 上 shadow 完全不可见。
+    _jsx(View, {
+      style: styles.glassShell,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.glass,
+        children: [/*#__PURE__*/_jsx(BlurLayer, {
+          intensity: "soft"
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.topHighlight,
+          pointerEvents: "none"
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.inner,
+          children: items.map(([count, label], i) => /*#__PURE__*/_jsxs(React.Fragment, {
+            children: [i > 0 ? /*#__PURE__*/_jsx(View, {
+              style: styles.sep
+            }) : null, /*#__PURE__*/_jsxs(View, {
+              style: styles.col,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.countText,
+                children: count
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.labelText,
+                children: label
+              })]
+            })]
+          }, label))
+        })]
+      })
+    })
+  );
+}
+//# sourceMappingURL=GlassStats.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","BlurLayer","useThemedStyles","makeGlassStatsStyles","jsx","_jsx","jsxs","_jsxs","GlassStats","items","styles","style","glassShell","children","glass","intensity","topHighlight","pointerEvents","inner","map","count","label","i","Fragment","sep","col","countText","labelText"],"sourceRoot":"../../../../../src","sources":["components/business/GlassStats/GlassStats.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,mBAAU;AACpC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EAAEC;AAAuB,CAAC,EAAqB;EACxE,MAAMC,MAAM,GAAGR,eAAe,CAACC,oBAAoB,CAAC;EACpD;IAAA;IACE;IACA;IACA;IACAE,IAAA,CAACL,IAAI;MAACW,KAAK,EAAED,MAAM,CAACE,UAAW;MAAAC,QAAA,eAC7BN,KAAA,CAACP,IAAI;QAACW,KAAK,EAAED,MAAM,CAACI,KAAM;QAAAD,QAAA,gBACxBR,IAAA,CAACJ,SAAS;UAACc,SAAS,EAAC;QAAM,CAAE,CAAC,eAE9BV,IAAA,CAACL,IAAI;UAACW,KAAK,EAAED,MAAM,CAACM,YAAa;UAACC,aAAa,EAAC;QAAM,CAAE,CAAC,eACzDZ,IAAA,CAACL,IAAI;UAACW,KAAK,EAAED,MAAM,CAACQ,KAAM;UAAAL,QAAA,EACvBJ,KAAK,CAACU,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,KAAK,CAAC,EAAEC,CAAC,kBAC3Bf,KAAA,CAACT,KAAK,CAACyB,QAAQ;YAAAV,QAAA,GACZS,CAAC,GAAG,CAAC,gBAAGjB,IAAA,CAACL,IAAI;cAACW,KAAK,EAAED,MAAM,CAACc;YAAI,CAAE,CAAC,GAAG,IAAI,eAC3CjB,KAAA,CAACP,IAAI;cAACW,KAAK,EAAED,MAAM,CAACe,GAAI;cAAAZ,QAAA,gBACtBR,IAAA,CAACN,IAAI;gBAACY,KAAK,EAAED,MAAM,CAACgB,SAAU;gBAAAb,QAAA,EAAEO;cAAK,CAAO,CAAC,eAC7Cf,IAAA,CAACN,IAAI;gBAACY,KAAK,EAAED,MAAM,CAACiB,SAAU;gBAAAd,QAAA,EAAEQ;cAAK,CAAO,CAAC;YAAA,CACzC,CAAC;UAAA,GALYA,KAML,CACjB;QAAC,CACE,CAAC;MAAA,CACH;IAAC,CACH;EAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export { GlassStats } from "./GlassStats.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["GlassStats"],"sourceRoot":"../../../../../src","sources":["components/business/GlassStats/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc","ignoreList":[]}