@unif/react-native-design 0.34.0 → 0.36.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/jest-preset.js +1 -1
- package/jest-setup.js +16 -1
- package/lib/module/components/business/GlassStats/GlassStats.js +6 -7
- package/lib/module/components/business/GlassStats/GlassStats.js.map +1 -1
- package/lib/module/components/business/GlassStats/styles.js +5 -1
- package/lib/module/components/business/GlassStats/styles.js.map +1 -1
- package/lib/module/components/ui/GlassLayer/GlassLayer.js +39 -0
- package/lib/module/components/ui/GlassLayer/GlassLayer.js.map +1 -0
- package/lib/module/components/ui/GlassLayer/GlassLayer.web.js +36 -0
- package/lib/module/components/ui/GlassLayer/GlassLayer.web.js.map +1 -0
- package/lib/module/components/ui/GlassLayer/constants.js +8 -0
- package/lib/module/components/ui/GlassLayer/constants.js.map +1 -0
- package/lib/module/components/ui/GlassLayer/index.js +4 -0
- package/lib/module/components/ui/GlassLayer/index.js.map +1 -0
- package/lib/module/components/ui/GlassLayer/types.js.map +1 -0
- package/lib/module/components/ui/TextField/TextFieldBase.js +20 -6
- package/lib/module/components/ui/TextField/TextFieldBase.js.map +1 -1
- package/lib/module/components/ui/TextField/constants.js +2 -2
- package/lib/module/components/ui/TextField/constants.js.map +1 -1
- package/lib/module/components/ui/TextField/styles.js +10 -0
- package/lib/module/components/ui/TextField/styles.js.map +1 -1
- package/lib/module/components/ui/index.js +1 -1
- package/lib/module/components/ui/index.js.map +1 -1
- package/lib/module/theme/colors.js +4 -7
- package/lib/module/theme/colors.js.map +1 -1
- package/lib/module/theme/index.js +0 -1
- package/lib/module/theme/index.js.map +1 -1
- package/lib/typescript/src/components/business/GlassStats/GlassStats.d.ts +2 -4
- package/lib/typescript/src/components/business/GlassStats/GlassStats.d.ts.map +1 -1
- package/lib/typescript/src/components/business/GlassStats/styles.d.ts +4 -1
- package/lib/typescript/src/components/business/GlassStats/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.d.ts +5 -0
- package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.web.d.ts +5 -0
- package/lib/typescript/src/components/ui/GlassLayer/GlassLayer.web.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/GlassLayer/constants.d.ts +6 -0
- package/lib/typescript/src/components/ui/GlassLayer/constants.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/GlassLayer/index.d.ts +3 -0
- package/lib/typescript/src/components/ui/GlassLayer/index.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/GlassLayer/types.d.ts +13 -0
- package/lib/typescript/src/components/ui/GlassLayer/types.d.ts.map +1 -0
- package/lib/typescript/src/components/ui/TextField/TextFieldBase.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/TextField/constants.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/TextField/styles.d.ts +16 -0
- package/lib/typescript/src/components/ui/TextField/styles.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/TextField/types.d.ts +2 -0
- package/lib/typescript/src/components/ui/TextField/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/Textarea/types.d.ts +2 -0
- package/lib/typescript/src/components/ui/Textarea/types.d.ts.map +1 -1
- package/lib/typescript/src/components/ui/index.d.ts +2 -2
- package/lib/typescript/src/components/ui/index.d.ts.map +1 -1
- package/lib/typescript/src/theme/colors.d.ts +2 -5
- package/lib/typescript/src/theme/colors.d.ts.map +1 -1
- package/lib/typescript/src/theme/index.d.ts +0 -2
- package/lib/typescript/src/theme/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/components/business/GlassStats/GlassStats.tsx +4 -6
- package/src/components/business/GlassStats/styles.ts +3 -1
- package/src/components/ui/GlassLayer/GlassLayer.tsx +42 -0
- package/src/components/ui/GlassLayer/GlassLayer.web.tsx +37 -0
- package/src/components/ui/GlassLayer/constants.ts +2 -0
- package/src/components/ui/GlassLayer/index.ts +2 -0
- package/src/components/ui/GlassLayer/types.ts +14 -0
- package/src/components/ui/TextField/TextFieldBase.tsx +24 -5
- package/src/components/ui/TextField/constants.ts +2 -2
- package/src/components/ui/TextField/styles.ts +5 -0
- package/src/components/ui/TextField/types.ts +2 -0
- package/src/components/ui/Textarea/types.ts +2 -0
- package/src/components/ui/index.ts +2 -2
- package/src/theme/colors.ts +4 -7
- package/src/theme/index.ts +0 -3
- package/lib/module/components/ui/BlurLayer/BlurLayer.js +0 -45
- package/lib/module/components/ui/BlurLayer/BlurLayer.js.map +0 -1
- package/lib/module/components/ui/BlurLayer/BlurLayer.web.js +0 -46
- package/lib/module/components/ui/BlurLayer/BlurLayer.web.js.map +0 -1
- package/lib/module/components/ui/BlurLayer/index.js +0 -4
- package/lib/module/components/ui/BlurLayer/index.js.map +0 -1
- package/lib/module/components/ui/BlurLayer/types.js.map +0 -1
- package/lib/module/theme/blur.js +0 -12
- package/lib/module/theme/blur.js.map +0 -1
- package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.d.ts +0 -10
- package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.web.d.ts +0 -12
- package/lib/typescript/src/components/ui/BlurLayer/BlurLayer.web.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/BlurLayer/index.d.ts +0 -3
- package/lib/typescript/src/components/ui/BlurLayer/index.d.ts.map +0 -1
- package/lib/typescript/src/components/ui/BlurLayer/types.d.ts +0 -15
- package/lib/typescript/src/components/ui/BlurLayer/types.d.ts.map +0 -1
- package/lib/typescript/src/theme/blur.d.ts +0 -11
- package/lib/typescript/src/theme/blur.d.ts.map +0 -1
- package/src/components/ui/BlurLayer/BlurLayer.tsx +0 -47
- package/src/components/ui/BlurLayer/BlurLayer.web.tsx +0 -46
- package/src/components/ui/BlurLayer/index.ts +0 -2
- package/src/components/ui/BlurLayer/types.ts +0 -15
- package/src/theme/blur.ts +0 -11
- /package/lib/module/components/ui/{BlurLayer → GlassLayer}/types.js +0 -0
package/jest-preset.js
CHANGED
|
@@ -57,6 +57,6 @@ module.exports = {
|
|
|
57
57
|
// 本库与这些 peer 都发 ESM / TS 源码,RN preset 默认只放行
|
|
58
58
|
// react-native / @react-native / @react-native-community 三个前缀。
|
|
59
59
|
transformIgnorePatterns: [
|
|
60
|
-
'node_modules/(?!((jest-)?react-native|@react-native(-community)?|@unif/react-native-design|@
|
|
60
|
+
'node_modules/(?!((jest-)?react-native|@react-native(-community)?|@unif/react-native-design|@callstack/liquid-glass|react-native-(gesture-handler|reanimated|worklets|safe-area-context|svg|reanimated-carousel))/)',
|
|
61
61
|
],
|
|
62
62
|
};
|
package/jest-setup.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
/**
|
|
6
6
|
* `@unif/react-native-design/jest-setup` —— 把本库 9 个 runtime peer 里在 Jest 中
|
|
7
|
-
* 需要接线的那
|
|
7
|
+
* 需要接线的那 5 个提供桩 / mock / setup。放进消费者的
|
|
8
8
|
* `setupFilesAfterEnv`。
|
|
9
9
|
*
|
|
10
10
|
* 为什么由库提供:这份接线完全由本库的 peer 集决定,peer range 一变它就得变。
|
|
@@ -18,6 +18,21 @@
|
|
|
18
18
|
// RNGH 官方 jest 桩:让 TurboModuleRegistry.getEnforcing('RNGestureHandlerModule') 不炸。
|
|
19
19
|
require('react-native-gesture-handler/jestSetup');
|
|
20
20
|
|
|
21
|
+
// Liquid Glass 依赖 iOS Fabric / TurboModule,Jest 只替换这个原生边界。
|
|
22
|
+
// 默认不支持原生材质;组件测试可覆盖支持标记,核对两种平台接线。
|
|
23
|
+
jest.mock('@callstack/liquid-glass', () => {
|
|
24
|
+
const React = require('react');
|
|
25
|
+
const { View } = require('react-native');
|
|
26
|
+
return {
|
|
27
|
+
__esModule: true,
|
|
28
|
+
LiquidGlassView: function MockLiquidGlassView(props) {
|
|
29
|
+
return React.createElement(View, props);
|
|
30
|
+
},
|
|
31
|
+
LiquidGlassContainerView: View,
|
|
32
|
+
isLiquidGlassSupported: false,
|
|
33
|
+
};
|
|
34
|
+
});
|
|
35
|
+
|
|
21
36
|
// worklets 的 native 侧在 Jest 里不存在,直接 import 会在 `loadUnpackersWithCode` 处崩。
|
|
22
37
|
jest.mock('react-native-worklets', () =>
|
|
23
38
|
require('react-native-worklets/lib/module/mock')
|
|
@@ -2,15 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { Text, View } from 'react-native';
|
|
5
|
-
import {
|
|
5
|
+
import { GlassLayer } from "../../ui/GlassLayer/index.js";
|
|
6
6
|
import { useThemedStyles } from "../../../theme/index.js";
|
|
7
7
|
import { makeGlassStatsStyles } from "./styles.js";
|
|
8
8
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
9
|
/**
|
|
10
|
-
* 玻璃数据条 ——
|
|
11
|
-
*
|
|
12
|
-
* BlurLayer 接管 backdrop 双层结构(BlurView soft + glassTintLight tint),
|
|
13
|
-
* blurType 跟 scheme 自动切。
|
|
10
|
+
* 玻璃数据条 —— GlassLayer 通透材质 + 内部 N 列数据。
|
|
11
|
+
* 材质、主题和平台降级由 GlassLayer 接管。
|
|
14
12
|
*/
|
|
15
13
|
export function GlassStats({
|
|
16
14
|
items,
|
|
@@ -28,8 +26,9 @@ export function GlassStats({
|
|
|
28
26
|
testID: testID,
|
|
29
27
|
children: /*#__PURE__*/_jsxs(View, {
|
|
30
28
|
style: styles.glass,
|
|
31
|
-
children: [/*#__PURE__*/_jsx(
|
|
32
|
-
|
|
29
|
+
children: [/*#__PURE__*/_jsx(GlassLayer, {
|
|
30
|
+
effect: "clear",
|
|
31
|
+
style: styles.glassLayer
|
|
33
32
|
}), /*#__PURE__*/_jsx(View, {
|
|
34
33
|
style: styles.topHighlight,
|
|
35
34
|
pointerEvents: "none"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","View","
|
|
1
|
+
{"version":3,"names":["React","Text","View","GlassLayer","useThemedStyles","makeGlassStatsStyles","jsx","_jsx","jsxs","_jsxs","GlassStats","items","style","testID","styles","glassShell","children","glass","effect","glassLayer","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,UAAU,QAAQ,8BAAqB;AAChD,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,oBAAoB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhD;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,KAAK;EACLC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,MAAM,GAAGV,eAAe,CAACC,oBAAoB,CAAC;EACpD;IAAA;IACE;IACA;IACA;IACAE,IAAA,CAACL,IAAI;MAACU,KAAK,EAAE,CAACE,MAAM,CAACC,UAAU,EAAEH,KAAK,CAAE;MAACC,MAAM,EAAEA,MAAO;MAAAG,QAAA,eACtDP,KAAA,CAACP,IAAI;QAACU,KAAK,EAAEE,MAAM,CAACG,KAAM;QAAAD,QAAA,gBACxBT,IAAA,CAACJ,UAAU;UAACe,MAAM,EAAC,OAAO;UAACN,KAAK,EAAEE,MAAM,CAACK;QAAW,CAAE,CAAC,eAEvDZ,IAAA,CAACL,IAAI;UAACU,KAAK,EAAEE,MAAM,CAACM,YAAa;UAACC,aAAa,EAAC;QAAM,CAAE,CAAC,eACzDd,IAAA,CAACL,IAAI;UAACU,KAAK,EAAEE,MAAM,CAACQ,KAAM;UAAAN,QAAA,EACvBL,KAAK,CAACY,GAAG,CAAC,CAAC,CAACC,KAAK,EAAEC,KAAK,CAAC,EAAEC,CAAC,kBAC3BjB,KAAA,CAACT,KAAK,CAAC2B,QAAQ;YAAAX,QAAA,GACZU,CAAC,GAAG,CAAC,gBAAGnB,IAAA,CAACL,IAAI;cAACU,KAAK,EAAEE,MAAM,CAACc;YAAI,CAAE,CAAC,GAAG,IAAI,eAC3CnB,KAAA,CAACP,IAAI;cAACU,KAAK,EAAEE,MAAM,CAACe,GAAI;cAAAb,QAAA,gBACtBT,IAAA,CAACN,IAAI;gBAACW,KAAK,EAAEE,MAAM,CAACgB,SAAU;gBAAAd,QAAA,EAAEQ;cAAK,CAAO,CAAC,eAC7CjB,IAAA,CAACN,IAAI;gBAACW,KAAK,EAAEE,MAAM,CAACiB,SAAU;gBAAAf,QAAA,EAAES;cAAK,CAAO,CAAC;YAAA,CACzC,CAAC;UAAA,GALY,GAAGA,KAAK,IAAIC,CAAC,EAMlB,CACjB;QAAC,CACE,CAAC;MAAA,CACH;IAAC,CACH;EAAC;AAEX","ignoreList":[]}
|
|
@@ -9,11 +9,15 @@ import { fontMono, fw, radius, rf, space, type as t } from "../../../theme/index
|
|
|
9
9
|
* iOS Core Animation `masksToBounds=true` 会裁掉 outer shadow。
|
|
10
10
|
* - `glass`:内层承担 borderRadius + overflow:hidden + border 边线。
|
|
11
11
|
*
|
|
12
|
-
*
|
|
12
|
+
* 玻璃材质与平台降级由 `<GlassLayer effect="clear"/>` 接管。 */
|
|
13
13
|
export const makeGlassStatsStyles = (c, s) => {
|
|
14
14
|
/** count 数字 mono display 字号,无对应 type token,保留 rf(20) 走字号缩放(非 r)。 */
|
|
15
15
|
const countSize = rf(20);
|
|
16
16
|
return StyleSheet.create({
|
|
17
|
+
// LiquidGlassView 需要自身圆角,父容器的 overflow 裁切不足以定义材质轮廓。
|
|
18
|
+
glassLayer: {
|
|
19
|
+
borderRadius: radius['2xl']
|
|
20
|
+
},
|
|
17
21
|
glassShell: {
|
|
18
22
|
borderRadius: radius['2xl'],
|
|
19
23
|
...s.glassBar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fontMono","fw","radius","rf","space","type","t","makeGlassStatsStyles","c","s","countSize","create","
|
|
1
|
+
{"version":3,"names":["StyleSheet","fontMono","fw","radius","rf","space","type","t","makeGlassStatsStyles","c","s","countSize","create","glassLayer","borderRadius","glassShell","glassBar","glass","overflow","borderWidth","hairlineWidth","borderColor","glassBorder","topHighlight","absoluteFill","borderTopWidth","borderTopColor","glassStatsHighlight","inner","flexDirection","paddingVertical","sep","width","backgroundColor","glassSeparator","marginVertical","col","flex","alignItems","countText","fontSize","fontWeight","bold","color","foreground","letterSpacing","fontFamily","lineHeight","labelText","micro","foregroundMuted","paddingTop"],"sourceRoot":"../../../../../src","sources":["components/business/GlassStats/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,EAAE,EAAEC,MAAM,EAAEC,EAAE,EAAEC,KAAK,EAAEC,IAAI,IAAIC,CAAC,QAAQ,yBAAgB;AAG3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAACC,CAAc,EAAEC,CAAe,KAAK;EACvE;EACA,MAAMC,SAAS,GAAGP,EAAE,CAAC,EAAE,CAAC;EACxB,OAAOJ,UAAU,CAACY,MAAM,CAAC;IACvB;IACAC,UAAU,EAAE;MAAEC,YAAY,EAAEX,MAAM,CAAC,KAAK;IAAE,CAAC;IAC3CY,UAAU,EAAE;MACVD,YAAY,EAAEX,MAAM,CAAC,KAAK,CAAC;MAC3B,GAAGO,CAAC,CAACM;IACP,CAAC;IACDC,KAAK,EAAE;MACLH,YAAY,EAAEX,MAAM,CAAC,KAAK,CAAC;MAC3Be,QAAQ,EAAE,QAAQ;MAClBC,WAAW,EAAEnB,UAAU,CAACoB,aAAa;MACrCC,WAAW,EAAEZ,CAAC,CAACa;IACjB,CAAC;IACD;IACAC,YAAY,EAAE;MACZ,GAAGvB,UAAU,CAACwB,YAAY;MAC1BV,YAAY,EAAEX,MAAM,CAAC,KAAK,CAAC;MAC3BsB,cAAc,EAAEzB,UAAU,CAACoB,aAAa;MACxCM,cAAc,EAAEjB,CAAC,CAACkB;IACpB,CAAC;IACDC,KAAK,EAAE;MACLC,aAAa,EAAE,KAAK;MACpBC,eAAe,EAAEzB,KAAK,CAAC,GAAG;IAC5B,CAAC;IACD0B,GAAG,EAAE;MACHC,KAAK,EAAEhC,UAAU,CAACoB,aAAa;MAC/Ba,eAAe,EAAExB,CAAC,CAACyB,cAAc;MACjCC,cAAc,EAAE9B,KAAK,CAAC,GAAG;IAC3B,CAAC;IACD+B,GAAG,EAAE;MAAEC,IAAI,EAAE,CAAC;MAAEC,UAAU,EAAE;IAAS,CAAC;IACtCC,SAAS,EAAE;MACTC,QAAQ,EAAE7B,SAAS;MACnB8B,UAAU,EAAEvC,EAAE,CAACwC,IAAI;MACnBC,KAAK,EAAElC,CAAC,CAACmC,UAAU;MACnBC,aAAa,EAAE,CAAC,GAAG;MACnBC,UAAU,EAAE7C,QAAQ;MACpB8C,UAAU,EAAEpC,SAAS,GAAG;IAC1B,CAAC;IACDqC,SAAS,EAAE;MACTR,QAAQ,EAAEjC,CAAC,CAAC0C,KAAK;MACjBN,KAAK,EAAElC,CAAC,CAACyC,eAAe;MACxBC,UAAU,EAAE9C,KAAK,CAAC,GAAG;IACvB;EACF,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet } from 'react-native';
|
|
5
|
+
import { LiquidGlassView, isLiquidGlassSupported } from '@callstack/liquid-glass';
|
|
6
|
+
import { useColors, useTheme } from "../../../theme/index.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
/** 装饰玻璃层;不支持原生材质的平台使用主题半透明背景。 */
|
|
9
|
+
export function GlassLayer({
|
|
10
|
+
effect = 'regular',
|
|
11
|
+
tintColor,
|
|
12
|
+
style,
|
|
13
|
+
testID
|
|
14
|
+
}) {
|
|
15
|
+
const c = useColors();
|
|
16
|
+
const {
|
|
17
|
+
scheme
|
|
18
|
+
} = useTheme();
|
|
19
|
+
const resolvedTint = tintColor ?? (effect === 'clear' ? c.glassTintLight : c.sheetBackdrop);
|
|
20
|
+
return /*#__PURE__*/_jsx(LiquidGlassView
|
|
21
|
+
// 支持标记也可能因宿主设计兼容设置关闭,必须显式禁用原生材质。
|
|
22
|
+
, {
|
|
23
|
+
effect: isLiquidGlassSupported ? effect : 'none',
|
|
24
|
+
tintColor: resolvedTint,
|
|
25
|
+
colorScheme: scheme
|
|
26
|
+
// 纯装饰层无需材质切换动画,也不引入减少动态效果的额外状态。
|
|
27
|
+
,
|
|
28
|
+
animated: false,
|
|
29
|
+
style: [StyleSheet.absoluteFill, style, !isLiquidGlassSupported && {
|
|
30
|
+
backgroundColor: resolvedTint
|
|
31
|
+
}],
|
|
32
|
+
pointerEvents: "none",
|
|
33
|
+
accessible: false,
|
|
34
|
+
accessibilityElementsHidden: true,
|
|
35
|
+
importantForAccessibility: "no-hide-descendants",
|
|
36
|
+
testID: testID
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=GlassLayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","LiquidGlassView","isLiquidGlassSupported","useColors","useTheme","jsx","_jsx","GlassLayer","effect","tintColor","style","testID","c","scheme","resolvedTint","glassTintLight","sheetBackdrop","colorScheme","animated","absoluteFill","backgroundColor","pointerEvents","accessible","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/GlassLayer/GlassLayer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,SACEC,eAAe,EACfC,sBAAsB,QACjB,yBAAyB;AAChC,SAASC,SAAS,EAAEC,QAAQ,QAAQ,yBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrD;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,MAAM,GAAG,SAAS;EAClBC,SAAS;EACTC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGT,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEU;EAAO,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC7B,MAAMU,YAAY,GAChBL,SAAS,KAAKD,MAAM,KAAK,OAAO,GAAGI,CAAC,CAACG,cAAc,GAAGH,CAAC,CAACI,aAAa,CAAC;EAExE,oBACEV,IAAA,CAACL;EACC;EAAA;IACAO,MAAM,EAAEN,sBAAsB,GAAGM,MAAM,GAAG,MAAO;IACjDC,SAAS,EAAEK,YAAa;IACxBG,WAAW,EAAEJ;IACb;IAAA;IACAK,QAAQ,EAAE,KAAM;IAChBR,KAAK,EAAE,CACLV,UAAU,CAACmB,YAAY,EACvBT,KAAK,EACL,CAACR,sBAAsB,IAAI;MAAEkB,eAAe,EAAEN;IAAa,CAAC,CAC5D;IACFO,aAAa,EAAC,MAAM;IACpBC,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/Cb,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { useColors, useTheme } from "../../../theme/index.js";
|
|
6
|
+
import { webGlassBlur } from "./constants.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
/** Web 保留 CSS 玻璃近似效果,不加载原生 Liquid Glass 模块。 */
|
|
9
|
+
export function GlassLayer({
|
|
10
|
+
effect = 'regular',
|
|
11
|
+
tintColor,
|
|
12
|
+
style,
|
|
13
|
+
testID
|
|
14
|
+
}) {
|
|
15
|
+
const c = useColors();
|
|
16
|
+
const {
|
|
17
|
+
scheme
|
|
18
|
+
} = useTheme();
|
|
19
|
+
const resolvedTint = tintColor ?? (effect === 'clear' ? c.glassTintLight : c.sheetBackdrop);
|
|
20
|
+
// RN 类型不含 CSS backdrop-filter。保留原有饱和度和暗色透明度近似值。
|
|
21
|
+
const webGlassStyle = {
|
|
22
|
+
backdropFilter: `blur(${webGlassBlur[effect]}px) saturate(180%)`,
|
|
23
|
+
WebkitBackdropFilter: `blur(${webGlassBlur[effect]}px) saturate(180%)`,
|
|
24
|
+
backgroundColor: resolvedTint,
|
|
25
|
+
opacity: scheme === 'dark' ? 0.96 : 1
|
|
26
|
+
};
|
|
27
|
+
return /*#__PURE__*/_jsx(View, {
|
|
28
|
+
style: [StyleSheet.absoluteFill, style, webGlassStyle],
|
|
29
|
+
pointerEvents: "none",
|
|
30
|
+
accessible: false,
|
|
31
|
+
accessibilityElementsHidden: true,
|
|
32
|
+
importantForAccessibility: "no-hide-descendants",
|
|
33
|
+
testID: testID
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=GlassLayer.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","useColors","useTheme","webGlassBlur","jsx","_jsx","GlassLayer","effect","tintColor","style","testID","c","scheme","resolvedTint","glassTintLight","sheetBackdrop","webGlassStyle","backdropFilter","WebkitBackdropFilter","backgroundColor","opacity","absoluteFill","pointerEvents","accessible","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../../src","sources":["components/ui/GlassLayer/GlassLayer.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAwB,cAAc;AAC/D,SAASC,SAAS,EAAEC,QAAQ,QAAQ,yBAAgB;AACpD,SAASC,YAAY,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3C;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,MAAM,GAAG,SAAS;EAClBC,SAAS;EACTC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGV,SAAS,CAAC,CAAC;EACrB,MAAM;IAAEW;EAAO,CAAC,GAAGV,QAAQ,CAAC,CAAC;EAC7B,MAAMW,YAAY,GAChBL,SAAS,KAAKD,MAAM,KAAK,OAAO,GAAGI,CAAC,CAACG,cAAc,GAAGH,CAAC,CAACI,aAAa,CAAC;EACxE;EACA,MAAMC,aACgE,GAAG;IACvEC,cAAc,EAAE,QAAQd,YAAY,CAACI,MAAM,CAAC,oBAAoB;IAChEW,oBAAoB,EAAE,QAAQf,YAAY,CAACI,MAAM,CAAC,oBAAoB;IACtEY,eAAe,EAAEN,YAAY;IAC7BO,OAAO,EAAER,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG;EACtC,CAAC;EAED,oBACEP,IAAA,CAACL,IAAI;IACHS,KAAK,EAAE,CAACV,UAAU,CAACsB,YAAY,EAAEZ,KAAK,EAAEO,aAAa,CAAE;IACvDM,aAAa,EAAC,MAAM;IACpBC,UAAU,EAAE,KAAM;IAClBC,2BAA2B;IAC3BC,yBAAyB,EAAC,qBAAqB;IAC/Cf,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["webGlassBlur","clear","regular"],"sourceRoot":"../../../../../src","sources":["components/ui/GlassLayer/constants.ts"],"mappings":";;AAAA;AACA,OAAO,MAAMA,YAAY,GAAG;EAAEC,KAAK,EAAE,EAAE;EAAEC,OAAO,EAAE;AAAG,CAAU","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["GlassLayer"],"sourceRoot":"../../../../../src","sources":["components/ui/GlassLayer/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["components/ui/GlassLayer/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
|
|
4
|
-
import { Platform, Text, TextInput, View } from 'react-native';
|
|
4
|
+
import { Platform, Pressable, Text, TextInput, View } from 'react-native';
|
|
5
5
|
import { fixed, useColors, useThemedStyles } from "../../../theme/index.js";
|
|
6
6
|
import { childTestID } from "../../../utils/testID/index.js";
|
|
7
7
|
import { createLogger } from "../../../utils/logger/index.js";
|
|
@@ -26,6 +26,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
|
|
|
26
26
|
maxHeight,
|
|
27
27
|
searchLayout,
|
|
28
28
|
plainSurface,
|
|
29
|
+
contentAlignment = 'start',
|
|
29
30
|
leading,
|
|
30
31
|
trailing,
|
|
31
32
|
error,
|
|
@@ -76,12 +77,14 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
|
|
|
76
77
|
const normalizedInputHeight = normalizeInputHeight(height === undefined ? fixed.hitTarget : height);
|
|
77
78
|
const normalizedTextareaHeights = normalizeTextareaHeights(minHeight, maxHeight);
|
|
78
79
|
const plain = multiline && plainSurface === true;
|
|
80
|
+
const centered = multiline && contentAlignment === 'center';
|
|
81
|
+
const verticalInset = plain ? TEXTAREA_PLAIN_VERTICAL_INSET : TEXTAREA_VERTICAL_INSET;
|
|
79
82
|
const multilineLayout = useMultilineLayout({
|
|
80
83
|
enabled: multiline,
|
|
81
84
|
value: controller.value,
|
|
82
|
-
minHeight: normalizedTextareaHeights.minHeight,
|
|
85
|
+
minHeight: centered ? verticalInset : normalizedTextareaHeights.minHeight,
|
|
83
86
|
maxHeight: normalizedTextareaHeights.maxHeight,
|
|
84
|
-
verticalInset
|
|
87
|
+
verticalInset,
|
|
85
88
|
fontSize: styles.input.fontSize,
|
|
86
89
|
placeholder: allowedNativeProps.placeholder,
|
|
87
90
|
inputRef: nativeRef
|
|
@@ -120,7 +123,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
|
|
|
120
123
|
}],
|
|
121
124
|
testID: testID,
|
|
122
125
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
123
|
-
style: [styles.wrap, multiline && styles.wrapMultiline, searchLayout === undefined && !plain && wrapStateStyles, searchLayout !== undefined && styles.searchInteractiveRow, plain && styles.wrapPlain, multiline ? {
|
|
126
|
+
style: [styles.wrap, multiline && styles.wrapMultiline, centered && styles.wrapCentered, searchLayout === undefined && !plain && wrapStateStyles, searchLayout !== undefined && styles.searchInteractiveRow, plain && styles.wrapPlain, multiline ? {
|
|
124
127
|
minHeight: normalizedHeight,
|
|
125
128
|
...(normalizedTextareaHeights.maxHeight !== undefined && {
|
|
126
129
|
maxHeight: normalizedTextareaHeights.maxHeight
|
|
@@ -128,7 +131,18 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
|
|
|
128
131
|
} : {
|
|
129
132
|
height: interactiveHeight
|
|
130
133
|
}],
|
|
131
|
-
children: [
|
|
134
|
+
children: [centered ? /*#__PURE__*/_jsx(Pressable, {
|
|
135
|
+
accessible: false,
|
|
136
|
+
focusable: false,
|
|
137
|
+
tabIndex: -1,
|
|
138
|
+
importantForAccessibility: "no",
|
|
139
|
+
style: styles.focusSurface,
|
|
140
|
+
disabled: !effectiveEditable,
|
|
141
|
+
onPress: () => {
|
|
142
|
+
if (effectiveEditable) nativeRef.current?.focus();
|
|
143
|
+
},
|
|
144
|
+
testID: childTestID(testID, 'focus-surface')
|
|
145
|
+
}) : null, searchLayout ? /*#__PURE__*/_jsx(View, {
|
|
132
146
|
pointerEvents: "none",
|
|
133
147
|
style: [styles.searchVisibleSurface, ...wrapStateStyles, {
|
|
134
148
|
top: searchLayout.verticalInset,
|
|
@@ -159,7 +173,7 @@ export const TextFieldBase = /*#__PURE__*/forwardRef(function TextFieldBase(prop
|
|
|
159
173
|
setFocused(false);
|
|
160
174
|
onBlur?.(event);
|
|
161
175
|
},
|
|
162
|
-
style: [styles.input, multiline && styles.inputMultiline, multiline && (multilineLayout.scrollEnabled ? styles.inputScrolling : styles.inputClipped), multiline && multilineLayout.inputStyle, searchLayout !== undefined && {
|
|
176
|
+
style: [styles.input, centered && styles.inputCentered, multiline && styles.inputMultiline, multiline && (multilineLayout.scrollEnabled ? styles.inputScrolling : styles.inputClipped), multiline && multilineLayout.inputStyle, searchLayout !== undefined && {
|
|
163
177
|
minHeight: searchLayout.interactiveHeight
|
|
164
178
|
}],
|
|
165
179
|
placeholderTextColor: callerPlaceholder ?? colors.foregroundSubtle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useState","Platform","Text","TextInput","View","fixed","useColors","useThemedStyles","childTestID","createLogger","normalizeInputHeight","normalizeTextareaHeights","sanitizeTextFieldContainerStyle","makeStyles","TextFieldSlot","useErrorAnnouncement","useTextFieldValue","useMultilineLayout","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET","jsx","_jsx","jsxs","_jsxs","log","TextFieldBase","props","forwardedRef","multiline","height","minHeight","maxHeight","searchLayout","plainSurface","leading","trailing","error","disabled","editable","containerStyle","value","defaultValue","onChangeText","accessibilityState","accessibilityRole","placeholderTextColor","callerPlaceholder","underlineColorAndroid","callerUnderline","onFocus","onBlur","onContentSizeChange","onLayout","scrollEnabled","testID","style","_style","numberOfLines","_numberOfLines","_ariaDisabled","readOnly","_readOnly","role","_role","enterKeyHint","_enterKeyHint","clearTextOnFocus","_clearTextOnFocus","allowedNativeProps","removedNativeAliasKey","Object","entries","filter","entry","undefined","map","name","join","colors","styles","focused","setFocused","nativeRef","useRef","scope","controller","normalizedInputHeight","hitTarget","normalizedTextareaHeights","plain","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useEffect","useImperativeHandle","useState","Platform","Pressable","Text","TextInput","View","fixed","useColors","useThemedStyles","childTestID","createLogger","normalizeInputHeight","normalizeTextareaHeights","sanitizeTextFieldContainerStyle","makeStyles","TextFieldSlot","useErrorAnnouncement","useTextFieldValue","useMultilineLayout","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET","jsx","_jsx","jsxs","_jsxs","log","TextFieldBase","props","forwardedRef","multiline","height","minHeight","maxHeight","searchLayout","plainSurface","contentAlignment","leading","trailing","error","disabled","editable","containerStyle","value","defaultValue","onChangeText","accessibilityState","accessibilityRole","placeholderTextColor","callerPlaceholder","underlineColorAndroid","callerUnderline","onFocus","onBlur","onContentSizeChange","onLayout","scrollEnabled","testID","style","_style","numberOfLines","_numberOfLines","_ariaDisabled","readOnly","_readOnly","role","_role","enterKeyHint","_enterKeyHint","clearTextOnFocus","_clearTextOnFocus","allowedNativeProps","removedNativeAliasKey","Object","entries","filter","entry","undefined","map","name","join","colors","styles","focused","setFocused","nativeRef","useRef","scope","controller","normalizedInputHeight","hitTarget","normalizedTextareaHeights","plain","centered","verticalInset","multilineLayout","enabled","fontSize","input","placeholder","inputRef","sanitizedContainer","effectiveEditable","mergedAccessibilityState","normalizedHeight","filled","length","diagnostics","diagnosticKey","warn","focus","current","blur","wrapStateStyles","wrapActive","wrapError","wrapFocus","wrapFilled","wrapIdle","interactiveHeight","containerDisabled","rootCentered","minWidth","children","wrap","wrapMultiline","wrapCentered","searchInteractiveRow","wrapPlain","accessible","focusable","tabIndex","importantForAccessibility","focusSurface","onPress","pointerEvents","searchVisibleSurface","top","bottom","slot","ref","event","inputCentered","inputMultiline","inputScrolling","inputClipped","inputStyle","foregroundSubtle","errorMsg","accessibilityLiveRegion","OS","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/TextFieldBase.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,6 +3,6 @@
|
|
|
3
3
|
import { space } from "../../../theme/index.js";
|
|
4
4
|
export const TEXT_FIELD_BORDER_WIDTH = 1;
|
|
5
5
|
export const TEXTAREA_VERTICAL_PADDING = space[4];
|
|
6
|
-
export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 *
|
|
7
|
-
export const TEXTAREA_VERTICAL_INSET =
|
|
6
|
+
export const TEXTAREA_PLAIN_VERTICAL_INSET = 2 * space[3];
|
|
7
|
+
export const TEXTAREA_VERTICAL_INSET = 2 * TEXTAREA_VERTICAL_PADDING + 2 * TEXT_FIELD_BORDER_WIDTH;
|
|
8
8
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["space","TEXT_FIELD_BORDER_WIDTH","TEXTAREA_VERTICAL_PADDING","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/constants.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,yBAAgB;AAEtC,OAAO,MAAMC,uBAAuB,GAAG,CAAC;AACxC,OAAO,MAAMC,yBAAyB,GAAGF,KAAK,CAAC,CAAC,CAAC;AACjD,OAAO,MAAMG,6BAA6B,GAAG,CAAC,
|
|
1
|
+
{"version":3,"names":["space","TEXT_FIELD_BORDER_WIDTH","TEXTAREA_VERTICAL_PADDING","TEXTAREA_PLAIN_VERTICAL_INSET","TEXTAREA_VERTICAL_INSET"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/constants.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,yBAAgB;AAEtC,OAAO,MAAMC,uBAAuB,GAAG,CAAC;AACxC,OAAO,MAAMC,yBAAyB,GAAGF,KAAK,CAAC,CAAC,CAAC;AACjD,OAAO,MAAMG,6BAA6B,GAAG,CAAC,GAAGH,KAAK,CAAC,CAAC,CAAC;AACzD,OAAO,MAAMI,uBAAuB,GAClC,CAAC,GAAGF,yBAAyB,GAAG,CAAC,GAAGD,uBAAuB","ignoreList":[]}
|
|
@@ -18,7 +18,17 @@ export const makeStyles = c => StyleSheet.create({
|
|
|
18
18
|
paddingVertical: TEXTAREA_VERTICAL_PADDING,
|
|
19
19
|
alignItems: 'flex-start'
|
|
20
20
|
},
|
|
21
|
+
wrapCentered: {
|
|
22
|
+
alignItems: 'center'
|
|
23
|
+
},
|
|
24
|
+
focusSurface: StyleSheet.absoluteFill,
|
|
25
|
+
inputCentered: {
|
|
26
|
+
position: 'relative',
|
|
27
|
+
zIndex: 1
|
|
28
|
+
},
|
|
21
29
|
wrapPlain: {
|
|
30
|
+
paddingHorizontal: space[3],
|
|
31
|
+
paddingVertical: space[3],
|
|
22
32
|
backgroundColor: 'transparent',
|
|
23
33
|
borderWidth: 0,
|
|
24
34
|
borderRadius: 0
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","fw","radius","space","type","t","TEXTAREA_VERTICAL_PADDING","TEXT_FIELD_BORDER_WIDTH","makeStyles","c","create","wrap","flexDirection","alignItems","gap","paddingHorizontal","borderRadius","md","borderWidth","wrapMultiline","paddingVertical","wrapPlain","backgroundColor","searchInteractiveRow","searchVisibleSurface","
|
|
1
|
+
{"version":3,"names":["StyleSheet","fw","radius","space","type","t","TEXTAREA_VERTICAL_PADDING","TEXT_FIELD_BORDER_WIDTH","makeStyles","c","create","wrap","flexDirection","alignItems","gap","paddingHorizontal","borderRadius","md","borderWidth","wrapMultiline","paddingVertical","wrapCentered","focusSurface","absoluteFill","inputCentered","position","zIndex","wrapPlain","backgroundColor","searchInteractiveRow","searchVisibleSurface","left","right","wrapIdle","surfaceContainerHigh","borderColor","wrapActive","surface","wrapFocus","primary","wrapFilled","outline","wrapError","error","input","flex","minWidth","fontSize","body","color","foreground","padding","margin","outlineWidth","inputMultiline","textAlignVertical","inputScrolling","overflow","inputClipped","slotDisplay","justifyContent","minHeight","slotText","foregroundMuted","sm","slotActionLabel","xs","fontWeight","medium","slotActionLabelDisabled","foregroundSubtle","actionFrame","height","errorMsg","micro","marginTop","regular","containerDisabled","opacity","rootCentered"],"sourceRoot":"../../../../../src","sources":["components/ui/TextField/styles.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
export { Avatar } from "./Avatar/index.js";
|
|
4
4
|
export { AvatarGroup } from "./AvatarGroup/index.js";
|
|
5
|
-
export {
|
|
5
|
+
export { GlassLayer } from "./GlassLayer/index.js";
|
|
6
6
|
export { Button } from "./Button/index.js";
|
|
7
7
|
export { Card } from "./Card/index.js";
|
|
8
8
|
export { Carousel } from "./Carousel/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Avatar","AvatarGroup","
|
|
1
|
+
{"version":3,"names":["Avatar","AvatarGroup","GlassLayer","Button","Card","Carousel","Cell","List","Checkbox","Chip","CircularProgress","confirm","ConfirmHost","DrawerHeader","Empty","EntryCard","Form","FormGroup","FormRow","Grid","Icon","IconButton","Input","Logo","NavBar","PasswordInput","Pulse","PulseDot","usePulse","Radio","Reveal","Ribbon","Search","Skeleton","Segmented","Spinner","StatusDot","Stepper","Switch","TabBar","Tabs","Tag","Textarea","Thumbnail","toast","ToastHost","ActionMenuContent","ImagePreview","Sheet","SmsField","TextEntryContent"],"sourceRoot":"../../../../src","sources":["components/ui/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,mBAAU;AAOjC,SAASC,WAAW,QAAQ,wBAAe;AAE3C,SAASC,UAAU,QAAQ,uBAAc;AAEzC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAQ;AAQnC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,gBAAgB,QAAQ,6BAAoB;AAErD,SAASC,OAAO,EAAEC,WAAW,QAAQ,oBAAW;AAEhD,SAASC,YAAY,QAAQ,yBAAgB;AAE7C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,iBAAQ;AAEjD,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,UAAU,QAAQ,uBAAc;AAEzC,SAASC,KAAK,QAAQ,kBAAS;AAO/B,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,aAAa,QAAQ,0BAAiB;AAE/C,SAASC,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,kBAAS;AAEnD,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAEvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,SAAS,QAAQ,sBAAa;AAMvC,SAASC,OAAO,QAAQ,oBAAW;AAEnC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,MAAM,QAAQ,mBAAU;AAEjC,SAASC,IAAI,QAAQ,iBAAQ;AAE7B,SAASC,GAAG,QAAQ,gBAAO;AAE3B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,SAAS,QAAQ,sBAAa;AAOvC,SAASC,KAAK,EAAEC,SAAS,QAAQ,kBAAS;AAQ1C,SAASC,iBAAiB,QAAQ,8BAAqB;AAMvD,SAASC,YAAY,QAAQ,yBAAgB;AAM7C,SAASC,KAAK,QAAQ,kBAAS;AAE/B,SAASC,QAAQ,QAAQ,qBAAY;AAErC,SAASC,gBAAgB,QAAQ,6BAAoB","ignoreList":[]}
|
|
@@ -56,12 +56,9 @@ export const lightColors = {
|
|
|
56
56
|
glassTintLight: 'rgba(255,255,255,0.55)',
|
|
57
57
|
/** 玻璃容器内部分隔线 —— 暗色翻成对应低透白,保证暗底可见。 */
|
|
58
58
|
glassSeparator: 'rgba(0,0,0,0.08)',
|
|
59
|
-
/**
|
|
60
|
-
* 数值配合 blur.strong(blurAmount=40) 让"玻璃门外区滚动内容透过模糊显示"达成。
|
|
61
|
-
* 跟 glassTintLight 区分:此 token 给"玻璃门外区"语义。 */
|
|
59
|
+
/** 玻璃容器的半透明背景,与轻薄染色 glassTintLight 分别表达表面与覆盖层。 */
|
|
62
60
|
glassSurface: 'rgba(255,255,255,0.20)',
|
|
63
|
-
/** TabBar
|
|
64
|
-
* TabBar 场景配合 blur.soft(blurAmount=10) 主导,语义不同不可复用同一个 alpha。 */
|
|
61
|
+
/** TabBar 的轻薄主题背景;只表达颜色,不定义原生玻璃材质或模糊半径。 */
|
|
65
62
|
tabBarGlassTint: 'rgba(255,255,255,0.10)',
|
|
66
63
|
/** 玻璃胶囊边框(亮 0.18 / 暗 0.14 白透)。 */
|
|
67
64
|
glassBorder: 'rgba(255,255,255,0.18)',
|
|
@@ -152,9 +149,9 @@ export const darkColors = {
|
|
|
152
149
|
// 暗色 0.06 白透,凸起感由 glassBar 暗色黑 0.35 shadow 补
|
|
153
150
|
glassTintLight: 'rgba(255,255,255,0.06)',
|
|
154
151
|
glassSeparator: 'rgba(255,255,255,0.10)',
|
|
155
|
-
//
|
|
152
|
+
// 暗色玻璃容器沿用深灰半透明背景。
|
|
156
153
|
glassSurface: 'rgba(28,28,30,0.30)',
|
|
157
|
-
//
|
|
154
|
+
// TabBar 沿用独立的轻薄染色。
|
|
158
155
|
tabBarGlassTint: 'rgba(28,28,30,0.18)',
|
|
159
156
|
glassBorder: 'rgba(255,255,255,0.14)',
|
|
160
157
|
glassHighlight: 'rgba(255,255,255,0.24)',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["BRAND_ORANGE","lightColors","primary","primaryPressed","primaryContainer","primaryContainerSubtle","brandTint10","brandTint14","onPrimary","onPrimaryMuted","success","successContainer","onSuccess","error","errorContainer","onError","info","infoContainer","onInfo","background","surface","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","foreground","foregroundMuted","foregroundSubtle","onSurface","onSurfaceMuted","outline","outlineVariant","outlineFaint","inverseSurface","inverseOnSurface","scrim","sheetBackdrop","glassTintLight","glassSeparator","glassSurface","tabBarGlassTint","glassBorder","glassHighlight","glassStatsHighlight","glassActiveFg","brandTint12","iconFaint40","iconFaint30","iconFaint25","avatarRing","qrBg","heroGradient0","heroGradient1","heroGradient2","glassPillBg","glassPillBorder","darkColors","avatarGradient"],"sourceRoot":"../../../src","sources":["theme/colors.ts"],"mappings":";;AAAA;;AAEA;AACA;AACA,OAAO,MAAMA,YAAY,GAAG,SAAS;AAErC,OAAO,MAAMC,WAAW,GAAG;EACzB;EACAC,OAAO,EAAEF,YAAY;EACrBG,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,SAAS;EAC3BC,sBAAsB,EAAE,SAAS;EACjC;EACAC,WAAW,EAAE,sBAAsB;EACnC;EACAC,WAAW,EAAE,sBAAsB;EACnCC,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE,wBAAwB;EAExC;EACAC,OAAO,EAAE,SAAS;EAClBC,gBAAgB,EAAE,SAAS;EAC3BC,SAAS,EAAE,SAAS;EACpBC,KAAK,EAAE,SAAS;EAChBC,cAAc,EAAE,SAAS;EACzBC,OAAO,EAAE,SAAS;EAClBC,IAAI,EAAE,SAAS;EACfC,aAAa,EAAE,SAAS;EACxBC,MAAM,EAAE,SAAS;EAEjB;EACAC,UAAU,EAAE,SAAS;EACrBC,OAAO,EAAE,SAAS;EAClBC,gBAAgB,EAAE,SAAS;EAC3BC,oBAAoB,EAAE,SAAS;EAC/BC,uBAAuB,EAAE,SAAS;EAElC;EACAC,UAAU,EAAE,SAAS;EACrBC,eAAe,EAAE,SAAS;EAC1BC,gBAAgB,EAAE,SAAS;EAC3BC,SAAS,EAAE,SAAS;EACpBC,cAAc,EAAE,SAAS;EAEzB;EACAC,OAAO,EAAE,SAAS;EAClBC,cAAc,EAAE,SAAS;EACzBC,YAAY,EAAE,SAAS;EAEvB;EACAC,cAAc,EAAE,SAAS;EACzBC,gBAAgB,EAAE,SAAS;EAE3B;EACA;EACAC,KAAK,EAAE,iBAAiB;EACxB;AACF;EACEC,aAAa,EAAE,wBAAwB;EACvC;EACAC,cAAc,EAAE,wBAAwB;EACxC;EACAC,cAAc,EAAE,kBAAkB;EAClC;
|
|
1
|
+
{"version":3,"names":["BRAND_ORANGE","lightColors","primary","primaryPressed","primaryContainer","primaryContainerSubtle","brandTint10","brandTint14","onPrimary","onPrimaryMuted","success","successContainer","onSuccess","error","errorContainer","onError","info","infoContainer","onInfo","background","surface","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","foreground","foregroundMuted","foregroundSubtle","onSurface","onSurfaceMuted","outline","outlineVariant","outlineFaint","inverseSurface","inverseOnSurface","scrim","sheetBackdrop","glassTintLight","glassSeparator","glassSurface","tabBarGlassTint","glassBorder","glassHighlight","glassStatsHighlight","glassActiveFg","brandTint12","iconFaint40","iconFaint30","iconFaint25","avatarRing","qrBg","heroGradient0","heroGradient1","heroGradient2","glassPillBg","glassPillBorder","darkColors","avatarGradient"],"sourceRoot":"../../../src","sources":["theme/colors.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,6 +9,5 @@ export { normalizeFontScale, scaleFontMetric, useFontScale } from "./fontScale.j
|
|
|
9
9
|
export { useThemedStyles } from "./useThemedStyles.js";
|
|
10
10
|
export { usePrefersReducedMotion } from './usePrefersReducedMotion';
|
|
11
11
|
export { fontMono, type, fw, space, radius, avatar, icon, control, dim, fixed, motion, pressedOpacity } from "./tokens.js";
|
|
12
|
-
export { blur } from "./blur.js";
|
|
13
12
|
export { r, rf } from "./scale.js";
|
|
14
13
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["lightColors","darkColors","avatarGradient","BRAND_ORANGE","warmOrangePalette","lightShadow","darkShadow","ThemeProvider","useTheme","useColors","useShadow","normalizeFontScale","scaleFontMetric","useFontScale","useThemedStyles","usePrefersReducedMotion","fontMono","type","fw","space","radius","avatar","icon","control","dim","fixed","motion","pressedOpacity","
|
|
1
|
+
{"version":3,"names":["lightColors","darkColors","avatarGradient","BRAND_ORANGE","warmOrangePalette","lightShadow","darkShadow","ThemeProvider","useTheme","useColors","useShadow","normalizeFontScale","scaleFontMetric","useFontScale","useThemedStyles","usePrefersReducedMotion","fontMono","type","fw","space","radius","avatar","icon","control","dim","fixed","motion","pressedOpacity","r","rf"],"sourceRoot":"../../../src","sources":["theme/index.ts"],"mappings":";;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,cAAc,EACdC,YAAY,QACP,aAAU;AAGjB,SAASC,iBAAiB,QAAQ,eAAY;AAE9C,SAASC,WAAW,EAAEC,UAAU,QAAQ,aAAU;AAGlD,SAASC,aAAa,QAAQ,oBAAiB;AAG/C,SAASC,QAAQ,EAAEC,SAAS,EAAEC,SAAS,QAAQ,eAAY;AAC3D,SAASC,kBAAkB,EAAEC,eAAe,EAAEC,YAAY,QAAQ,gBAAa;AAC/E,SAASC,eAAe,QAAQ,sBAAmB;AAEnD,SAASC,uBAAuB,QAAQ,2BAA2B;AAEnE,SACEC,QAAQ,EACRC,IAAI,EACJC,EAAE,EACFC,KAAK,EACLC,MAAM,EACNC,MAAM,EACNC,IAAI,EACJC,OAAO,EACPC,GAAG,EACHC,KAAK,EACLC,MAAM,EACNC,cAAc,QACT,aAAU;AAEjB,SAASC,CAAC,EAAEC,EAAE,QAAQ,YAAS","ignoreList":[]}
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { GlassStatsProps } from './types';
|
|
3
3
|
/**
|
|
4
|
-
* 玻璃数据条 ——
|
|
5
|
-
*
|
|
6
|
-
* BlurLayer 接管 backdrop 双层结构(BlurView soft + glassTintLight tint),
|
|
7
|
-
* blurType 跟 scheme 自动切。
|
|
4
|
+
* 玻璃数据条 —— GlassLayer 通透材质 + 内部 N 列数据。
|
|
5
|
+
* 材质、主题和平台降级由 GlassLayer 接管。
|
|
8
6
|
*/
|
|
9
7
|
export declare function GlassStats({ items, style, testID, }: GlassStatsProps): React.JSX.Element;
|
|
10
8
|
//# sourceMappingURL=GlassStats.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GlassStats.d.ts","sourceRoot":"","sources":["../../../../../../src/components/business/GlassStats/GlassStats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C
|
|
1
|
+
{"version":3,"file":"GlassStats.d.ts","sourceRoot":"","sources":["../../../../../../src/components/business/GlassStats/GlassStats.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBrC"}
|
|
@@ -6,8 +6,11 @@ import type { ColorTokens, ShadowTokens } from '../../../theme';
|
|
|
6
6
|
* iOS Core Animation `masksToBounds=true` 会裁掉 outer shadow。
|
|
7
7
|
* - `glass`:内层承担 borderRadius + overflow:hidden + border 边线。
|
|
8
8
|
*
|
|
9
|
-
*
|
|
9
|
+
* 玻璃材质与平台降级由 `<GlassLayer effect="clear"/>` 接管。 */
|
|
10
10
|
export declare const makeGlassStatsStyles: (c: ColorTokens, s: ShadowTokens) => Readonly<{
|
|
11
|
+
glassLayer: {
|
|
12
|
+
borderRadius: number;
|
|
13
|
+
};
|
|
11
14
|
glassShell: {
|
|
12
15
|
shadowColor: string;
|
|
13
16
|
shadowOffset: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/business/GlassStats/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;;;;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/business/GlassStats/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;;;;;;oDAOoD;AACpD,eAAO,MAAM,oBAAoB,GAAI,GAAG,WAAW,EAAE,GAAG,YAAY;;;;;;;;;;;;;;;;;;;;;IAgBhE,6EAA6E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BhF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlassLayer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/GlassLayer/GlassLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,iCAAiC;AACjC,wBAAgB,UAAU,CAAC,EACzB,MAAkB,EAClB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0BrC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { GlassLayerProps } from './types';
|
|
3
|
+
/** Web 保留 CSS 玻璃近似效果,不加载原生 Liquid Glass 模块。 */
|
|
4
|
+
export declare function GlassLayer({ effect, tintColor, style, testID, }: GlassLayerProps): React.JSX.Element;
|
|
5
|
+
//# sourceMappingURL=GlassLayer.web.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlassLayer.web.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/GlassLayer/GlassLayer.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,EACzB,MAAkB,EAClB,SAAS,EACT,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwBrC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/GlassLayer/constants.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,eAAO,MAAM,YAAY;;;CAAsC,CAAC"}
|