@xhsreds/reds-rn-next 0.10.1-beta202512161121 → 0.10.1-beta202512171921
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/coverage/.tmp/coverage-0.json +1 -1
- package/coverage/.tmp/coverage-1.json +1 -1
- package/coverage/.tmp/coverage-10.json +1 -1
- package/coverage/.tmp/coverage-11.json +1 -1
- package/coverage/.tmp/coverage-12.json +1 -1
- package/coverage/.tmp/coverage-13.json +1 -1
- package/coverage/.tmp/coverage-14.json +1 -1
- package/coverage/.tmp/coverage-15.json +1 -1
- package/coverage/.tmp/coverage-16.json +1 -1
- package/coverage/.tmp/coverage-17.json +1 -1
- package/coverage/.tmp/coverage-18.json +1 -1
- package/coverage/.tmp/coverage-19.json +1 -1
- package/coverage/.tmp/coverage-2.json +1 -1
- package/coverage/.tmp/coverage-20.json +1 -1
- package/coverage/.tmp/coverage-21.json +1 -1
- package/coverage/.tmp/coverage-22.json +1 -1
- package/coverage/.tmp/coverage-23.json +1 -1
- package/coverage/.tmp/coverage-24.json +1 -1
- package/coverage/.tmp/coverage-25.json +1 -1
- package/coverage/.tmp/coverage-26.json +1 -1
- package/coverage/.tmp/coverage-27.json +1 -1
- package/coverage/.tmp/coverage-28.json +1 -1
- package/coverage/.tmp/coverage-29.json +1 -1
- package/coverage/.tmp/coverage-31.json +1 -1
- package/coverage/.tmp/coverage-32.json +1 -1
- package/coverage/.tmp/coverage-33.json +1 -1
- package/coverage/.tmp/coverage-34.json +1 -1
- package/coverage/.tmp/coverage-35.json +1 -1
- package/coverage/.tmp/coverage-36.json +1 -1
- package/coverage/.tmp/coverage-38.json +1 -1
- package/coverage/.tmp/coverage-39.json +1 -1
- package/coverage/.tmp/coverage-4.json +1 -1
- package/coverage/.tmp/coverage-40.json +1 -1
- package/coverage/.tmp/coverage-41.json +1 -1
- package/coverage/.tmp/coverage-5.json +1 -1
- package/coverage/.tmp/coverage-6.json +1 -1
- package/coverage/.tmp/coverage-7.json +1 -1
- package/coverage/.tmp/coverage-8.json +1 -1
- package/coverage/.tmp/coverage-9.json +1 -1
- package/lib/cjs/components/Alert/styles.js +1 -1
- package/lib/cjs/components/Alert/styles.js.map +1 -1
- package/lib/cjs/components/Icon/Icon.72.js +1 -1
- package/lib/cjs/components/Icon/Icon.72.js.map +1 -1
- package/lib/cjs/components/Image/CircularProgress.js +1 -1
- package/lib/cjs/components/Image/CircularProgress.js.map +1 -1
- package/lib/cjs/components/Image/Image.js +1 -1
- package/lib/cjs/components/Image/index.js +1 -1
- package/lib/cjs/components/List/ListItem/ArrowRight.js +1 -1
- package/lib/cjs/components/List/ListItem/ArrowRight.js.map +1 -1
- package/lib/cjs/components/PullRefresh/PullRefresh.js +1 -1
- package/lib/cjs/components/PullRefresh/Refresh.js +1 -1
- package/lib/cjs/components/PullRefresh/Refresh.js.map +1 -1
- package/lib/cjs/components/PullRefresh/component.js +1 -1
- package/lib/cjs/components/PullRefresh/index.js +1 -1
- package/lib/cjs/components/Radio/Radio.js +1 -1
- package/lib/cjs/components/Radio/index.js +1 -1
- package/lib/cjs/components/Skeleton/Item/SkeletonItem.js +1 -1
- package/lib/cjs/components/Skeleton/Item/SkeletonItem.js.map +1 -1
- package/lib/cjs/components/Skeleton/Skeleton.js +1 -1
- package/lib/cjs/components/Skeleton/index.js +1 -1
- package/lib/cjs/index.js +1 -1
- package/lib/cjs/pvCount/pvData.js +1 -2
- package/lib/cjs/pvCount/pvData.js.map +1 -1
- package/lib/esm/components/Alert/styles.js +1 -1
- package/lib/esm/components/Alert/styles.js.map +1 -1
- package/lib/esm/components/Icon/Icon.72.js +1 -1
- package/lib/esm/components/Icon/Icon.72.js.map +1 -1
- package/lib/esm/components/Image/CircularProgress.js +1 -1
- package/lib/esm/components/Image/CircularProgress.js.map +1 -1
- package/lib/esm/components/Image/Image.js +1 -1
- package/lib/esm/components/Image/index.js +1 -1
- package/lib/esm/components/List/ListItem/ArrowRight.js +1 -1
- package/lib/esm/components/List/ListItem/ArrowRight.js.map +1 -1
- package/lib/esm/components/PullRefresh/PullRefresh.js +1 -1
- package/lib/esm/components/PullRefresh/Refresh.js +1 -1
- package/lib/esm/components/PullRefresh/Refresh.js.map +1 -1
- package/lib/esm/components/PullRefresh/component.js +1 -1
- package/lib/esm/components/PullRefresh/index.js +1 -1
- package/lib/esm/components/Radio/Radio.js +1 -1
- package/lib/esm/components/Radio/index.js +1 -1
- package/lib/esm/components/Skeleton/Item/SkeletonItem.js +1 -1
- package/lib/esm/components/Skeleton/Item/SkeletonItem.js.map +1 -1
- package/lib/esm/components/Skeleton/Skeleton.js +1 -1
- package/lib/esm/components/Skeleton/index.js +1 -1
- package/lib/esm/index.js +1 -1
- package/lib/esm/pvCount/pvData.js +1 -2
- package/lib/esm/pvCount/pvData.js.map +1 -1
- package/package.json +2 -3
- package/src/components/Alert/styles.ts +1 -1
- package/src/components/Icon/Icon.72.tsx +1 -1
- package/src/components/Icon/test/index.test.tsx +2 -2
- package/src/components/Image/CircularProgress.tsx +1 -1
- package/src/components/List/ListItem/ArrowRight.tsx +1 -1
- package/src/components/PullRefresh/Refresh.tsx +1 -1
- package/src/components/Skeleton/Item/SkeletonItem.tsx +1 -1
- package/src/i18n/@types/resources.d.ts +27 -27
- package/src/i18n/index.json +31 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"
|
|
1
|
+
{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst ArrowRight: React.FC = () => {\n return (\n <Svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n <Path\n d=\"M5.00001 5.82306L0.880508 1.81204C0.616137 1.55578 0.609566 1.13372 0.865831 0.869345C1.1221 0.604974 1.54415 0.598403 1.80853 0.854668L6.35571 5.28111C6.76108 5.67405 6.77116 6.32121 6.37822 6.72658C6.36708 6.73795 6.36708 6.73795 6.35571 6.74908L1.79718 11.1439C1.53281 11.4002 1.11075 11.3936 0.854485 11.1292C0.59822 10.8649 0.604791 10.4428 0.869162 10.1865L4.99904 6.20613C5.10508 6.10393 5.10819 5.93511 5.00599 5.82907C5.00403 5.82704 5.00204 5.82503 5.00001 5.82306Z\"\n fill=\"#333333\"\n fillOpacity=\"0.3\"\n />\n </Svg>\n );\n};\n\nexport default ArrowRight;\n"],"names":["ArrowRight","React","createElement","Svg","width","height","viewBox","fill","Path","d","fillOpacity"],"mappings":";;;;;;;AAGA,IAAMA,aAAuB,SAAvBA,aAA6B;AAE/B,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC;AAAIC,IAAAA,KAAM,EAAA,GAAA;AAAIC,IAAAA,QAAO,IAAK;AAAAC,IAAAA,OAAA,EAAQ,UAAW;AAAAC,IAAAA,IAAA,EAAK,MAAA;AACjD,GAAA,iBAAAN,KAAA,CAAAC,aAAA,CAACM,QAAA,EAAA;AACCC,IAAAA,CAAE,EAAA,6dAAA;AACFF,IAAAA,IAAK,EAAA,SAAA;AACLG,IAAAA,WAAY,EAAA,KAAA;AAAA,GACd,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -38,7 +38,7 @@ require('../LanguageProvider/hooks/LanguageContext.js');
|
|
|
38
38
|
require('../LanguageProvider/hooks/useLanguage.js');
|
|
39
39
|
require('../../i18n/index.js');
|
|
40
40
|
require('./Refresh.js');
|
|
41
|
-
require('
|
|
41
|
+
require('react-native-svg');
|
|
42
42
|
|
|
43
43
|
var CustomRefreshControl = components_PullRefresh_component.default;
|
|
44
44
|
function PullRefresh(props) {
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var reactNative = require('react-native');
|
|
7
|
-
var Svg = require('
|
|
7
|
+
var Svg = require('react-native-svg');
|
|
8
8
|
|
|
9
9
|
var AnimatedPath = reactNative.Animated.createAnimatedComponent(Svg.Path);
|
|
10
10
|
var CircleAnimation = function CircleAnimation(_ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Refresh.js","sources":["../../../../src/components/PullRefresh/Refresh.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\nimport { View, StyleSheet, Animated, Easing } from \"react-native\";\nimport Svg, { Path } from \"
|
|
1
|
+
{"version":3,"file":"Refresh.js","sources":["../../../../src/components/PullRefresh/Refresh.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\nimport { View, StyleSheet, Animated, Easing } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst CircleAnimation = ({ movePercent }: { movePercent: number }) => {\n const radius = 9;\n const circumference = Math.PI * radius; // 半圆周长\n const percent = useMemo(() => {\n return Math.min((movePercent / 100) * 0.5, 0.9);\n }, [movePercent]);\n\n const blueProgress = useRef(new Animated.Value(0)).current;\n const redProgress = useRef(new Animated.Value(0)).current;\n useEffect(() => {\n // 蓝色半圆动画:从9点钟开始逆时针到3点钟\n Animated.timing(blueProgress, {\n toValue: percent,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true,\n }).start();\n\n // 红色半圆动画:从3点钟开始逆时针到9点钟\n Animated.timing(redProgress, {\n toValue: percent,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true,\n }).start();\n }, [percent]);\n\n // 蓝色半圆路径\n const bluePath = `\n M -${radius}, 0\n A ${radius} ${radius} 0 0 1 ${radius}, 0\n `;\n\n // 红色半圆路径(反向)\n const redPath = `\n M ${radius}, 0\n A ${radius} ${radius} 0 0 1 -${radius}, 0\n `;\n\n return (\n <Svg\n width={radius * 2 + 10}\n height={radius * 2 + 10}\n viewBox={`${-radius - 5} ${-radius - 5} ${radius * 2 + 10} ${radius * 2 + 10}`}\n >\n {/* 蓝色半圆 */}\n <AnimatedPath\n d={bluePath}\n stroke=\"#ccc\"\n strokeWidth=\"2\"\n fill=\"none\"\n strokeDasharray={circumference}\n strokeDashoffset={blueProgress.interpolate({\n inputRange: [0, 1],\n outputRange: [circumference, 0],\n })}\n />\n\n {/* 红色半圆 */}\n <AnimatedPath\n d={redPath}\n stroke=\"#ccc\"\n strokeWidth=\"2\"\n fill=\"none\"\n strokeDasharray={circumference}\n strokeDashoffset={redProgress.interpolate({\n inputRange: [0, 1],\n outputRange: [circumference, 0],\n })}\n />\n </Svg>\n );\n};\n\nexport default CircleAnimation;\n"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","CircleAnimation","_ref","movePercent","radius","circumference","Math","PI","percent","useMemo","min","blueProgress","useRef","Value","current","redProgress","useEffect","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","bluePath","concat","redPath","React","createElement","Svg","width","height","viewBox","d","stroke","strokeWidth","fill","strokeDasharray","strokeDashoffset","interpolate","inputRange","outputRange"],"mappings":"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"}
|
|
@@ -37,7 +37,7 @@ require('@xhs/lottie-react-native');
|
|
|
37
37
|
require('../../_chunks/DoNqsT5m.js');
|
|
38
38
|
require('../LanguageProvider/hooks/LanguageContext.js');
|
|
39
39
|
require('../../i18n/index.js');
|
|
40
|
-
require('
|
|
40
|
+
require('react-native-svg');
|
|
41
41
|
|
|
42
42
|
var DefaultRefreshControl = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
43
43
|
var PullDownToRefreshKey = props.pullDownToRefreshText || components_LanguageProvider_hooks_useLanguage.useLanguage("componentKey", "PullDownToRefreshKey");
|
|
@@ -39,7 +39,7 @@ require('../LanguageProvider/hooks/LanguageContext.js');
|
|
|
39
39
|
require('../LanguageProvider/hooks/useLanguage.js');
|
|
40
40
|
require('../../i18n/index.js');
|
|
41
41
|
require('./Refresh.js');
|
|
42
|
-
require('
|
|
42
|
+
require('react-native-svg');
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
@@ -224,7 +224,7 @@ require('../List/styles.js');
|
|
|
224
224
|
require('../Skeleton/Skeleton.js');
|
|
225
225
|
require('../Skeleton/Item/SkeletonItem.js');
|
|
226
226
|
require('../Skeleton/Item/styles.js');
|
|
227
|
-
require('
|
|
227
|
+
require('react-native-svg');
|
|
228
228
|
require('../Skeleton/styles.js');
|
|
229
229
|
require('../Skeleton/Skeleton69.js');
|
|
230
230
|
require('../Skeleton/Item/SkeletonItem69.js');
|
|
@@ -176,7 +176,7 @@ require('../../_chunks/DC7LGH1r.js');
|
|
|
176
176
|
require('../Skeleton/Item/SkeletonItem.js');
|
|
177
177
|
require('../../_chunks/EQWxZmIF.js');
|
|
178
178
|
require('../Skeleton/Item/styles.js');
|
|
179
|
-
require('
|
|
179
|
+
require('react-native-svg');
|
|
180
180
|
require('../Skeleton/styles.js');
|
|
181
181
|
require('../Skeleton/Skeleton69.js');
|
|
182
182
|
require('../Skeleton/Item/SkeletonItem69.js');
|
|
@@ -10,7 +10,7 @@ var components_Skeleton_Item_styles = require('./styles.js');
|
|
|
10
10
|
require('../../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
|
|
11
11
|
require('@xhs/reds-apm/src/index.native');
|
|
12
12
|
var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../../ConfigProvider/hooks/themeToken/useThemeToken.js');
|
|
13
|
-
var Svg = require('
|
|
13
|
+
var Svg = require('react-native-svg');
|
|
14
14
|
require('@xhsreds/reds-token-next');
|
|
15
15
|
require('../../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
16
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"
|
|
1
|
+
{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"react-native-svg\";\n\nconst RectAnimation = Animated.createAnimatedComponent(Rect);\n\nconst SkeletonItem = (props: RedsSkeletonItem) => {\n const {\n loading,\n type,\n animation,\n containerStyle,\n borderRadius, // 解构新属性\n } = { ...SkeletonItemDefaultProps, ...props };\n\n const animValue = useRef(new Animated.Value(0)).current;\n const themeColor = useThemeColor();\n const styles = createStyles(type);\n\n useEffect(() => {\n if (animation) {\n Animated.loop(\n Animated.timing(animValue, {\n toValue: 1,\n duration: 2000,\n easing: Easing.linear,\n useNativeDriver: false,\n }),\n ).start();\n }\n }, [animation]);\n\n const interpolatedValue = animValue.interpolate({\n inputRange: [0, 1],\n outputRange: [\"-148%\", \"-8%\"],\n });\n\n return (\n loading && (\n <Animated.View\n style={[\n styles,\n {\n borderRadius: borderRadius, // 应用 borderRadius\n overflow: \"hidden\", // 确保内容不会超出圆角边界\n },\n containerStyle,\n ]}\n >\n <Svg height=\"100%\" width=\"100%\">\n <Defs>\n <LinearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0%\">\n <Stop offset=\"25%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n <Stop offset=\"28%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.15} />\n <Stop offset=\"35%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n </LinearGradient>\n {/* 如果需要 SVG 内容也遵循圆角,添加 ClipPath */}\n {borderRadius > 0 && (\n <ClipPath id=\"clip\">\n <Rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n rx={type === \"avatar\" ? 100 : borderRadius}\n ry={type === \"avatar\" ? 100 : borderRadius}\n />\n </ClipPath>\n )}\n </Defs>\n <RectAnimation\n x={interpolatedValue}\n y=\"0%\"\n width=\"400%\"\n height=\"100%\"\n fill=\"url(#gradient)\"\n opacity={0.3}\n clipPath={borderRadius > 0 ? \"url(#clip)\" : undefined} // 应用裁剪路径\n />\n </Svg>\n </Animated.View>\n )\n );\n};\n\nSkeletonItem.defaultProps = SkeletonItemDefaultProps;\n\nexport default SkeletonItem;\n"],"names":["RectAnimation","Animated","createAnimatedComponent","Rect","SkeletonItem","props","_SkeletonItemDefaultP","_objectSpread","SkeletonItemDefaultProps","loading","type","animation","containerStyle","borderRadius","animValue","useRef","Value","current","themeColor","useThemeColor","styles","createStyles","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","interpolatedValue","interpolate","inputRange","outputRange","React","createElement","View","style","overflow","Svg","height","width","Defs","LinearGradient","id","x1","y1","x2","y2","Stop","offset","stopColor","color","Fill1","stopOpacity","ClipPath","x","y","rx","ry","fill","opacity","clipPath","defaultProps"],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ require('@xhsreds/reds-token-next');
|
|
|
16
16
|
require('@xhs/reds-apm/src/index.native');
|
|
17
17
|
require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
|
|
18
18
|
require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
19
|
-
require('
|
|
19
|
+
require('react-native-svg');
|
|
20
20
|
require('../../pvCount/pvData.js');
|
|
21
21
|
|
|
22
22
|
var Skeleton = function Skeleton(props) {
|
|
@@ -20,7 +20,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
|
|
|
20
20
|
require('@xhsreds/reds-token-next');
|
|
21
21
|
require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
|
|
22
22
|
require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
|
|
23
|
-
require('
|
|
23
|
+
require('react-native-svg');
|
|
24
24
|
|
|
25
25
|
var _Platform$constants, _Platform$constants2;
|
|
26
26
|
var SkeletonComponent = ((_Platform$constants = reactNative.Platform.constants) === null || _Platform$constants === void 0 || (_Platform$constants = _Platform$constants.reactNativeVersion) === null || _Platform$constants === void 0 ? void 0 : _Platform$constants.minor) === 72 ? components_Skeleton_Skeleton.default : components_Skeleton_Skeleton69.default;
|
package/lib/cjs/index.js
CHANGED
|
@@ -223,7 +223,7 @@ require('./components/List/styles.js');
|
|
|
223
223
|
require('./components/Skeleton/Skeleton.js');
|
|
224
224
|
require('./components/Skeleton/Item/SkeletonItem.js');
|
|
225
225
|
require('./components/Skeleton/Item/styles.js');
|
|
226
|
-
require('
|
|
226
|
+
require('react-native-svg');
|
|
227
227
|
require('./components/Skeleton/styles.js');
|
|
228
228
|
require('./components/Skeleton/Skeleton69.js');
|
|
229
229
|
require('./components/Skeleton/Item/SkeletonItem69.js');
|
|
@@ -29,8 +29,7 @@ var peerDependencies = {
|
|
|
29
29
|
"react-native": "*",
|
|
30
30
|
"react-native-fs": "2.20.0",
|
|
31
31
|
"react-native-svg": "13.14.0",
|
|
32
|
-
"@xhs/react-native-harmony": "*"
|
|
33
|
-
"@xhs/reds-components": "*"
|
|
32
|
+
"@xhs/react-native-harmony": "*"
|
|
34
33
|
};
|
|
35
34
|
var peerDependenciesMeta = {
|
|
36
35
|
"ozone-schema-web": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pvData.js","sources":["../../../src/pvCount/pvData.ts"],"sourcesContent":["import pack from \"../../package.json\";\nimport { push } from \"@xhs/reds-apm/src/index.native\";\nimport { pushByrequestIdleCallback } from \"@xhs/reds-apm/src/index.native\";\n\nlet globalPvData: Record<string, number> = {};\nexport const pushGlobalData = () => {\n if (Object.keys(globalPvData).length) {\n push({\n context_artifactName: \"reds-rn-next\",\n context_aritfactVersion: pack.version,\n measurement_name: \"reds_component_usage_pv\",\n measurement_data: {\n packageName: process.env.APP_NAME,\n packageVersion: process.env.APP_VERSION,\n pvData: JSON.stringify(globalPvData),\n },\n });\n // 上报完数据后清空数据\n globalPvData = {};\n }\n};\n\nexport const pvCount = (componentName: string) => {\n if (!globalPvData[componentName]) {\n globalPvData[componentName] = 1;\n } else {\n globalPvData[componentName]++;\n }\n pushByrequestIdleCallback(pushGlobalData);\n};\n"],"names":["globalPvData","pushGlobalData","Object","keys","length","push","context_artifactName","context_aritfactVersion","pack","version","measurement_name","measurement_data","packageName","process","env","APP_NAME","packageVersion","APP_VERSION","pvData","JSON","stringify","pvCount","componentName","pushByrequestIdleCallback"],"mappings":"
|
|
1
|
+
{"version":3,"file":"pvData.js","sources":["../../../src/pvCount/pvData.ts"],"sourcesContent":["import pack from \"../../package.json\";\nimport { push } from \"@xhs/reds-apm/src/index.native\";\nimport { pushByrequestIdleCallback } from \"@xhs/reds-apm/src/index.native\";\n\nlet globalPvData: Record<string, number> = {};\nexport const pushGlobalData = () => {\n if (Object.keys(globalPvData).length) {\n push({\n context_artifactName: \"reds-rn-next\",\n context_aritfactVersion: pack.version,\n measurement_name: \"reds_component_usage_pv\",\n measurement_data: {\n packageName: process.env.APP_NAME,\n packageVersion: process.env.APP_VERSION,\n pvData: JSON.stringify(globalPvData),\n },\n });\n // 上报完数据后清空数据\n globalPvData = {};\n }\n};\n\nexport const pvCount = (componentName: string) => {\n if (!globalPvData[componentName]) {\n globalPvData[componentName] = 1;\n } else {\n globalPvData[componentName]++;\n }\n pushByrequestIdleCallback(pushGlobalData);\n};\n"],"names":["globalPvData","pushGlobalData","Object","keys","length","push","context_artifactName","context_aritfactVersion","pack","version","measurement_name","measurement_data","packageName","process","env","APP_NAME","packageVersion","APP_VERSION","pvData","JSON","stringify","pvCount","componentName","pushByrequestIdleCallback"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAIA,eAAuC,EAAC,CAAA;IAC/BC,iBAAiB,SAAjBA,iBAAuB;EAClC,IAAIC,MAAO,CAAAC,IAAA,CAAKH,YAAY,CAAA,CAAEI,MAAQ,EAAA;AAC/BC,IAAAA,iBAAA,CAAA;AACHC,MAAAA,oBAAsB,EAAA,cAAA;MACtBC,yBAAyBC,IAAK,CAAAC,OAAA;AAC9BC,MAAAA,gBAAkB,EAAA,yBAAA;AAClBC,MAAAA,gBAAkB,EAAA;AAChBC,QAAAA,WAAA,EAAaC,QAAQC,GAAI,CAAAC,QAAA;AACzBC,QAAAA,cAAA,EAAgBH,QAAQC,GAAI,CAAAG,WAAA;AAC5BC,QAAAA,MAAA,EAAQC,IAAK,CAAAC,SAAA,CAAUpB,YAAY,CAAA;AACrC,OAAA;AACF,KAAC,CAAA,CAAA;IAEDA,YAAA,GAAe,EAAC,CAAA;AAClB,GAAA;AACF,EAAA;IAEaqB,OAAA,GAAU,SAAVA,OAAAA,CAAWC,aAA0B,EAAA;AAC5C,EAAA,IAAA,CAACtB,YAAa,CAAAsB,aAAa,CAAG,EAAA;AAChCtB,IAAAA,YAAA,CAAasB,aAAa,CAAI,GAAA,CAAA,CAAA;AAChC,GAAO,MAAA;IACLtB,YAAA,CAAasB,aAAa,CAAA,EAAA,CAAA;AAC5B,GAAA;EACAC,sCAAA,CAA0BtB,cAAc,CAAA,CAAA;AAC1C;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n const themeColor = useThemeColor(\"Button\");\n const typography = useThemeTypography(\"Button\");\n const styles = StyleSheet.create({\n modalOverlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: alwaysColor.MaskBg,\n },\n centeredView: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n alertContainer: {\n width: 270,\n backgroundColor: themeColor.White,\n borderRadius: 12,\n overflow: \"hidden\",\n boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n position: \"relative\",\n top: 0,\n left: 0,\n },\n alertContent: {\n padding: 20,\n },\n title: {\n textAlign: \"center\",\n marginBottom: 8,\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n color: themeColor.Title,\n },\n message: {\n maxHeight: 126,\n overflow: \"hidden\",\n position: \"relative\",\n },\n messageText: {\n fontSize: typography.C2FontSize,\n color: themeColor.Paragraph,\n textAlign: \"center\",\n lineHeight: typography.C2LineHeight,\n fontWeight: typography.C2FontWeight,\n },\n messageLeft: {\n textAlign: \"left\",\n },\n scrollOverlay: {\n width: \"100%\",\n position: \"absolute\",\n left: 20,\n right: 0,\n bottom: 20,\n height: 40,\n },\n footer: {\n width: \"100%\",\n height: 48,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n paddingTop: 0,\n },\n footerText: {\n borderTopWidth: 0.5,\n borderTopColor: themeColor.Fill2,\n paddingBottom: props.footerLayout === \"vertical\" ? 0 : 6,\n paddingTop: props.footerLayout === \"vertical\" ? 0 : 6,\n paddingHorizontal: props.footerLayout === \"vertical\" ? 0 : 12,\n },\n footerHorizontal: {\n flexDirection: \"row\",\n paddingHorizontal: 20,\n paddingVertical: 20,\n },\n footerVertical: {\n flexDirection: \"column-reverse\",\n alignItems: \"center\",\n height: 100,\n paddingHorizontal: 20,\n },\n cancelButton: {\n flex: 1,\n width: 109,\n margin: 0,\n paddingHorizontal: 0,\n height: 36,\n },\n button: {\n flex: 1,\n width: 109,\n margin: 0,\n paddingHorizontal: 0,\n height: 36,\n },\n dividerBox: {\n marginTop: 5,\n },\n confirmButton: {\n flex: 1,\n margin: 0,\n marginLeft: 10,\n width: 109,\n height: 36,\n paddingHorizontal: 20,\n },\n verButton: {\n flex: 0,\n width: \"100%\",\n margin: 0,\n marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n height: 36,\n paddingHorizontal: 20,\n },\n verCancelButton: {\n flex: 0,\n width: \"100%\",\n margin: 0,\n marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n height: 36,\n paddingHorizontal: 20,\n },\n cancelText: {\n color: themeColor.Description,\n fontSize:
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../src/components/Alert/styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { useThemeColor, useThemeTypography } from \"../ConfigProvider\";\nimport { RedsAlert } from \"./interface\";\n\nexport const style = (props: RedsAlert) => {\n const themeColor = useThemeColor(\"Button\");\n const typography = useThemeTypography(\"Button\");\n const styles = StyleSheet.create({\n modalOverlay: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: alwaysColor.MaskBg,\n },\n centeredView: {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n alertContainer: {\n width: 270,\n backgroundColor: themeColor.White,\n borderRadius: 12,\n overflow: \"hidden\",\n boxShadow: \"0 2px 16px rgba(0, 0, 0, 0.1)\",\n position: \"relative\",\n top: 0,\n left: 0,\n },\n alertContent: {\n padding: 20,\n },\n title: {\n textAlign: \"center\",\n marginBottom: 8,\n fontSize: typography.T2FontSize,\n fontWeight: typography.T2FontWeight,\n lineHeight: typography.T2LineHeight,\n color: themeColor.Title,\n },\n message: {\n maxHeight: 126,\n overflow: \"hidden\",\n position: \"relative\",\n },\n messageText: {\n fontSize: typography.C2FontSize,\n color: themeColor.Paragraph,\n textAlign: \"center\",\n lineHeight: typography.C2LineHeight,\n fontWeight: typography.C2FontWeight,\n },\n messageLeft: {\n textAlign: \"left\",\n },\n scrollOverlay: {\n width: \"100%\",\n position: \"absolute\",\n left: 20,\n right: 0,\n bottom: 20,\n height: 40,\n },\n footer: {\n width: \"100%\",\n height: 48,\n flexDirection: \"row\",\n justifyContent: \"space-between\",\n paddingTop: 0,\n },\n footerText: {\n borderTopWidth: 0.5,\n borderTopColor: themeColor.Fill2,\n paddingBottom: props.footerLayout === \"vertical\" ? 0 : 6,\n paddingTop: props.footerLayout === \"vertical\" ? 0 : 6,\n paddingHorizontal: props.footerLayout === \"vertical\" ? 0 : 12,\n },\n footerHorizontal: {\n flexDirection: \"row\",\n paddingHorizontal: 20,\n paddingVertical: 20,\n },\n footerVertical: {\n flexDirection: \"column-reverse\",\n alignItems: \"center\",\n height: 100,\n paddingHorizontal: 20,\n },\n cancelButton: {\n flex: 1,\n width: 109,\n margin: 0,\n paddingHorizontal: 0,\n height: 36,\n },\n button: {\n flex: 1,\n width: 109,\n margin: 0,\n paddingHorizontal: 0,\n height: 36,\n },\n dividerBox: {\n marginTop: 5,\n },\n confirmButton: {\n flex: 1,\n margin: 0,\n marginLeft: 10,\n width: 109,\n height: 36,\n paddingHorizontal: 20,\n },\n verButton: {\n flex: 0,\n width: \"100%\",\n margin: 0,\n marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n height: 36,\n paddingHorizontal: 20,\n },\n verCancelButton: {\n flex: 0,\n width: \"100%\",\n margin: 0,\n marginLeft: props.footerLayout === \"vertical\" ? 0 : 10,\n marginTop: props.footerType === \"text\" ? 7 : props.footerLayout === \"vertical\" ? 7 : 10,\n marginBottom: props.footerLayout === \"vertical\" ? 7 : 0,\n height: 36,\n paddingHorizontal: 20,\n },\n cancelText: {\n color: themeColor.Description,\n fontSize: 12,\n },\n horizontalLine: {\n width: \"100%\",\n height: 0.5,\n backgroundColor: themeColor.Fill2,\n },\n verticalLine: {\n width: 0.5,\n height: 24,\n marginTop: 6,\n backgroundColor: themeColor.Fill2,\n },\n });\n return styles;\n};\n"],"names":["style","props","themeColor","useThemeColor","typography","useThemeTypography","styles","StyleSheet","create","modalOverlay","position","top","left","right","bottom","backgroundColor","alwaysColor","MaskBg","centeredView","flex","justifyContent","alignItems","alertContainer","width","White","borderRadius","overflow","boxShadow","alertContent","padding","title","textAlign","marginBottom","fontSize","T2FontSize","fontWeight","T2FontWeight","lineHeight","T2LineHeight","color","Title","message","maxHeight","messageText","C2FontSize","Paragraph","C2LineHeight","C2FontWeight","messageLeft","scrollOverlay","height","footer","flexDirection","paddingTop","footerText","borderTopWidth","borderTopColor","Fill2","paddingBottom","footerLayout","paddingHorizontal","footerHorizontal","paddingVertical","footerVertical","cancelButton","margin","button","dividerBox","marginTop","confirmButton","marginLeft","verButton","footerType","verCancelButton","cancelText","Description","horizontalLine","verticalLine"],"mappings":";;;;;;;;;IAKaA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;AACnC,EAAA,IAAAC,UAAA,GAAaC,cAAc,QAAQ,CAAA,CAAA;AACnC,EAAA,IAAAC,UAAA,GAAaC,mBAAmB,QAAQ,CAAA,CAAA;AACxC,EAAA,IAAAC,MAAA,GAASC,WAAWC,MAAO,CAAA;AAC/BC,IAAAA,YAAc,EAAA;AACZC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,GAAK,EAAA,CAAA;AACLC,MAAAA,IAAM,EAAA,CAAA;AACNC,MAAAA,KAAO,EAAA,CAAA;AACPC,MAAAA,MAAQ,EAAA,CAAA;MACRC,iBAAiBC,WAAY,CAAAC,MAAAA;KAC/B;AACAC,IAAAA,YAAc,EAAA;AACZR,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,GAAK,EAAA,CAAA;AACLC,MAAAA,IAAM,EAAA,CAAA;AACNC,MAAAA,KAAO,EAAA,CAAA;AACPC,MAAAA,MAAQ,EAAA,CAAA;AACRK,MAAAA,IAAM,EAAA,CAAA;AACNC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;KACd;AACAC,IAAAA,cAAgB,EAAA;AACdC,MAAAA,KAAO,EAAA,GAAA;MACPR,iBAAiBb,UAAW,CAAAsB,KAAA;AAC5BC,MAAAA,YAAc,EAAA,EAAA;AACdC,MAAAA,QAAU,EAAA,QAAA;AACVC,MAAAA,SAAW,EAAA,+BAAA;AACXjB,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,GAAK,EAAA,CAAA;AACLC,MAAAA,IAAM,EAAA,CAAA;KACR;AACAgB,IAAAA,YAAc,EAAA;AACZC,MAAAA,OAAS,EAAA,EAAA;KACX;AACAC,IAAAA,KAAO,EAAA;AACLC,MAAAA,SAAW,EAAA,QAAA;AACXC,MAAAA,YAAc,EAAA,CAAA;MACdC,UAAU7B,UAAW,CAAA8B,UAAA;MACrBC,YAAY/B,UAAW,CAAAgC,YAAA;MACvBC,YAAYjC,UAAW,CAAAkC,YAAA;MACvBC,OAAOrC,UAAW,CAAAsC,KAAAA;KACpB;AACAC,IAAAA,OAAS,EAAA;AACPC,MAAAA,SAAW,EAAA,GAAA;AACXhB,MAAAA,QAAU,EAAA,QAAA;AACVhB,MAAAA,QAAU,EAAA,UAAA;KACZ;AACAiC,IAAAA,WAAa,EAAA;MACXV,UAAU7B,UAAW,CAAAwC,UAAA;MACrBL,OAAOrC,UAAW,CAAA2C,SAAA;AAClBd,MAAAA,SAAW,EAAA,QAAA;MACXM,YAAYjC,UAAW,CAAA0C,YAAA;MACvBX,YAAY/B,UAAW,CAAA2C,YAAAA;KACzB;AACAC,IAAAA,WAAa,EAAA;AACXjB,MAAAA,SAAW,EAAA,MAAA;KACb;AACAkB,IAAAA,aAAe,EAAA;AACb1B,MAAAA,KAAO,EAAA,MAAA;AACPb,MAAAA,QAAU,EAAA,UAAA;AACVE,MAAAA,IAAM,EAAA,EAAA;AACNC,MAAAA,KAAO,EAAA,CAAA;AACPC,MAAAA,MAAQ,EAAA,EAAA;AACRoC,MAAAA,MAAQ,EAAA,EAAA;KACV;AACAC,IAAAA,MAAQ,EAAA;AACN5B,MAAAA,KAAO,EAAA,MAAA;AACP2B,MAAAA,MAAQ,EAAA,EAAA;AACRE,MAAAA,aAAe,EAAA,KAAA;AACfhC,MAAAA,cAAgB,EAAA,eAAA;AAChBiC,MAAAA,UAAY,EAAA,CAAA;KACd;AACAC,IAAAA,UAAY,EAAA;AACVC,MAAAA,cAAgB,EAAA,GAAA;MAChBC,gBAAgBtD,UAAW,CAAAuD,KAAA;MAC3BC,aAAe,EAAAzD,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,CAAA;MACvDN,UAAY,EAAApD,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,CAAA;MACpDC,iBAAmB,EAAA3D,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,EAAA;KAC7D;AACAE,IAAAA,gBAAkB,EAAA;AAChBT,MAAAA,aAAe,EAAA,KAAA;AACfQ,MAAAA,iBAAmB,EAAA,EAAA;AACnBE,MAAAA,eAAiB,EAAA,EAAA;KACnB;AACAC,IAAAA,cAAgB,EAAA;AACdX,MAAAA,aAAe,EAAA,gBAAA;AACf/B,MAAAA,UAAY,EAAA,QAAA;AACZ6B,MAAAA,MAAQ,EAAA,GAAA;AACRU,MAAAA,iBAAmB,EAAA,EAAA;KACrB;AACAI,IAAAA,YAAc,EAAA;AACZ7C,MAAAA,IAAM,EAAA,CAAA;AACNI,MAAAA,KAAO,EAAA,GAAA;AACP0C,MAAAA,MAAQ,EAAA,CAAA;AACRL,MAAAA,iBAAmB,EAAA,CAAA;AACnBV,MAAAA,MAAQ,EAAA,EAAA;KACV;AACAgB,IAAAA,MAAQ,EAAA;AACN/C,MAAAA,IAAM,EAAA,CAAA;AACNI,MAAAA,KAAO,EAAA,GAAA;AACP0C,MAAAA,MAAQ,EAAA,CAAA;AACRL,MAAAA,iBAAmB,EAAA,CAAA;AACnBV,MAAAA,MAAQ,EAAA,EAAA;KACV;AACAiB,IAAAA,UAAY,EAAA;AACVC,MAAAA,SAAW,EAAA,CAAA;KACb;AACAC,IAAAA,aAAe,EAAA;AACblD,MAAAA,IAAM,EAAA,CAAA;AACN8C,MAAAA,MAAQ,EAAA,CAAA;AACRK,MAAAA,UAAY,EAAA,EAAA;AACZ/C,MAAAA,KAAO,EAAA,GAAA;AACP2B,MAAAA,MAAQ,EAAA,EAAA;AACRU,MAAAA,iBAAmB,EAAA,EAAA;KACrB;AACAW,IAAAA,SAAW,EAAA;AACTpD,MAAAA,IAAM,EAAA,CAAA;AACNI,MAAAA,KAAO,EAAA,MAAA;AACP0C,MAAAA,MAAQ,EAAA,CAAA;MACRK,UAAY,EAAArE,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,EAAA;AACpDS,MAAAA,SAAA,EAAWnE,MAAMuE,UAAe,KAAA,MAAA,GAAS,IAAIvE,KAAM,CAAA0D,YAAA,KAAiB,aAAa,CAAI,GAAA,EAAA;MACrF3B,YAAc,EAAA/B,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,CAAA;AACtDT,MAAAA,MAAQ,EAAA,EAAA;AACRU,MAAAA,iBAAmB,EAAA,EAAA;KACrB;AACAa,IAAAA,eAAiB,EAAA;AACftD,MAAAA,IAAM,EAAA,CAAA;AACNI,MAAAA,KAAO,EAAA,MAAA;AACP0C,MAAAA,MAAQ,EAAA,CAAA;MACRK,UAAY,EAAArE,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,EAAA;AACpDS,MAAAA,SAAA,EAAWnE,MAAMuE,UAAe,KAAA,MAAA,GAAS,IAAIvE,KAAM,CAAA0D,YAAA,KAAiB,aAAa,CAAI,GAAA,EAAA;MACrF3B,YAAc,EAAA/B,KAAA,CAAM0D,YAAiB,KAAA,UAAA,GAAa,CAAI,GAAA,CAAA;AACtDT,MAAAA,MAAQ,EAAA,EAAA;AACRU,MAAAA,iBAAmB,EAAA,EAAA;KACrB;AACAc,IAAAA,UAAY,EAAA;MACVnC,OAAOrC,UAAW,CAAAyE,WAAA;AAClB1C,MAAAA,QAAU,EAAA,EAAA;KACZ;AACA2C,IAAAA,cAAgB,EAAA;AACdrD,MAAAA,KAAO,EAAA,MAAA;AACP2B,MAAAA,MAAQ,EAAA,GAAA;MACRnC,iBAAiBb,UAAW,CAAAuD,KAAAA;KAC9B;AACAoB,IAAAA,YAAc,EAAA;AACZtD,MAAAA,KAAO,EAAA,GAAA;AACP2B,MAAAA,MAAQ,EAAA,EAAA;AACRkB,MAAAA,SAAW,EAAA,CAAA;MACXrD,iBAAiBb,UAAW,CAAAuD,KAAAA;AAC9B,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAnD,MAAA,CAAA;AACT;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useCallback, useMemo } from 'react';
|
|
2
2
|
import { Image, TouchableOpacity } from 'react-native';
|
|
3
|
-
import { SvgXml } from '
|
|
3
|
+
import { SvgXml } from 'react-native-svg';
|
|
4
4
|
import { i as iconType, I as IconDefaultProps } from '../../_chunks/xi-gXLIR.js';
|
|
5
5
|
|
|
6
6
|
var Icon = function Icon(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.72.js","sources":["../../../../src/components/Icon/Icon.72.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, Image, TouchableOpacity } from \"react-native\";\nimport { SvgXml } from \"
|
|
1
|
+
{"version":3,"file":"Icon.72.js","sources":["../../../../src/components/Icon/Icon.72.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { GestureResponderEvent, Image, TouchableOpacity } from \"react-native\";\nimport { SvgXml } from \"react-native-svg\";\nimport { RedsIcon, IconDefaultProps, iconType } from \"./interface/index\";\nconst Icon: React.FC<RedsIcon> = (props) => {\n const { size, fill, onClick, icon } = props || {};\n\n /** icon点击事件 */\n const toggleIcon = useCallback(\n (e: GestureResponderEvent) => {\n onClick?.(e);\n },\n [onClick],\n );\n\n /** icon svg 数据 */\n const iconSvg = useMemo(() => {\n if (props?.type === iconType.svg) {\n if (typeof icon === \"function\") {\n return size ? (fill ? icon({ size: size, fill: fill }) : icon({ size: size })) : icon({ size: 24 });\n } else {\n return icon ?? \"\";\n }\n } else {\n return \"\";\n }\n }, [icon, size, fill]);\n\n const isImage = useMemo(() => {\n return (\n props.type === iconType.image ||\n (typeof icon === \"string\" && icon.includes(\"http\") && icon.indexOf(\"<svg\") === -1)\n );\n }, [props.type, icon]);\n\n const Wrapper = (props: any) => {\n return onClick ? (\n <TouchableOpacity\n testID=\"touchable-element\"\n onPress={toggleIcon}\n activeOpacity={1}\n hitSlop={{ top: 20, bottom: 20, left: 20, right: 20 }}\n >\n {props.children}\n </TouchableOpacity>\n ) : (\n props.children\n );\n };\n\n return (\n <Wrapper>\n {isImage && icon ? (\n <Image\n source={{ uri: icon as string }}\n style={[props.size ? { height: props.size, width: props.size } : {}, props.styles ? props.styles : {}]}\n />\n ) : (\n iconSvg && <SvgXml testID=\"svg-element\" xml={iconSvg || \"\"} />\n )}\n </Wrapper>\n );\n};\n\nexport default Icon;\n\nIcon.defaultProps = IconDefaultProps;\n"],"names":["Icon","props","_ref","size","fill","onClick","icon","toggleIcon","useCallback","e","iconSvg","useMemo","type","iconType","svg","isImage","image","includes","indexOf","Wrapper","React","createElement","TouchableOpacity","testID","onPress","activeOpacity","hitSlop","top","bottom","left","right","children","Image","source","uri","style","height","width","styles","SvgXml","xml","defaultProps","IconDefaultProps"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { lightColor } from '@xhsreds/reds-token-next';
|
|
2
2
|
import React, { useRef, useEffect } from 'react';
|
|
3
3
|
import { Animated, StyleSheet, View } from 'react-native';
|
|
4
|
-
import Svg, { Circle, G } from '
|
|
4
|
+
import Svg, { Circle, G } from 'react-native-svg';
|
|
5
5
|
|
|
6
6
|
var AnimatedCircle = Animated.createAnimatedComponent(Circle);
|
|
7
7
|
var CircularProgress = function CircularProgress(_ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/Image/CircularProgress.tsx"],"sourcesContent":["import { lightColor } from \"@xhsreds/reds-token-next\";\nimport React, { useEffect, useRef } from \"react\";\nimport { View, Animated, StyleSheet } from \"react-native\";\nimport Svg, { Circle, G } from \"
|
|
1
|
+
{"version":3,"file":"CircularProgress.js","sources":["../../../../src/components/Image/CircularProgress.tsx"],"sourcesContent":["import { lightColor } from \"@xhsreds/reds-token-next\";\nimport React, { useEffect, useRef } from \"react\";\nimport { View, Animated, StyleSheet } from \"react-native\";\nimport Svg, { Circle, G } from \"react-native-svg\";\n\nconst AnimatedCircle = Animated.createAnimatedComponent(Circle);\n\nconst CircularProgress = ({ size = 40, strokeWidth = 3, progress = 75 }) => {\n const animatedValue = useRef(new Animated.Value(0)).current;\n\n useEffect(() => {\n Animated.timing(animatedValue, {\n toValue: progress,\n duration: 0,\n useNativeDriver: true,\n }).start();\n }, [progress]);\n\n const radius = (size - strokeWidth) / 2;\n const circumference = 2 * Math.PI * radius;\n const strokeDashoffset = animatedValue.interpolate({\n inputRange: [0, 100],\n outputRange: [circumference, 0],\n });\n\n return (\n <View style={styles.container}>\n <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n <G rotation=\"-90\" origin={`${size / 2}, ${size / 2}`}>\n <Circle cx=\"50%\" cy=\"50%\" r={radius} stroke={lightColor.Fill2} strokeWidth={strokeWidth} fill=\"none\" />\n <AnimatedCircle\n cx=\"50%\"\n cy=\"50%\"\n r={radius}\n stroke={lightColor.Fill4}\n strokeWidth={strokeWidth}\n fill=\"none\"\n strokeDasharray={`${circumference}, ${circumference}`}\n strokeDashoffset={strokeDashoffset}\n strokeLinecap=\"round\"\n />\n </G>\n </Svg>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n container: {\n justifyContent: \"center\",\n alignItems: \"center\",\n flex: 1,\n },\n});\n\nexport default CircularProgress;\n"],"names":["AnimatedCircle","Animated","createAnimatedComponent","Circle","CircularProgress","_ref","_ref$size","size","strokeWidth","_ref$strokeWidth","_ref$progress","progress","animatedValue","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","radius","circumference","Math","PI","strokeDashoffset","interpolate","inputRange","outputRange","View","style","styles","container","React","createElement","Svg","width","height","viewBox","concat","G","rotation","origin","cx","cy","r","stroke","lightColor","Fill2","fill","Fill4","strokeDasharray","strokeLinecap","StyleSheet","create","justifyContent","alignItems","flex"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import { useColorMode } from '../ConfigProvider/hooks/themeToken/useColorMode.js
|
|
|
12
12
|
import { isLocalFile, isDataUri, convertKeysToSnakeCase } from './utils.js';
|
|
13
13
|
import { apmPush } from './apm.js';
|
|
14
14
|
import { queryCacheBatched } from './queryCacheBatcher.js';
|
|
15
|
-
import '
|
|
15
|
+
import 'react-native-svg';
|
|
16
16
|
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
17
17
|
|
|
18
18
|
var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style", "abortApmCollection", "fadeDuration", "onFirstDrawFinished"];
|
|
@@ -8,7 +8,7 @@ import './styles.js';
|
|
|
8
8
|
import '@xhsreds/reds-token-next';
|
|
9
9
|
import './hook/index.js';
|
|
10
10
|
import './CircularProgress.js';
|
|
11
|
-
import '
|
|
11
|
+
import 'react-native-svg';
|
|
12
12
|
import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
13
13
|
import '@xhs/reds-apm/src/index.native';
|
|
14
14
|
import '../ConfigProvider/hooks/themeToken/useColorMode.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"
|
|
1
|
+
{"version":3,"file":"ArrowRight.js","sources":["../../../../../src/components/List/ListItem/ArrowRight.tsx"],"sourcesContent":["import React from \"react\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst ArrowRight: React.FC = () => {\n return (\n <Svg width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n <Path\n d=\"M5.00001 5.82306L0.880508 1.81204C0.616137 1.55578 0.609566 1.13372 0.865831 0.869345C1.1221 0.604974 1.54415 0.598403 1.80853 0.854668L6.35571 5.28111C6.76108 5.67405 6.77116 6.32121 6.37822 6.72658C6.36708 6.73795 6.36708 6.73795 6.35571 6.74908L1.79718 11.1439C1.53281 11.4002 1.11075 11.3936 0.854485 11.1292C0.59822 10.8649 0.604791 10.4428 0.869162 10.1865L4.99904 6.20613C5.10508 6.10393 5.10819 5.93511 5.00599 5.82907C5.00403 5.82704 5.00204 5.82503 5.00001 5.82306Z\"\n fill=\"#333333\"\n fillOpacity=\"0.3\"\n />\n </Svg>\n );\n};\n\nexport default ArrowRight;\n"],"names":["ArrowRight","React","createElement","Svg","width","height","viewBox","fill","Path","d","fillOpacity"],"mappings":";;;AAGA,IAAMA,aAAuB,SAAvBA,aAA6B;AAE/B,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC;AAAIC,IAAAA,KAAM,EAAA,GAAA;AAAIC,IAAAA,QAAO,IAAK;AAAAC,IAAAA,OAAA,EAAQ,UAAW;AAAAC,IAAAA,IAAA,EAAK,MAAA;AACjD,GAAA,iBAAAN,KAAA,CAAAC,aAAA,CAACM,IAAA,EAAA;AACCC,IAAAA,CAAE,EAAA,6dAAA;AACFF,IAAAA,IAAK,EAAA,SAAA;AACLG,IAAAA,WAAY,EAAA,KAAA;AAAA,GACd,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -34,7 +34,7 @@ import '../LanguageProvider/hooks/LanguageContext.js';
|
|
|
34
34
|
import '../LanguageProvider/hooks/useLanguage.js';
|
|
35
35
|
import '../../i18n/index.js';
|
|
36
36
|
import './Refresh.js';
|
|
37
|
-
import '
|
|
37
|
+
import 'react-native-svg';
|
|
38
38
|
|
|
39
39
|
var CustomRefreshControl = DefaultRefreshControl;
|
|
40
40
|
function PullRefresh(props) {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useMemo, useRef, useEffect } from 'react';
|
|
2
2
|
import { Animated, Easing } from 'react-native';
|
|
3
|
-
import Svg, { Path } from '
|
|
3
|
+
import Svg, { Path } from 'react-native-svg';
|
|
4
4
|
|
|
5
5
|
var AnimatedPath = Animated.createAnimatedComponent(Path);
|
|
6
6
|
var CircleAnimation = function CircleAnimation(_ref) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Refresh.js","sources":["../../../../src/components/PullRefresh/Refresh.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\nimport { View, StyleSheet, Animated, Easing } from \"react-native\";\nimport Svg, { Path } from \"
|
|
1
|
+
{"version":3,"file":"Refresh.js","sources":["../../../../src/components/PullRefresh/Refresh.tsx"],"sourcesContent":["import React, { useEffect, useRef, useMemo } from \"react\";\nimport { View, StyleSheet, Animated, Easing } from \"react-native\";\nimport Svg, { Path } from \"react-native-svg\";\n\nconst AnimatedPath = Animated.createAnimatedComponent(Path);\n\nconst CircleAnimation = ({ movePercent }: { movePercent: number }) => {\n const radius = 9;\n const circumference = Math.PI * radius; // 半圆周长\n const percent = useMemo(() => {\n return Math.min((movePercent / 100) * 0.5, 0.9);\n }, [movePercent]);\n\n const blueProgress = useRef(new Animated.Value(0)).current;\n const redProgress = useRef(new Animated.Value(0)).current;\n useEffect(() => {\n // 蓝色半圆动画:从9点钟开始逆时针到3点钟\n Animated.timing(blueProgress, {\n toValue: percent,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true,\n }).start();\n\n // 红色半圆动画:从3点钟开始逆时针到9点钟\n Animated.timing(redProgress, {\n toValue: percent,\n duration: 1000,\n easing: Easing.linear,\n useNativeDriver: true,\n }).start();\n }, [percent]);\n\n // 蓝色半圆路径\n const bluePath = `\n M -${radius}, 0\n A ${radius} ${radius} 0 0 1 ${radius}, 0\n `;\n\n // 红色半圆路径(反向)\n const redPath = `\n M ${radius}, 0\n A ${radius} ${radius} 0 0 1 -${radius}, 0\n `;\n\n return (\n <Svg\n width={radius * 2 + 10}\n height={radius * 2 + 10}\n viewBox={`${-radius - 5} ${-radius - 5} ${radius * 2 + 10} ${radius * 2 + 10}`}\n >\n {/* 蓝色半圆 */}\n <AnimatedPath\n d={bluePath}\n stroke=\"#ccc\"\n strokeWidth=\"2\"\n fill=\"none\"\n strokeDasharray={circumference}\n strokeDashoffset={blueProgress.interpolate({\n inputRange: [0, 1],\n outputRange: [circumference, 0],\n })}\n />\n\n {/* 红色半圆 */}\n <AnimatedPath\n d={redPath}\n stroke=\"#ccc\"\n strokeWidth=\"2\"\n fill=\"none\"\n strokeDasharray={circumference}\n strokeDashoffset={redProgress.interpolate({\n inputRange: [0, 1],\n outputRange: [circumference, 0],\n })}\n />\n </Svg>\n );\n};\n\nexport default CircleAnimation;\n"],"names":["AnimatedPath","Animated","createAnimatedComponent","Path","CircleAnimation","_ref","movePercent","radius","circumference","Math","PI","percent","useMemo","min","blueProgress","useRef","Value","current","redProgress","useEffect","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","bluePath","concat","redPath","React","createElement","Svg","width","height","viewBox","d","stroke","strokeWidth","fill","strokeDasharray","strokeDashoffset","interpolate","inputRange","outputRange"],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ import '@xhs/lottie-react-native';
|
|
|
33
33
|
import '../../_chunks/xB1yvFw8.js';
|
|
34
34
|
import '../LanguageProvider/hooks/LanguageContext.js';
|
|
35
35
|
import '../../i18n/index.js';
|
|
36
|
-
import '
|
|
36
|
+
import 'react-native-svg';
|
|
37
37
|
|
|
38
38
|
var DefaultRefreshControl = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
39
39
|
var PullDownToRefreshKey = props.pullDownToRefreshText || useLanguage("componentKey", "PullDownToRefreshKey");
|
|
@@ -220,7 +220,7 @@ import '../List/styles.js';
|
|
|
220
220
|
import '../Skeleton/Skeleton.js';
|
|
221
221
|
import '../Skeleton/Item/SkeletonItem.js';
|
|
222
222
|
import '../Skeleton/Item/styles.js';
|
|
223
|
-
import '
|
|
223
|
+
import 'react-native-svg';
|
|
224
224
|
import '../Skeleton/styles.js';
|
|
225
225
|
import '../Skeleton/Skeleton69.js';
|
|
226
226
|
import '../Skeleton/Item/SkeletonItem69.js';
|
|
@@ -172,7 +172,7 @@ import '../../_chunks/7_ZK_tBb.js';
|
|
|
172
172
|
import '../Skeleton/Item/SkeletonItem.js';
|
|
173
173
|
import '../../_chunks/DZNKkp8Z.js';
|
|
174
174
|
import '../Skeleton/Item/styles.js';
|
|
175
|
-
import '
|
|
175
|
+
import 'react-native-svg';
|
|
176
176
|
import '../Skeleton/styles.js';
|
|
177
177
|
import '../Skeleton/Skeleton69.js';
|
|
178
178
|
import '../Skeleton/Item/SkeletonItem69.js';
|
|
@@ -6,7 +6,7 @@ import createStyles from './styles.js';
|
|
|
6
6
|
import '../../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
7
7
|
import '@xhs/reds-apm/src/index.native';
|
|
8
8
|
import { useThemeColor } from '../../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
9
|
-
import Svg, { Rect, Defs, LinearGradient, Stop, ClipPath } from '
|
|
9
|
+
import Svg, { Rect, Defs, LinearGradient, Stop, ClipPath } from 'react-native-svg';
|
|
10
10
|
import '@xhsreds/reds-token-next';
|
|
11
11
|
import '../../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"
|
|
1
|
+
{"version":3,"file":"SkeletonItem.js","sources":["../../../../../src/components/Skeleton/Item/SkeletonItem.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Easing, Animated, Text } from \"react-native\";\nimport { RedsSkeletonItem, SkeletonItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { useThemeColor } from \"../../ConfigProvider\";\nimport Svg, { Defs, LinearGradient, Stop, Rect, ClipPath } from \"react-native-svg\";\n\nconst RectAnimation = Animated.createAnimatedComponent(Rect);\n\nconst SkeletonItem = (props: RedsSkeletonItem) => {\n const {\n loading,\n type,\n animation,\n containerStyle,\n borderRadius, // 解构新属性\n } = { ...SkeletonItemDefaultProps, ...props };\n\n const animValue = useRef(new Animated.Value(0)).current;\n const themeColor = useThemeColor();\n const styles = createStyles(type);\n\n useEffect(() => {\n if (animation) {\n Animated.loop(\n Animated.timing(animValue, {\n toValue: 1,\n duration: 2000,\n easing: Easing.linear,\n useNativeDriver: false,\n }),\n ).start();\n }\n }, [animation]);\n\n const interpolatedValue = animValue.interpolate({\n inputRange: [0, 1],\n outputRange: [\"-148%\", \"-8%\"],\n });\n\n return (\n loading && (\n <Animated.View\n style={[\n styles,\n {\n borderRadius: borderRadius, // 应用 borderRadius\n overflow: \"hidden\", // 确保内容不会超出圆角边界\n },\n containerStyle,\n ]}\n >\n <Svg height=\"100%\" width=\"100%\">\n <Defs>\n <LinearGradient id=\"gradient\" x1=\"0\" y1=\"0\" x2=\"100%\" y2=\"0%\">\n <Stop offset=\"25%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n <Stop offset=\"28%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.15} />\n <Stop offset=\"35%\" stopColor={props.color || themeColor.Fill1} stopOpacity={0.2} />\n </LinearGradient>\n {/* 如果需要 SVG 内容也遵循圆角,添加 ClipPath */}\n {borderRadius > 0 && (\n <ClipPath id=\"clip\">\n <Rect\n x=\"0\"\n y=\"0\"\n width=\"100%\"\n height=\"100%\"\n rx={type === \"avatar\" ? 100 : borderRadius}\n ry={type === \"avatar\" ? 100 : borderRadius}\n />\n </ClipPath>\n )}\n </Defs>\n <RectAnimation\n x={interpolatedValue}\n y=\"0%\"\n width=\"400%\"\n height=\"100%\"\n fill=\"url(#gradient)\"\n opacity={0.3}\n clipPath={borderRadius > 0 ? \"url(#clip)\" : undefined} // 应用裁剪路径\n />\n </Svg>\n </Animated.View>\n )\n );\n};\n\nSkeletonItem.defaultProps = SkeletonItemDefaultProps;\n\nexport default SkeletonItem;\n"],"names":["RectAnimation","Animated","createAnimatedComponent","Rect","SkeletonItem","props","_SkeletonItemDefaultP","_objectSpread","SkeletonItemDefaultProps","loading","type","animation","containerStyle","borderRadius","animValue","useRef","Value","current","themeColor","useThemeColor","styles","createStyles","useEffect","loop","timing","toValue","duration","easing","Easing","linear","useNativeDriver","start","interpolatedValue","interpolate","inputRange","outputRange","React","createElement","View","style","overflow","Svg","height","width","Defs","LinearGradient","id","x1","y1","x2","y2","Stop","offset","stopColor","color","Fill1","stopOpacity","ClipPath","x","y","rx","ry","fill","opacity","clipPath","defaultProps"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ import '@xhsreds/reds-token-next';
|
|
|
12
12
|
import '@xhs/reds-apm/src/index.native';
|
|
13
13
|
import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
14
14
|
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
15
|
-
import '
|
|
15
|
+
import 'react-native-svg';
|
|
16
16
|
import '../../pvCount/pvData.js';
|
|
17
17
|
|
|
18
18
|
var Skeleton = function Skeleton(props) {
|
|
@@ -16,7 +16,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
|
|
|
16
16
|
import '@xhsreds/reds-token-next';
|
|
17
17
|
import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
|
|
18
18
|
import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
|
|
19
|
-
import '
|
|
19
|
+
import 'react-native-svg';
|
|
20
20
|
|
|
21
21
|
var _Platform$constants, _Platform$constants2;
|
|
22
22
|
var SkeletonComponent = ((_Platform$constants = Platform.constants) === null || _Platform$constants === void 0 || (_Platform$constants = _Platform$constants.reactNativeVersion) === null || _Platform$constants === void 0 ? void 0 : _Platform$constants.minor) === 72 ? Skeleton : Skeleton$1;
|
package/lib/esm/index.js
CHANGED
|
@@ -221,7 +221,7 @@ import './components/List/styles.js';
|
|
|
221
221
|
import './components/Skeleton/Skeleton.js';
|
|
222
222
|
import './components/Skeleton/Item/SkeletonItem.js';
|
|
223
223
|
import './components/Skeleton/Item/styles.js';
|
|
224
|
-
import '
|
|
224
|
+
import 'react-native-svg';
|
|
225
225
|
import './components/Skeleton/styles.js';
|
|
226
226
|
import './components/Skeleton/Skeleton69.js';
|
|
227
227
|
import './components/Skeleton/Item/SkeletonItem69.js';
|
|
@@ -27,8 +27,7 @@ var peerDependencies = {
|
|
|
27
27
|
"react-native": "*",
|
|
28
28
|
"react-native-fs": "2.20.0",
|
|
29
29
|
"react-native-svg": "13.14.0",
|
|
30
|
-
"@xhs/react-native-harmony": "*"
|
|
31
|
-
"@xhs/reds-components": "*"
|
|
30
|
+
"@xhs/react-native-harmony": "*"
|
|
32
31
|
};
|
|
33
32
|
var peerDependenciesMeta = {
|
|
34
33
|
"ozone-schema-web": {
|