@unif/react-native-design 0.33.1 → 0.35.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.
Files changed (229) hide show
  1. package/jest-preset.js +1 -1
  2. package/jest-setup.js +16 -1
  3. package/lib/module/components/business/GlassStats/GlassStats.js +6 -7
  4. package/lib/module/components/business/GlassStats/GlassStats.js.map +1 -1
  5. package/lib/module/components/business/GlassStats/styles.js +5 -1
  6. package/lib/module/components/business/GlassStats/styles.js.map +1 -1
  7. package/lib/module/components/ui/ActionMenuContent/ActionMenuContent.js +97 -0
  8. package/lib/module/components/ui/ActionMenuContent/ActionMenuContent.js.map +1 -0
  9. package/lib/module/components/ui/ActionMenuContent/index.js +4 -0
  10. package/lib/module/components/ui/ActionMenuContent/index.js.map +1 -0
  11. package/lib/module/components/ui/ActionMenuContent/styles.js +54 -0
  12. package/lib/module/components/ui/ActionMenuContent/styles.js.map +1 -0
  13. package/lib/module/components/ui/ActionMenuContent/types.js.map +1 -0
  14. package/lib/module/components/ui/Button/ButtonBase.js +10 -2
  15. package/lib/module/components/ui/Button/ButtonBase.js.map +1 -1
  16. package/lib/module/components/ui/GlassLayer/GlassLayer.js +39 -0
  17. package/lib/module/components/ui/GlassLayer/GlassLayer.js.map +1 -0
  18. package/lib/module/components/ui/GlassLayer/GlassLayer.web.js +36 -0
  19. package/lib/module/components/ui/GlassLayer/GlassLayer.web.js.map +1 -0
  20. package/lib/module/components/ui/GlassLayer/constants.js +8 -0
  21. package/lib/module/components/ui/GlassLayer/constants.js.map +1 -0
  22. package/lib/module/components/ui/GlassLayer/index.js +4 -0
  23. package/lib/module/components/ui/GlassLayer/index.js.map +1 -0
  24. package/lib/module/components/ui/{BorderBeam → GlassLayer}/types.js.map +1 -1
  25. package/lib/module/components/ui/IconButton/IconButton.js +5 -1
  26. package/lib/module/components/ui/IconButton/IconButton.js.map +1 -1
  27. package/lib/module/components/ui/ImagePreview/ImagePreview.js +200 -0
  28. package/lib/module/components/ui/ImagePreview/ImagePreview.js.map +1 -0
  29. package/lib/module/components/ui/ImagePreview/constants.js +5 -0
  30. package/lib/module/components/ui/ImagePreview/constants.js.map +1 -0
  31. package/lib/module/components/ui/ImagePreview/index.js +4 -0
  32. package/lib/module/components/ui/ImagePreview/index.js.map +1 -0
  33. package/lib/module/components/ui/ImagePreview/styles.js +55 -0
  34. package/lib/module/components/ui/ImagePreview/styles.js.map +1 -0
  35. package/lib/module/components/ui/ImagePreview/types.js +4 -0
  36. package/lib/module/components/ui/ImagePreview/types.js.map +1 -0
  37. package/lib/module/components/ui/Sheet/Sheet.js +40 -0
  38. package/lib/module/components/ui/Sheet/Sheet.js.map +1 -0
  39. package/lib/module/components/ui/Sheet/index.js +4 -0
  40. package/lib/module/components/ui/Sheet/index.js.map +1 -0
  41. package/lib/module/components/ui/Sheet/styles.js +41 -0
  42. package/lib/module/components/ui/Sheet/styles.js.map +1 -0
  43. package/lib/module/components/ui/Sheet/types.js +4 -0
  44. package/lib/module/components/ui/Sheet/types.js.map +1 -0
  45. package/lib/module/components/ui/SmsField/SmsField.js +40 -0
  46. package/lib/module/components/ui/SmsField/SmsField.js.map +1 -0
  47. package/lib/module/components/ui/SmsField/index.js +4 -0
  48. package/lib/module/components/ui/SmsField/index.js.map +1 -0
  49. package/lib/module/components/ui/SmsField/types.js +4 -0
  50. package/lib/module/components/ui/SmsField/types.js.map +1 -0
  51. package/lib/module/components/ui/TextEntryContent/TextEntryContent.js +60 -0
  52. package/lib/module/components/ui/TextEntryContent/TextEntryContent.js.map +1 -0
  53. package/lib/module/components/ui/TextEntryContent/index.js +4 -0
  54. package/lib/module/components/ui/TextEntryContent/index.js.map +1 -0
  55. package/lib/module/components/ui/TextEntryContent/styles.js +29 -0
  56. package/lib/module/components/ui/TextEntryContent/styles.js.map +1 -0
  57. package/lib/module/components/ui/TextEntryContent/types.js +4 -0
  58. package/lib/module/components/ui/TextEntryContent/types.js.map +1 -0
  59. package/lib/module/components/ui/index.js +6 -2
  60. package/lib/module/components/ui/index.js.map +1 -1
  61. package/lib/module/icons/data.js +87 -1
  62. package/lib/module/icons/data.js.map +1 -1
  63. package/lib/module/theme/colors.js +4 -7
  64. package/lib/module/theme/colors.js.map +1 -1
  65. package/lib/module/theme/index.js +0 -1
  66. package/lib/module/theme/index.js.map +1 -1
  67. package/lib/typescript/src/components/business/GlassStats/GlassStats.d.ts +2 -4
  68. package/lib/typescript/src/components/business/GlassStats/GlassStats.d.ts.map +1 -1
  69. package/lib/typescript/src/components/business/GlassStats/styles.d.ts +4 -1
  70. package/lib/typescript/src/components/business/GlassStats/styles.d.ts.map +1 -1
  71. package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts +4 -0
  72. package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts.map +1 -0
  73. package/lib/typescript/src/components/ui/ActionMenuContent/index.d.ts +3 -0
  74. package/lib/typescript/src/components/ui/ActionMenuContent/index.d.ts.map +1 -0
  75. package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts +51 -0
  76. package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts.map +1 -0
  77. package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts +25 -0
  78. package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts.map +1 -0
  79. package/lib/typescript/src/components/ui/Button/ButtonBase.d.ts +3 -1
  80. package/lib/typescript/src/components/ui/Button/ButtonBase.d.ts.map +1 -1
  81. package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.d.ts +5 -0
  82. package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.d.ts.map +1 -0
  83. package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.web.d.ts +5 -0
  84. package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.web.d.ts.map +1 -0
  85. package/lib/typescript/src/components/ui/GlassLayer/constants.d.ts +6 -0
  86. package/lib/typescript/src/components/ui/GlassLayer/constants.d.ts.map +1 -0
  87. package/lib/typescript/src/components/ui/GlassLayer/index.d.ts +3 -0
  88. package/lib/typescript/src/components/ui/{BorderBeam → GlassLayer}/index.d.ts.map +1 -1
  89. package/lib/typescript/src/components/ui/GlassLayer/types.d.ts +13 -0
  90. package/lib/typescript/src/components/ui/GlassLayer/types.d.ts.map +1 -0
  91. package/lib/typescript/src/components/ui/IconButton/IconButton.d.ts +1 -1
  92. package/lib/typescript/src/components/ui/IconButton/IconButton.d.ts.map +1 -1
  93. package/lib/typescript/src/components/ui/IconButton/types.d.ts +4 -0
  94. package/lib/typescript/src/components/ui/IconButton/types.d.ts.map +1 -1
  95. package/lib/typescript/src/components/ui/ImagePreview/ImagePreview.d.ts +3 -0
  96. package/lib/typescript/src/components/ui/ImagePreview/ImagePreview.d.ts.map +1 -0
  97. package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts +3 -0
  98. package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts.map +1 -0
  99. package/lib/typescript/src/components/ui/ImagePreview/index.d.ts +3 -0
  100. package/lib/typescript/src/components/ui/ImagePreview/index.d.ts.map +1 -0
  101. package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts +56 -0
  102. package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts.map +1 -0
  103. package/lib/typescript/src/components/ui/ImagePreview/types.d.ts +33 -0
  104. package/lib/typescript/src/components/ui/ImagePreview/types.d.ts.map +1 -0
  105. package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts +4 -0
  106. package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts.map +1 -0
  107. package/lib/typescript/src/components/ui/Sheet/index.d.ts +3 -0
  108. package/lib/typescript/src/components/ui/Sheet/index.d.ts.map +1 -0
  109. package/lib/typescript/src/components/ui/Sheet/styles.d.ts +38 -0
  110. package/lib/typescript/src/components/ui/Sheet/styles.d.ts.map +1 -0
  111. package/lib/typescript/src/components/ui/Sheet/types.d.ts +13 -0
  112. package/lib/typescript/src/components/ui/Sheet/types.d.ts.map +1 -0
  113. package/lib/typescript/src/components/ui/SmsField/SmsField.d.ts +4 -0
  114. package/lib/typescript/src/components/ui/SmsField/SmsField.d.ts.map +1 -0
  115. package/lib/typescript/src/components/ui/SmsField/index.d.ts +3 -0
  116. package/lib/typescript/src/components/ui/SmsField/index.d.ts.map +1 -0
  117. package/lib/typescript/src/components/ui/SmsField/types.d.ts +12 -0
  118. package/lib/typescript/src/components/ui/SmsField/types.d.ts.map +1 -0
  119. package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts +4 -0
  120. package/lib/typescript/src/components/ui/TextEntryContent/TextEntryContent.d.ts.map +1 -0
  121. package/lib/typescript/src/components/ui/TextEntryContent/index.d.ts +3 -0
  122. package/lib/typescript/src/components/ui/TextEntryContent/index.d.ts.map +1 -0
  123. package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts +26 -0
  124. package/lib/typescript/src/components/ui/TextEntryContent/styles.d.ts.map +1 -0
  125. package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts +18 -0
  126. package/lib/typescript/src/components/ui/TextEntryContent/types.d.ts.map +1 -0
  127. package/lib/typescript/src/components/ui/index.d.ts +12 -4
  128. package/lib/typescript/src/components/ui/index.d.ts.map +1 -1
  129. package/lib/typescript/src/icons/data.d.ts +1 -1
  130. package/lib/typescript/src/icons/data.d.ts.map +1 -1
  131. package/lib/typescript/src/theme/colors.d.ts +2 -5
  132. package/lib/typescript/src/theme/colors.d.ts.map +1 -1
  133. package/lib/typescript/src/theme/index.d.ts +0 -2
  134. package/lib/typescript/src/theme/index.d.ts.map +1 -1
  135. package/lib/typescript/type-tests/content-api.d.ts +2 -0
  136. package/lib/typescript/type-tests/content-api.d.ts.map +1 -0
  137. package/package.json +3 -3
  138. package/src/components/business/GlassStats/GlassStats.tsx +4 -6
  139. package/src/components/business/GlassStats/styles.ts +3 -1
  140. package/src/components/ui/ActionMenuContent/ActionMenuContent.tsx +118 -0
  141. package/src/components/ui/ActionMenuContent/index.ts +6 -0
  142. package/src/components/ui/ActionMenuContent/styles.ts +47 -0
  143. package/src/components/ui/ActionMenuContent/types.ts +27 -0
  144. package/src/components/ui/Button/ButtonBase.tsx +11 -2
  145. package/src/components/ui/GlassLayer/GlassLayer.tsx +42 -0
  146. package/src/components/ui/GlassLayer/GlassLayer.web.tsx +37 -0
  147. package/src/components/ui/GlassLayer/constants.ts +2 -0
  148. package/src/components/ui/GlassLayer/index.ts +2 -0
  149. package/src/components/ui/GlassLayer/types.ts +14 -0
  150. package/src/components/ui/IconButton/IconButton.tsx +9 -1
  151. package/src/components/ui/IconButton/types.ts +4 -0
  152. package/src/components/ui/ImagePreview/ImagePreview.tsx +243 -0
  153. package/src/components/ui/ImagePreview/constants.ts +2 -0
  154. package/src/components/ui/ImagePreview/index.ts +6 -0
  155. package/src/components/ui/ImagePreview/styles.ts +48 -0
  156. package/src/components/ui/ImagePreview/types.ts +37 -0
  157. package/src/components/ui/Sheet/Sheet.tsx +43 -0
  158. package/src/components/ui/Sheet/index.ts +2 -0
  159. package/src/components/ui/Sheet/styles.ts +40 -0
  160. package/src/components/ui/Sheet/types.ts +14 -0
  161. package/src/components/ui/SmsField/SmsField.tsx +40 -0
  162. package/src/components/ui/SmsField/index.ts +2 -0
  163. package/src/components/ui/SmsField/types.ts +15 -0
  164. package/src/components/ui/TextEntryContent/TextEntryContent.tsx +56 -0
  165. package/src/components/ui/TextEntryContent/index.ts +2 -0
  166. package/src/components/ui/TextEntryContent/styles.ts +17 -0
  167. package/src/components/ui/TextEntryContent/types.ts +18 -0
  168. package/src/components/ui/index.ts +20 -4
  169. package/src/icons/data.ts +134 -0
  170. package/src/theme/colors.ts +4 -7
  171. package/src/theme/index.ts +0 -3
  172. package/lib/module/components/ui/BlurLayer/BlurLayer.js +0 -45
  173. package/lib/module/components/ui/BlurLayer/BlurLayer.js.map +0 -1
  174. package/lib/module/components/ui/BlurLayer/BlurLayer.web.js +0 -46
  175. package/lib/module/components/ui/BlurLayer/BlurLayer.web.js.map +0 -1
  176. package/lib/module/components/ui/BlurLayer/index.js +0 -4
  177. package/lib/module/components/ui/BlurLayer/index.js.map +0 -1
  178. package/lib/module/components/ui/BlurLayer/types.js.map +0 -1
  179. package/lib/module/components/ui/BorderBeam/BorderBeam.js +0 -102
  180. package/lib/module/components/ui/BorderBeam/BorderBeam.js.map +0 -1
  181. package/lib/module/components/ui/BorderBeam/BorderBeam.web.js +0 -108
  182. package/lib/module/components/ui/BorderBeam/BorderBeam.web.js.map +0 -1
  183. package/lib/module/components/ui/BorderBeam/index.js +0 -4
  184. package/lib/module/components/ui/BorderBeam/index.js.map +0 -1
  185. package/lib/module/components/ui/BorderBeam/normalizeBorderBeam.js +0 -23
  186. package/lib/module/components/ui/BorderBeam/normalizeBorderBeam.js.map +0 -1
  187. package/lib/module/components/ui/BorderBeam/shared.js +0 -54
  188. package/lib/module/components/ui/BorderBeam/shared.js.map +0 -1
  189. package/lib/module/components/ui/BorderBeam/styles.js +0 -18
  190. package/lib/module/components/ui/BorderBeam/styles.js.map +0 -1
  191. package/lib/module/theme/blur.js +0 -12
  192. package/lib/module/theme/blur.js.map +0 -1
  193. package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.d.ts +0 -10
  194. package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.d.ts.map +0 -1
  195. package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.web.d.ts +0 -12
  196. package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.web.d.ts.map +0 -1
  197. package/lib/typescript/src/components/ui/BlurLayer/index.d.ts +0 -3
  198. package/lib/typescript/src/components/ui/BlurLayer/index.d.ts.map +0 -1
  199. package/lib/typescript/src/components/ui/BlurLayer/types.d.ts +0 -15
  200. package/lib/typescript/src/components/ui/BlurLayer/types.d.ts.map +0 -1
  201. package/lib/typescript/src/components/ui/BorderBeam/BorderBeam.d.ts +0 -10
  202. package/lib/typescript/src/components/ui/BorderBeam/BorderBeam.d.ts.map +0 -1
  203. package/lib/typescript/src/components/ui/BorderBeam/BorderBeam.web.d.ts +0 -5
  204. package/lib/typescript/src/components/ui/BorderBeam/BorderBeam.web.d.ts.map +0 -1
  205. package/lib/typescript/src/components/ui/BorderBeam/index.d.ts +0 -3
  206. package/lib/typescript/src/components/ui/BorderBeam/normalizeBorderBeam.d.ts +0 -16
  207. package/lib/typescript/src/components/ui/BorderBeam/normalizeBorderBeam.d.ts.map +0 -1
  208. package/lib/typescript/src/components/ui/BorderBeam/shared.d.ts +0 -28
  209. package/lib/typescript/src/components/ui/BorderBeam/shared.d.ts.map +0 -1
  210. package/lib/typescript/src/components/ui/BorderBeam/styles.d.ts +0 -15
  211. package/lib/typescript/src/components/ui/BorderBeam/styles.d.ts.map +0 -1
  212. package/lib/typescript/src/components/ui/BorderBeam/types.d.ts +0 -23
  213. package/lib/typescript/src/components/ui/BorderBeam/types.d.ts.map +0 -1
  214. package/lib/typescript/src/theme/blur.d.ts +0 -11
  215. package/lib/typescript/src/theme/blur.d.ts.map +0 -1
  216. package/src/components/ui/BlurLayer/BlurLayer.tsx +0 -47
  217. package/src/components/ui/BlurLayer/BlurLayer.web.tsx +0 -46
  218. package/src/components/ui/BlurLayer/index.ts +0 -2
  219. package/src/components/ui/BlurLayer/types.ts +0 -15
  220. package/src/components/ui/BorderBeam/BorderBeam.tsx +0 -130
  221. package/src/components/ui/BorderBeam/BorderBeam.web.tsx +0 -127
  222. package/src/components/ui/BorderBeam/index.ts +0 -2
  223. package/src/components/ui/BorderBeam/normalizeBorderBeam.ts +0 -58
  224. package/src/components/ui/BorderBeam/shared.ts +0 -47
  225. package/src/components/ui/BorderBeam/styles.ts +0 -16
  226. package/src/components/ui/BorderBeam/types.ts +0 -23
  227. package/src/theme/blur.ts +0 -11
  228. /package/lib/module/components/ui/{BlurLayer → ActionMenuContent}/types.js +0 -0
  229. /package/lib/module/components/ui/{BorderBeam → GlassLayer}/types.js +0 -0
@@ -1,45 +0,0 @@
1
- "use strict";
2
-
3
- import React from 'react';
4
- import { StyleSheet, View } from 'react-native';
5
- import { BlurView } from '@sbaiahmed1/react-native-blur';
6
- import { blur as blurTokens, useColors, useTheme } from "../../../theme/index.js";
7
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
8
- /** Blur backdrop 双层 —— BlurView + tint。
9
- *
10
- * blurType 跟 scheme 自动切(亮 'light' / 暗 'dark',避免暗色奶白雾)。
11
- *
12
- * - `'soft'` 玻璃数据条 / 小区域
13
- * - `'strong'` 焦点引导 backdrop(sheet 类浮层) */
14
- export function BlurLayer({
15
- intensity,
16
- tint,
17
- style,
18
- testID
19
- }) {
20
- const c = useColors();
21
- const {
22
- scheme
23
- } = useTheme();
24
- const blurType = scheme === 'dark' ? 'dark' : 'light';
25
- const defaultTint = intensity === 'strong' ? c.sheetBackdrop : c.glassTintLight;
26
- return /*#__PURE__*/_jsxs(View, {
27
- style: [StyleSheet.absoluteFill, style],
28
- pointerEvents: "none",
29
- testID: testID,
30
- children: [/*#__PURE__*/_jsx(BlurView, {
31
- style: StyleSheet.absoluteFill,
32
- blurType: blurType,
33
- blurAmount: blurTokens[intensity]
34
- // iOS「降低透明度」开启时 BlurView 用纯色替换模糊;库默认 #FFFFFF 在暗色 scheme
35
- // 下整面刺眼白底。传随 scheme 的 surface 色,与下方 tint 层视觉一致([M-6])。
36
- ,
37
- reducedTransparencyFallbackColor: c.surface
38
- }), /*#__PURE__*/_jsx(View, {
39
- style: [StyleSheet.absoluteFill, {
40
- backgroundColor: tint ?? defaultTint
41
- }]
42
- })]
43
- });
44
- }
45
- //# sourceMappingURL=BlurLayer.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","StyleSheet","View","BlurView","blur","blurTokens","useColors","useTheme","jsx","_jsx","jsxs","_jsxs","BlurLayer","intensity","tint","style","testID","c","scheme","blurType","defaultTint","sheetBackdrop","glassTintLight","absoluteFill","pointerEvents","children","blurAmount","reducedTransparencyFallbackColor","surface","backgroundColor"],"sourceRoot":"../../../../../src","sources":["components/ui/BlurLayer/BlurLayer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,IAAI,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGX,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEY;EAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC;EAC7B,MAAMY,QAAQ,GAAGD,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,OAAO;EACrD,MAAME,WAAW,GACfP,SAAS,KAAK,QAAQ,GAAGI,CAAC,CAACI,aAAa,GAAGJ,CAAC,CAACK,cAAc;EAE7D,oBACEX,KAAA,CAACT,IAAI;IACHa,KAAK,EAAE,CAACd,UAAU,CAACsB,YAAY,EAAER,KAAK,CAAE;IACxCS,aAAa,EAAC,MAAM;IACpBR,MAAM,EAAEA,MAAO;IAAAS,QAAA,gBAEfhB,IAAA,CAACN,QAAQ;MACPY,KAAK,EAAEd,UAAU,CAACsB,YAAa;MAC/BJ,QAAQ,EAAEA,QAAS;MACnBO,UAAU,EAAErB,UAAU,CAACQ,SAAS;MAChC;MACA;MAAA;MACAc,gCAAgC,EAAEV,CAAC,CAACW;IAAQ,CAC7C,CAAC,eACFnB,IAAA,CAACP,IAAI;MACHa,KAAK,EAAE,CACLd,UAAU,CAACsB,YAAY,EACvB;QAAEM,eAAe,EAAEf,IAAI,IAAIM;MAAY,CAAC;IACxC,CACH,CAAC;EAAA,CACE,CAAC;AAEX","ignoreList":[]}
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- /**
4
- * Web 端 BlurLayer —— CSS `backdrop-filter` 代替 native BlurView。
5
- *
6
- * `@sbaiahmed1/react-native-blur` 不支持 web(库内部 codegenNativeComponent
7
- * 在浏览器会炸 "is not a function",见上游 issue #79)。docusaurus-rnw plugin
8
- * 配 `extensions: ['.web.tsx', ...]` 优先,webpack 选这份;Metro 不识别该后缀,
9
- * iOS / Android 走原 `BlurLayer.tsx`。
10
- */
11
- import React from 'react';
12
- import { StyleSheet, View } from 'react-native';
13
- import { blur as blurTokens, useColors, useTheme } from "../../../theme/index.js";
14
- import { jsx as _jsx } from "react/jsx-runtime";
15
- export function BlurLayer({
16
- intensity,
17
- tint,
18
- style,
19
- testID
20
- }) {
21
- const c = useColors();
22
- const {
23
- scheme
24
- } = useTheme();
25
- const blurAmount = blurTokens[intensity];
26
- const defaultTint = intensity === 'strong' ? c.sheetBackdrop : c.glassTintLight;
27
- // RN style typedef 不识别 web-only 属性,cast 绕过 TS;RN-Web 浏览器侧原样输出。
28
- // [L-15] saturate(180%):苹果 HIG 玻璃效果的标准值,增强模糊后的颜色鲜艳度,
29
- // 与 macOS / iOS 系统 vibrancy 视觉一致;降低会让玻璃面板显得灰暗脱色。
30
- // [L-15] opacity:0.96(暗色):暗色 scheme 下 backdrop-filter 在 Chromium 中
31
- // opacity=1 时存在渲染 artifact(模糊层与底层内容边界锯齿),降到 0.96 消除;
32
- // 亮色 scheme 不受影响故保持 1。native 端 BlurLayer.tsx 用双层 View 实现,
33
- // 语义等价(tint 层覆盖 BlurView),无需此 opacity 补丁。
34
- const webBlurStyle = {
35
- backdropFilter: `blur(${blurAmount}px) saturate(180%)`,
36
- WebkitBackdropFilter: `blur(${blurAmount}px) saturate(180%)`,
37
- backgroundColor: tint ?? defaultTint,
38
- opacity: scheme === 'dark' ? 0.96 : 1
39
- };
40
- return /*#__PURE__*/_jsx(View, {
41
- style: [StyleSheet.absoluteFill, webBlurStyle, style],
42
- pointerEvents: "none",
43
- testID: testID
44
- });
45
- }
46
- //# sourceMappingURL=BlurLayer.web.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","StyleSheet","View","blur","blurTokens","useColors","useTheme","jsx","_jsx","BlurLayer","intensity","tint","style","testID","c","scheme","blurAmount","defaultTint","sheetBackdrop","glassTintLight","webBlurStyle","backdropFilter","WebkitBackdropFilter","backgroundColor","opacity","absoluteFill","pointerEvents"],"sourceRoot":"../../../../../src","sources":["components/ui/BlurLayer/BlurLayer.web.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwC,cAAc;AAC/E,SAASC,IAAI,IAAIC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzE,OAAO,SAASC,SAASA,CAAC;EACxBC,SAAS;EACTC,IAAI;EACJC,KAAK;EACLC;AACc,CAAC,EAAqB;EACpC,MAAMC,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEU;EAAO,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC7B,MAAMU,UAAU,GAAGZ,UAAU,CAACM,SAAS,CAAC;EACxC,MAAMO,WAAW,GACfP,SAAS,KAAK,QAAQ,GAAGI,CAAC,CAACI,aAAa,GAAGJ,CAAC,CAACK,cAAc;EAC7D;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAMC,YAAY,GAAG;IACnBC,cAAc,EAAE,QAAQL,UAAU,oBAAoB;IACtDM,oBAAoB,EAAE,QAAQN,UAAU,oBAAoB;IAC5DO,eAAe,EAAEZ,IAAI,IAAIM,WAAW;IACpCO,OAAO,EAAET,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG;EACtC,CAAoC;EAEpC,oBACEP,IAAA,CAACN,IAAI;IACHU,KAAK,EAAE,CAACX,UAAU,CAACwB,YAAY,EAAEL,YAAY,EAAER,KAAK,CAAE;IACtDc,aAAa,EAAC,MAAM;IACpBb,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
@@ -1,4 +0,0 @@
1
- "use strict";
2
-
3
- export { BlurLayer } from './BlurLayer';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["BlurLayer"],"sourceRoot":"../../../../../src","sources":["components/ui/BlurLayer/index.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,aAAa","ignoreList":[]}
@@ -1 +0,0 @@
1
- {"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/ui/BlurLayer/types.ts"],"mappings":"","ignoreList":[]}
@@ -1,102 +0,0 @@
1
- "use strict";
2
-
3
- import React, { useEffect, useState } from 'react';
4
- import { View } from 'react-native';
5
- import Animated, { cancelAnimation, Easing, ReduceMotion, useAnimatedProps, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
6
- import Svg, { Rect } from 'react-native-svg';
7
- import { radius, useColors, usePrefersReducedMotion } from "../../../theme/index.js";
8
- import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
9
- import { normalizeBorderBeam } from "./normalizeBorderBeam.js";
10
- import { borderBeamGeometry, borderBeamTrail, EMPTY_BORDER_BEAM_LAYOUT } from "./shared.js";
11
- import { styles } from "./styles.js";
12
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
13
- const AnimatedRect = Animated.createAnimatedComponent(Rect);
14
-
15
- /**
16
- * 沿内容边缘循环移动的装饰性流光描边。
17
- *
18
- * 组件不承载加载、错误或焦点语义;业务状态仍由调用方自己的可访问元素表达。
19
- * 系统开启「减弱动态效果」时隐藏流光,只保留原内容。
20
- */
21
- export function BorderBeam({
22
- children,
23
- active = true,
24
- color,
25
- duration,
26
- lineWidth,
27
- size,
28
- borderRadius = radius.md,
29
- style,
30
- testID
31
- }) {
32
- const colors = useColors();
33
- const reducedMotion = usePrefersReducedMotion();
34
- const [layout, setLayout] = useState(EMPTY_BORDER_BEAM_LAYOUT);
35
- const normalized = normalizeBorderBeam({
36
- duration,
37
- lineWidth,
38
- size,
39
- borderRadius
40
- });
41
- const geometry = borderBeamGeometry({
42
- layout,
43
- ...normalized
44
- });
45
- const trail = borderBeamTrail(geometry.beamLength);
46
- const dashOffset = useSharedValue(0);
47
- const showVisual = active && !reducedMotion && geometry.perimeter > 0;
48
- useEffect(() => {
49
- cancelAnimation(dashOffset);
50
- dashOffset.value = 0;
51
- if (!showVisual) return;
52
- dashOffset.value = withRepeat(withTiming(-geometry.perimeter, {
53
- duration: normalized.duration,
54
- easing: Easing.linear,
55
- reduceMotion: ReduceMotion.System
56
- }), -1, false, undefined, ReduceMotion.System);
57
- return () => cancelAnimation(dashOffset);
58
- }, [dashOffset, geometry.perimeter, normalized.duration, showVisual]);
59
- const animatedProps = useAnimatedProps(() => ({
60
- strokeDashoffset: dashOffset.value
61
- }));
62
- const handleLayout = event => {
63
- const width = Math.max(0, event.nativeEvent.layout.width);
64
- const height = Math.max(0, event.nativeEvent.layout.height);
65
- setLayout(current => current.width === width && current.height === height ? current : {
66
- width,
67
- height
68
- });
69
- };
70
- return /*#__PURE__*/_jsxs(View, {
71
- onLayout: handleLayout,
72
- style: [styles.container, {
73
- borderRadius: normalized.borderRadius
74
- }, style],
75
- testID: testID,
76
- children: [children, showVisual ? /*#__PURE__*/_jsx(View, {
77
- pointerEvents: "none",
78
- style: styles.visual,
79
- ...A11Y_HIDDEN_PROPS,
80
- children: /*#__PURE__*/_jsx(Svg, {
81
- width: layout.width,
82
- height: layout.height,
83
- children: trail.map(layer => /*#__PURE__*/_jsx(AnimatedRect, {
84
- animatedProps: animatedProps,
85
- x: normalized.lineWidth / 2,
86
- y: normalized.lineWidth / 2,
87
- width: geometry.rectWidth,
88
- height: geometry.rectHeight,
89
- rx: geometry.radius,
90
- ry: geometry.radius,
91
- fill: "none",
92
- stroke: color ?? colors.primary,
93
- strokeOpacity: layer.opacity,
94
- strokeWidth: normalized.lineWidth,
95
- strokeLinecap: "round",
96
- strokeDasharray: [layer.length, Math.max(0, geometry.perimeter - layer.length)]
97
- }, `${layer.length}-${layer.opacity}`))
98
- })
99
- }) : null]
100
- });
101
- }
102
- //# sourceMappingURL=BorderBeam.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useEffect","useState","View","Animated","cancelAnimation","Easing","ReduceMotion","useAnimatedProps","useSharedValue","withRepeat","withTiming","Svg","Rect","radius","useColors","usePrefersReducedMotion","A11Y_HIDDEN_PROPS","normalizeBorderBeam","borderBeamGeometry","borderBeamTrail","EMPTY_BORDER_BEAM_LAYOUT","styles","jsx","_jsx","jsxs","_jsxs","AnimatedRect","createAnimatedComponent","BorderBeam","children","active","color","duration","lineWidth","size","borderRadius","md","style","testID","colors","reducedMotion","layout","setLayout","normalized","geometry","trail","beamLength","dashOffset","showVisual","perimeter","value","easing","linear","reduceMotion","System","undefined","animatedProps","strokeDashoffset","handleLayout","event","width","Math","max","nativeEvent","height","current","onLayout","container","pointerEvents","visual","map","layer","x","y","rectWidth","rectHeight","rx","ry","fill","stroke","primary","strokeOpacity","opacity","strokeWidth","strokeLinecap","strokeDasharray","length"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/BorderBeam.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,YAAY,EACZC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAChC,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAE5C,SAASC,MAAM,EAAEC,SAAS,EAAEC,uBAAuB,QAAQ,yBAAgB;AAC3E,SAASC,iBAAiB,QAAQ,mBAAgB;AAClD,SAASC,mBAAmB,QAAQ,0BAAuB;AAC3D,SACEC,kBAAkB,EAClBC,eAAe,EACfC,wBAAwB,QACnB,aAAU;AACjB,SAASC,MAAM,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlC,MAAMC,YAAY,GAAGvB,QAAQ,CAACwB,uBAAuB,CAACf,IAAI,CAAC;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASgB,UAAUA,CAAC;EACzBC,QAAQ;EACRC,MAAM,GAAG,IAAI;EACbC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,YAAY,GAAGtB,MAAM,CAACuB,EAAE;EACxBC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,MAAM,GAAGzB,SAAS,CAAC,CAAC;EAC1B,MAAM0B,aAAa,GAAGzB,uBAAuB,CAAC,CAAC;EAC/C,MAAM,CAAC0B,MAAM,EAAEC,SAAS,CAAC,GAAGzC,QAAQ,CAACmB,wBAAwB,CAAC;EAC9D,MAAMuB,UAAU,GAAG1B,mBAAmB,CAAC;IACrCe,QAAQ;IACRC,SAAS;IACTC,IAAI;IACJC;EACF,CAAC,CAAC;EACF,MAAMS,QAAQ,GAAG1B,kBAAkB,CAAC;IAAEuB,MAAM;IAAE,GAAGE;EAAW,CAAC,CAAC;EAC9D,MAAME,KAAK,GAAG1B,eAAe,CAACyB,QAAQ,CAACE,UAAU,CAAC;EAClD,MAAMC,UAAU,GAAGvC,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMwC,UAAU,GAAGlB,MAAM,IAAI,CAACU,aAAa,IAAII,QAAQ,CAACK,SAAS,GAAG,CAAC;EAErEjD,SAAS,CAAC,MAAM;IACdI,eAAe,CAAC2C,UAAU,CAAC;IAC3BA,UAAU,CAACG,KAAK,GAAG,CAAC;IACpB,IAAI,CAACF,UAAU,EAAE;IACjBD,UAAU,CAACG,KAAK,GAAGzC,UAAU,CAC3BC,UAAU,CAAC,CAACkC,QAAQ,CAACK,SAAS,EAAE;MAC9BjB,QAAQ,EAAEW,UAAU,CAACX,QAAQ;MAC7BmB,MAAM,EAAE9C,MAAM,CAAC+C,MAAM;MACrBC,YAAY,EAAE/C,YAAY,CAACgD;IAC7B,CAAC,CAAC,EACF,CAAC,CAAC,EACF,KAAK,EACLC,SAAS,EACTjD,YAAY,CAACgD,MACf,CAAC;IACD,OAAO,MAAMlD,eAAe,CAAC2C,UAAU,CAAC;EAC1C,CAAC,EAAE,CAACA,UAAU,EAAEH,QAAQ,CAACK,SAAS,EAAEN,UAAU,CAACX,QAAQ,EAAEgB,UAAU,CAAC,CAAC;EAErE,MAAMQ,aAAa,GAAGjD,gBAAgB,CAAC,OAAO;IAC5CkD,gBAAgB,EAAEV,UAAU,CAACG;EAC/B,CAAC,CAAC,CAAC;EACH,MAAMQ,YAAY,GAAIC,KAAwB,IAAW;IACvD,MAAMC,KAAK,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,KAAK,CAACI,WAAW,CAACtB,MAAM,CAACmB,KAAK,CAAC;IACzD,MAAMI,MAAM,GAAGH,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,KAAK,CAACI,WAAW,CAACtB,MAAM,CAACuB,MAAM,CAAC;IAC3DtB,SAAS,CAAEuB,OAAO,IAChBA,OAAO,CAACL,KAAK,KAAKA,KAAK,IAAIK,OAAO,CAACD,MAAM,KAAKA,MAAM,GAChDC,OAAO,GACP;MAAEL,KAAK;MAAEI;IAAO,CACtB,CAAC;EACH,CAAC;EAED,oBACEvC,KAAA,CAACvB,IAAI;IACHgE,QAAQ,EAAER,YAAa;IACvBrB,KAAK,EAAE,CACLhB,MAAM,CAAC8C,SAAS,EAChB;MAAEhC,YAAY,EAAEQ,UAAU,CAACR;IAAa,CAAC,EACzCE,KAAK,CACL;IACFC,MAAM,EAAEA,MAAO;IAAAT,QAAA,GAEdA,QAAQ,EACRmB,UAAU,gBACTzB,IAAA,CAACrB,IAAI;MAACkE,aAAa,EAAC,MAAM;MAAC/B,KAAK,EAAEhB,MAAM,CAACgD,MAAO;MAAA,GAAKrD,iBAAiB;MAAAa,QAAA,eACpEN,IAAA,CAACZ,GAAG;QAACiD,KAAK,EAAEnB,MAAM,CAACmB,KAAM;QAACI,MAAM,EAAEvB,MAAM,CAACuB,MAAO;QAAAnC,QAAA,EAC7CgB,KAAK,CAACyB,GAAG,CAAEC,KAAK,iBACfhD,IAAA,CAACG,YAAY;UAEX8B,aAAa,EAAEA,aAAc;UAC7BgB,CAAC,EAAE7B,UAAU,CAACV,SAAS,GAAG,CAAE;UAC5BwC,CAAC,EAAE9B,UAAU,CAACV,SAAS,GAAG,CAAE;UAC5B2B,KAAK,EAAEhB,QAAQ,CAAC8B,SAAU;UAC1BV,MAAM,EAAEpB,QAAQ,CAAC+B,UAAW;UAC5BC,EAAE,EAAEhC,QAAQ,CAAC/B,MAAO;UACpBgE,EAAE,EAAEjC,QAAQ,CAAC/B,MAAO;UACpBiE,IAAI,EAAC,MAAM;UACXC,MAAM,EAAEhD,KAAK,IAAIQ,MAAM,CAACyC,OAAQ;UAChCC,aAAa,EAAEV,KAAK,CAACW,OAAQ;UAC7BC,WAAW,EAAExC,UAAU,CAACV,SAAU;UAClCmD,aAAa,EAAC,OAAO;UACrBC,eAAe,EAAE,CACfd,KAAK,CAACe,MAAM,EACZzB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAElB,QAAQ,CAACK,SAAS,GAAGsB,KAAK,CAACe,MAAM,CAAC;QAC9C,GAhBG,GAAGf,KAAK,CAACe,MAAM,IAAIf,KAAK,CAACW,OAAO,EAiBtC,CACF;MAAC,CACC;IAAC,CACF,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}
@@ -1,108 +0,0 @@
1
- "use strict";
2
-
3
- import React, { useEffect, useRef, useState } from 'react';
4
- import { View } from 'react-native';
5
- import Svg, { Rect } from 'react-native-svg';
6
- import { radius, useColors, usePrefersReducedMotion } from "../../../theme/index.js";
7
- import { A11Y_HIDDEN_PROPS } from "../shared/a11y.js";
8
- import { normalizeBorderBeam } from "./normalizeBorderBeam.js";
9
- import { borderBeamGeometry, borderBeamTrail, EMPTY_BORDER_BEAM_LAYOUT } from "./shared.js";
10
- import { styles } from "./styles.js";
11
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
- const KEYFRAMES_ID = 'unif-border-beam-keyframes';
13
- const win = globalThis;
14
- function ensureKeyframes() {
15
- if (typeof win.document === 'undefined') return;
16
- if (win.document.getElementById(KEYFRAMES_ID)) return;
17
- const sheet = win.document.createElement('style');
18
- sheet.id = KEYFRAMES_ID;
19
- sheet.textContent = '@keyframes unif-border-beam-flow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: calc(-1 * var(--unif-border-beam-path)); } }';
20
- win.document.head.appendChild(sheet);
21
- }
22
-
23
- /** Web 版用 CSS keyframes 插值,JS 只在布局或 props 变化时更新一次。 */
24
- export function BorderBeam({
25
- children,
26
- active = true,
27
- color,
28
- duration,
29
- lineWidth,
30
- size,
31
- borderRadius = radius.md,
32
- style,
33
- testID
34
- }) {
35
- const colors = useColors();
36
- const reducedMotion = usePrefersReducedMotion();
37
- const [layout, setLayout] = useState(EMPTY_BORDER_BEAM_LAYOUT);
38
- const rectRefs = useRef([]);
39
- const normalized = normalizeBorderBeam({
40
- duration,
41
- lineWidth,
42
- size,
43
- borderRadius
44
- });
45
- const geometry = borderBeamGeometry({
46
- layout,
47
- ...normalized
48
- });
49
- const trail = borderBeamTrail(geometry.beamLength);
50
- const showVisual = active && !reducedMotion && geometry.perimeter > 0;
51
- useEffect(() => {
52
- if (!showVisual) return;
53
- ensureKeyframes();
54
- const nodes = rectRefs.current.filter(node => node?.style);
55
- if (nodes.length === 0) return;
56
- nodes.forEach(node => {
57
- node.style.setProperty('--unif-border-beam-path', `${geometry.perimeter}px`);
58
- node.style.animation = `unif-border-beam-flow ${normalized.duration}ms linear infinite`;
59
- });
60
- return () => {
61
- nodes.forEach(node => {
62
- node.style.animation = '';
63
- });
64
- };
65
- }, [geometry.perimeter, normalized.duration, showVisual]);
66
- const handleLayout = event => {
67
- const width = Math.max(0, event.nativeEvent.layout.width);
68
- const height = Math.max(0, event.nativeEvent.layout.height);
69
- setLayout(current => current.width === width && current.height === height ? current : {
70
- width,
71
- height
72
- });
73
- };
74
- return /*#__PURE__*/_jsxs(View, {
75
- onLayout: handleLayout,
76
- style: [styles.container, {
77
- borderRadius: normalized.borderRadius
78
- }, style],
79
- testID: testID,
80
- children: [children, showVisual ? /*#__PURE__*/_jsx(View, {
81
- pointerEvents: "none",
82
- style: styles.visual,
83
- ...A11Y_HIDDEN_PROPS,
84
- children: /*#__PURE__*/_jsx(Svg, {
85
- width: layout.width,
86
- height: layout.height,
87
- children: trail.map((layer, index) => /*#__PURE__*/_jsx(Rect, {
88
- ref: node => {
89
- rectRefs.current[index] = node;
90
- },
91
- x: normalized.lineWidth / 2,
92
- y: normalized.lineWidth / 2,
93
- width: geometry.rectWidth,
94
- height: geometry.rectHeight,
95
- rx: geometry.radius,
96
- ry: geometry.radius,
97
- fill: "none",
98
- stroke: color ?? colors.primary,
99
- strokeOpacity: layer.opacity,
100
- strokeWidth: normalized.lineWidth,
101
- strokeLinecap: "round",
102
- strokeDasharray: [layer.length, Math.max(0, geometry.perimeter - layer.length)]
103
- }, `${layer.length}-${layer.opacity}`))
104
- })
105
- }) : null]
106
- });
107
- }
108
- //# sourceMappingURL=BorderBeam.web.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["React","useEffect","useRef","useState","View","Svg","Rect","radius","useColors","usePrefersReducedMotion","A11Y_HIDDEN_PROPS","normalizeBorderBeam","borderBeamGeometry","borderBeamTrail","EMPTY_BORDER_BEAM_LAYOUT","styles","jsx","_jsx","jsxs","_jsxs","KEYFRAMES_ID","win","globalThis","ensureKeyframes","document","getElementById","sheet","createElement","id","textContent","head","appendChild","BorderBeam","children","active","color","duration","lineWidth","size","borderRadius","md","style","testID","colors","reducedMotion","layout","setLayout","rectRefs","normalized","geometry","trail","beamLength","showVisual","perimeter","nodes","current","filter","node","length","forEach","setProperty","animation","handleLayout","event","width","Math","max","nativeEvent","height","onLayout","container","pointerEvents","visual","map","layer","index","ref","x","y","rectWidth","rectHeight","rx","ry","fill","stroke","primary","strokeOpacity","opacity","strokeWidth","strokeLinecap","strokeDasharray"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/BorderBeam.web.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,4 +0,0 @@
1
- "use strict";
2
-
3
- export { BorderBeam } from './BorderBeam';
4
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["BorderBeam"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- export const BORDER_BEAM_DEFAULTS = {
4
- duration: 2400,
5
- lineWidth: 2,
6
- size: 40,
7
- borderRadius: 12
8
- };
9
- const normalizeNumber = (value, fallback, min, max, allowZero = false) => {
10
- if (typeof value !== 'number' || !Number.isFinite(value) || value < 0 || !allowZero && value === 0) {
11
- return fallback;
12
- }
13
- return Math.min(max, Math.max(min, value));
14
- };
15
- export function normalizeBorderBeam(input) {
16
- return {
17
- duration: normalizeNumber(input.duration, BORDER_BEAM_DEFAULTS.duration, 300, 60_000),
18
- lineWidth: normalizeNumber(input.lineWidth, BORDER_BEAM_DEFAULTS.lineWidth, 0.5, 8),
19
- size: normalizeNumber(input.size, BORDER_BEAM_DEFAULTS.size, 8, 1_000),
20
- borderRadius: normalizeNumber(input.borderRadius, BORDER_BEAM_DEFAULTS.borderRadius, 0, 1_000, true)
21
- };
22
- }
23
- //# sourceMappingURL=normalizeBorderBeam.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["BORDER_BEAM_DEFAULTS","duration","lineWidth","size","borderRadius","normalizeNumber","value","fallback","min","max","allowZero","Number","isFinite","Math","normalizeBorderBeam","input"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/normalizeBorderBeam.ts"],"mappings":";;AAOA,OAAO,MAAMA,oBAA0C,GAAG;EACxDC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,CAAC;EACZC,IAAI,EAAE,EAAE;EACRC,YAAY,EAAE;AAChB,CAAC;AAID,MAAMC,eAAe,GAAGA,CACtBC,KAAyB,EACzBC,QAAgB,EAChBC,GAAW,EACXC,GAAW,EACXC,SAAS,GAAG,KAAK,KACN;EACX,IACE,OAAOJ,KAAK,KAAK,QAAQ,IACzB,CAACK,MAAM,CAACC,QAAQ,CAACN,KAAK,CAAC,IACvBA,KAAK,GAAG,CAAC,IACR,CAACI,SAAS,IAAIJ,KAAK,KAAK,CAAE,EAC3B;IACA,OAAOC,QAAQ;EACjB;EACA,OAAOM,IAAI,CAACL,GAAG,CAACC,GAAG,EAAEI,IAAI,CAACJ,GAAG,CAACD,GAAG,EAAEF,KAAK,CAAC,CAAC;AAC5C,CAAC;AAED,OAAO,SAASQ,mBAAmBA,CAACC,KAAwB,EAAE;EAC5D,OAAO;IACLd,QAAQ,EAAEI,eAAe,CACvBU,KAAK,CAACd,QAAQ,EACdD,oBAAoB,CAACC,QAAQ,EAC7B,GAAG,EACH,MACF,CAAC;IACDC,SAAS,EAAEG,eAAe,CACxBU,KAAK,CAACb,SAAS,EACfF,oBAAoB,CAACE,SAAS,EAC9B,GAAG,EACH,CACF,CAAC;IACDC,IAAI,EAAEE,eAAe,CAACU,KAAK,CAACZ,IAAI,EAAEH,oBAAoB,CAACG,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC;IACtEC,YAAY,EAAEC,eAAe,CAC3BU,KAAK,CAACX,YAAY,EAClBJ,oBAAoB,CAACI,YAAY,EACjC,CAAC,EACD,KAAK,EACL,IACF;EACF,CAAC;AACH","ignoreList":[]}
@@ -1,54 +0,0 @@
1
- "use strict";
2
-
3
- export const EMPTY_BORDER_BEAM_LAYOUT = {
4
- width: 0,
5
- height: 0
6
- };
7
- const BORDER_BEAM_TRAIL = [{
8
- lengthRatio: 1,
9
- opacity: 0.12
10
- }, {
11
- lengthRatio: 0.75,
12
- opacity: 0.24
13
- }, {
14
- lengthRatio: 0.5,
15
- opacity: 0.42
16
- }, {
17
- lengthRatio: 0.25,
18
- opacity: 0.88
19
- }];
20
-
21
- /**
22
- * 把单色线段拆成由淡到亮的叠加尾迹。
23
- *
24
- * 所有层共享同一动画相位,较短且更亮的层叠在前端,形成接近渐变的彗星头;
25
- * 同时避免 SVG gradient 在 Native/Web 上的实现差异。
26
- */
27
- export function borderBeamTrail(beamLength) {
28
- const safeLength = Math.max(0, beamLength);
29
- return BORDER_BEAM_TRAIL.map(({
30
- lengthRatio,
31
- opacity
32
- }) => ({
33
- length: safeLength * lengthRatio,
34
- opacity
35
- }));
36
- }
37
- export function borderBeamGeometry(input) {
38
- const {
39
- layout,
40
- lineWidth
41
- } = input;
42
- const rectWidth = Math.max(0, layout.width - lineWidth);
43
- const rectHeight = Math.max(0, layout.height - lineWidth);
44
- const perimeter = Math.max(0, 2 * (rectWidth + rectHeight));
45
- const beamLength = Math.min(input.size, perimeter / 2);
46
- return {
47
- beamLength,
48
- perimeter,
49
- rectHeight,
50
- rectWidth,
51
- radius: Math.min(input.borderRadius, rectWidth / 2, rectHeight / 2)
52
- };
53
- }
54
- //# sourceMappingURL=shared.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["EMPTY_BORDER_BEAM_LAYOUT","width","height","BORDER_BEAM_TRAIL","lengthRatio","opacity","borderBeamTrail","beamLength","safeLength","Math","max","map","length","borderBeamGeometry","input","layout","lineWidth","rectWidth","rectHeight","perimeter","min","size","radius","borderRadius"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/shared.ts"],"mappings":";;AAEA,OAAO,MAAMA,wBAA0C,GAAG;EACxDC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE;AACV,CAAC;AAED,MAAMC,iBAAiB,GAAG,CACxB;EAAEC,WAAW,EAAE,CAAC;EAAEC,OAAO,EAAE;AAAK,CAAC,EACjC;EAAED,WAAW,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,EACpC;EAAED,WAAW,EAAE,GAAG;EAAEC,OAAO,EAAE;AAAK,CAAC,EACnC;EAAED,WAAW,EAAE,IAAI;EAAEC,OAAO,EAAE;AAAK,CAAC,CAC5B;;AAEV;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAACC,UAAkB,EAAE;EAClD,MAAMC,UAAU,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEH,UAAU,CAAC;EAC1C,OAAOJ,iBAAiB,CAACQ,GAAG,CAAC,CAAC;IAAEP,WAAW;IAAEC;EAAQ,CAAC,MAAM;IAC1DO,MAAM,EAAEJ,UAAU,GAAGJ,WAAW;IAChCC;EACF,CAAC,CAAC,CAAC;AACL;AAEA,OAAO,SAASQ,kBAAkBA,CAACC,KAKlC,EAAE;EACD,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAGF,KAAK;EACnC,MAAMG,SAAS,GAAGR,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEK,MAAM,CAACd,KAAK,GAAGe,SAAS,CAAC;EACvD,MAAME,UAAU,GAAGT,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEK,MAAM,CAACb,MAAM,GAAGc,SAAS,CAAC;EACzD,MAAMG,SAAS,GAAGV,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAIO,SAAS,GAAGC,UAAU,CAAC,CAAC;EAC3D,MAAMX,UAAU,GAAGE,IAAI,CAACW,GAAG,CAACN,KAAK,CAACO,IAAI,EAAEF,SAAS,GAAG,CAAC,CAAC;EACtD,OAAO;IACLZ,UAAU;IACVY,SAAS;IACTD,UAAU;IACVD,SAAS;IACTK,MAAM,EAAEb,IAAI,CAACW,GAAG,CAACN,KAAK,CAACS,YAAY,EAAEN,SAAS,GAAG,CAAC,EAAEC,UAAU,GAAG,CAAC;EACpE,CAAC;AACH","ignoreList":[]}
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- import { StyleSheet } from 'react-native';
4
- export const styles = StyleSheet.create({
5
- container: {
6
- position: 'relative'
7
- },
8
- visual: {
9
- position: 'absolute',
10
- top: 0,
11
- right: 0,
12
- bottom: 0,
13
- left: 0,
14
- zIndex: 1,
15
- elevation: 1
16
- }
17
- });
18
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["StyleSheet","styles","create","container","position","visual","top","right","bottom","left","zIndex","elevation"],"sourceRoot":"../../../../../src","sources":["components/ui/BorderBeam/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,MAAM,GAAGD,UAAU,CAACE,MAAM,CAAC;EACtCC,SAAS,EAAE;IACTC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IACND,QAAQ,EAAE,UAAU;IACpBE,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}
@@ -1,12 +0,0 @@
1
- "use strict";
2
-
3
- /** Blur intensity tokens —— backdrop-filter 二档语义化封装。
4
- *
5
- * 数值是 `@sbaiahmed1/react-native-blur` 的 BlurView `blurAmount` prop(0-100)。 */
6
- export const blur = {
7
- /** 玻璃数据条 / 小区域玻璃感。 */
8
- soft: 10,
9
- /** 焦点引导大面积 backdrop。 */
10
- strong: 40
11
- };
12
- //# sourceMappingURL=blur.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["blur","soft","strong"],"sourceRoot":"../../../src","sources":["theme/blur.ts"],"mappings":";;AAAA;AACA;AACA;AACA,OAAO,MAAMA,IAAI,GAAG;EAClB;EACAC,IAAI,EAAE,EAAE;EACR;EACAC,MAAM,EAAE;AACV,CAAU","ignoreList":[]}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { BlurLayerProps } from './types';
3
- /** Blur backdrop 双层 —— BlurView + tint。
4
- *
5
- * blurType 跟 scheme 自动切(亮 'light' / 暗 'dark',避免暗色奶白雾)。
6
- *
7
- * - `'soft'` 玻璃数据条 / 小区域
8
- * - `'strong'` 焦点引导 backdrop(sheet 类浮层) */
9
- export declare function BlurLayer({ intensity, tint, style, testID, }: BlurLayerProps): React.JSX.Element;
10
- //# sourceMappingURL=BlurLayer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BlurLayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BlurLayer/BlurLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;4CAK4C;AAC5C,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6BpC"}
@@ -1,12 +0,0 @@
1
- /**
2
- * Web 端 BlurLayer —— CSS `backdrop-filter` 代替 native BlurView。
3
- *
4
- * `@sbaiahmed1/react-native-blur` 不支持 web(库内部 codegenNativeComponent
5
- * 在浏览器会炸 "is not a function",见上游 issue #79)。docusaurus-rnw plugin
6
- * 配 `extensions: ['.web.tsx', ...]` 优先,webpack 选这份;Metro 不识别该后缀,
7
- * iOS / Android 走原 `BlurLayer.tsx`。
8
- */
9
- import React from 'react';
10
- import type { BlurLayerProps } from './types';
11
- export declare function BlurLayer({ intensity, tint, style, testID, }: BlurLayerProps): React.JSX.Element;
12
- //# sourceMappingURL=BlurLayer.web.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BlurLayer.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BlurLayer/BlurLayer.web.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,IAAI,EACJ,KAAK,EACL,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2BpC"}
@@ -1,3 +0,0 @@
1
- export { BlurLayer } from './BlurLayer';
2
- export type { BlurLayerProps } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BlurLayer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}
@@ -1,15 +0,0 @@
1
- import type { StyleProp, ViewStyle } from 'react-native';
2
- import type { BlurIntensity } from '../../../theme';
3
- export type BlurLayerProps = {
4
- /** 模糊强度,对齐设计稿 token:
5
- * - 'soft' = blurAmount 10,玻璃数据条 / 小区域玻璃感
6
- * - 'strong' = blurAmount 40,焦点引导 backdrop */
7
- intensity: BlurIntensity;
8
- /** Tint override(不传按 intensity 推:soft → c.glassTintLight / strong → c.sheetBackdrop) */
9
- tint?: string;
10
- /** 附加样式;默认 absoluteFill,caller 通常不需要传 */
11
- style?: StyleProp<ViewStyle>;
12
- /** E2E / 测试定位 */
13
- testID?: string;
14
- };
15
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BlurLayer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B;;mDAE+C;IAC/C,SAAS,EAAE,aAAa,CAAC;IACzB,wFAAwF;IACxF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { BorderBeamProps } from './types';
3
- /**
4
- * 沿内容边缘循环移动的装饰性流光描边。
5
- *
6
- * 组件不承载加载、错误或焦点语义;业务状态仍由调用方自己的可访问元素表达。
7
- * 系统开启「减弱动态效果」时隐藏流光,只保留原内容。
8
- */
9
- export declare function BorderBeam({ children, active, color, duration, lineWidth, size, borderRadius, style, testID, }: BorderBeamProps): React.JSX.Element;
10
- //# sourceMappingURL=BorderBeam.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderBeam.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BorderBeam/BorderBeam.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuBnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAI/C;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAa,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAwB,EACxB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsFrC"}
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { BorderBeamProps } from './types';
3
- /** Web 版用 CSS keyframes 插值,JS 只在布局或 props 变化时更新一次。 */
4
- export declare function BorderBeam({ children, active, color, duration, lineWidth, size, borderRadius, style, testID, }: BorderBeamProps): React.JSX.Element;
5
- //# sourceMappingURL=BorderBeam.web.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BorderBeam.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BorderBeam/BorderBeam.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAe/C,sDAAsD;AACtD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAa,EACb,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,YAAwB,EACxB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsFrC"}
@@ -1,3 +0,0 @@
1
- export { BorderBeam } from './BorderBeam';
2
- export type { BorderBeamProps } from './types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1,16 +0,0 @@
1
- export type NormalizedBorderBeam = {
2
- duration: number;
3
- lineWidth: number;
4
- size: number;
5
- borderRadius: number;
6
- };
7
- export declare const BORDER_BEAM_DEFAULTS: NormalizedBorderBeam;
8
- type BorderBeamNumbers = Partial<NormalizedBorderBeam>;
9
- export declare function normalizeBorderBeam(input: BorderBeamNumbers): {
10
- duration: number;
11
- lineWidth: number;
12
- size: number;
13
- borderRadius: number;
14
- };
15
- export {};
16
- //# sourceMappingURL=normalizeBorderBeam.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"normalizeBorderBeam.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BorderBeam/normalizeBorderBeam.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,oBAKlC,CAAC;AAEF,KAAK,iBAAiB,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;AAoBvD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,iBAAiB;;;;;EAuB3D"}