@xhsreds/reds-rn-next 0.11.1-beta202512161527 → 0.11.1-beta202512261559

package/lib/esm/components/Collapse/Item/Item.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.web.js","sources":["../../../../../src/components/Collapse/Item/Item.web.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, LayoutChangeEvent, ViewStyle } from \"react-native\";\nimport { IItem, ItemDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { Icon } from \"../../Icon\";\nimport { ArrowUpM, ArrowDownCenterB } from \"@xhs/reder-icon-svg-ReDs_icon\";\nimport { CollapseContext } from \"../hooks/useCollapseContext\";\nimport { useThemeColor } from \"../../ConfigProvider\";\n\nconst Item = ({ value, title, lazyRender, children, onClick }: IItem) => {\n  const { addActiveValue, isActiveValue, removeActiveValue, size, registerChild, unregisterChild } =\n    React.useContext(CollapseContext);\n  const styles = createStyles(size || \"Medium\");\n  const [visible, setVisible] = useState(false);\n  const [shouldMount, setShouldMount] = useState(!lazyRender);\n  const [contentHeight, setContentHeight] = useState(0);\n  const firstRender = useRef(false);\n  const measureRef = useRef<View>(null);\n  const contentRef = useRef<View>(null);\n\n  const themeColor = useThemeColor();\n  const [lineItem, setLineItem] = useState(false);\n\n  const childInfo = {\n    setLine: (value: boolean) => setLineItem(value),\n  };\n\n  useEffect(() => {\n    registerChild(childInfo);\n    return () => unregisterChild(childInfo);\n  }, []);\n\n  const [initialMeasureDone, setInitialMeasureDone] = useState(false);\n\n  const setFirstRenderTag = () => {\n    firstRender.current = true;\n    setShouldMount(true);\n  };\n\n  const handleContentLayout = (event: LayoutChangeEvent) => {\n    const measuredHeight = event.nativeEvent.layout.height;\n    if (measuredHeight !== contentHeight) {\n      setContentHeight(measuredHeight);\n      setInitialMeasureDone(true);\n    }\n  };\n\n  // 初始可见状态同步逻辑\n  useEffect(() => {\n    const isActive = !!isActiveValue?.(value);\n    if (isActive) {\n      measureRef.current?.measure?.((x, y, width, height) => {\n        setContentHeight(height);\n        setInitialMeasureDone(true);\n      });\n    }\n    setVisible(isActive);\n    if (!firstRender.current && isActive) {\n      setFirstRenderTag();\n    }\n  }, [isActiveValue?.(value)]);\n\n  const onPress = () => {\n    const nextActive = !isActiveValue?.(value);\n\n    if (nextActive) {\n      addActiveValue?.(value);\n      if (!firstRender.current) setFirstRenderTag();\n    } else {\n      removeActiveValue?.(value);\n    }\n\n    setVisible(nextActive);\n    onClick?.(value);\n  };\n\n  const cloneChildren = useMemo(() => {\n    return React.Children.map(children, (child: any) => {\n      return React.cloneElement(child, {\n        style: { color: themeColor.Paragraph },\n        ...child.props,\n      });\n    });\n  }, [children]);\n\n  return (\n    <View>\n      <TouchableWithoutFeedback onPress={onPress}>\n        <View style={styles.header}>\n          <Text style={styles.title}>{title}</Text>\n          <View\n            style={\n              { transform: `rotate(${visible ? 180 : 0}deg)`, transition: \"transform 200ms ease-in-out\" } as ViewStyle\n            }\n          >\n            <Icon icon={ArrowDownCenterB} size={16} fill={themeColor.Title} />\n          </View>\n        </View>\n      </TouchableWithoutFeedback>\n\n      {/* 测量视图 */}\n      <View\n        ref={measureRef}\n        onLayout={handleContentLayout}\n        style={{\n          position: \"absolute\",\n          opacity: 0,\n          paddingHorizontal: 16,\n          paddingBottom: 12,\n          top: -9999,\n          width: \"100%\",\n          ...styles.content,\n        }}\n      >\n        {cloneChildren}\n      </View>\n\n      {/* Web 内容视图 */}\n      <View\n        ref={contentRef}\n        style={{\n          overflow: \"hidden\",\n          height: visible ? contentHeight : 0,\n          paddingHorizontal: 16,\n          paddingBottom: visible ? 12 : 0,\n          minHeight: visible ? 1 : 0,\n          // @ts-expect-error\n          transition: \"height 200ms ease-in-out, padding 200ms ease-in-out, opacity 200ms ease-in-out\",\n          ...styles.content,\n        }}\n      >\n        {cloneChildren}\n      </View>\n\n      {/* 分割线 */}\n      {lineItem && (\n        <View\n          style={{\n            backgroundColor: themeColor.Separator,\n            height: 0.5,\n            marginHorizontal: 16,\n          }}\n        />\n      )}\n    </View>\n  );\n};\n\nItem.defaultProps = ItemDefaultProps;\nexport default Item;\n"],"names":["Item","_ref","value","title","lazyRender","children","onClick","_React$useContext","React","useContext","CollapseContext","addActiveValue","isActiveValue","removeActiveValue","size","registerChild","unregisterChild","styles","createStyles","_useState","useState","_useState2","_slicedToArray","visible","setVisible","_useState3","_useState4","shouldMount","setShouldMount","_useState5","_useState6","contentHeight","setContentHeight","firstRender","useRef","measureRef","contentRef","themeColor","useThemeColor","_useState7","_useState8","lineItem","setLineItem","childInfo","setLine","useEffect","_useState9","_useState0","initialMeasureDone","setInitialMeasureDone","setFirstRenderTag","current","handleContentLayout","event","measuredHeight","nativeEvent","layout","height","isActive","_measureRef$current","_measureRef$current$m","measure","call","x","y","width","onPress","nextActive","cloneChildren","useMemo","Children","map","child","cloneElement","_objectSpread","style","color","Paragraph","props","View","createElement","TouchableWithoutFeedback","header","Text","transform","concat","transition","Icon","icon","ArrowDownCenterB","fill","Title","ref","onLayout","position","opacity","paddingHorizontal","paddingBottom","top","content","overflow","minHeight","backgroundColor","Separator","marginHorizontal","defaultProps","ItemDefaultProps"],"mappings":"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"}

package/lib/esm/components/Collapse/Item/styles.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 import { useThemeColor, useThemeTypography } from '../../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../../_chunks/BcGvf0Pc.js';
+import '../../../_chunks/ZEfofTDH.js';
 import 'react';
 import '@xhsreds/reds-token-next';
 import '../../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/Collapse/index.js

@@ -1,6 +1,6 @@
 export { default as Collapse } from './Collapse.js';
 export { default as CollapseItem } from './Item/Item.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import './interface/index.js';
 import './hooks/useCollapseContext.js';

package/lib/esm/components/ConfigProvider/ConfigProvider.js

@@ -2,7 +2,7 @@ import { configCache } from './hooks/ConfigCache/ConfigCache.js';
 import { ConfigProviderContext } from './hooks/ConfigContext/ConfigContext.js';
 import React from 'react';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';

package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js

@@ -1,4 +1,4 @@
-import { g as _createClass, a as _objectSpread2, h as _classCallCheck, e as _typeof } from '../../../../_chunks/BcGvf0Pc.js';
+import { g as _createClass, a as _objectSpread2, h as _classCallCheck, e as _typeof } from '../../../../_chunks/ZEfofTDH.js';
 import { fontWeight, lightColor, darkColor, alwaysColor, platformLightColor, adapterTypography } from '@xhsreds/reds-token-next';
 
 var __defProp = Object.defineProperty;

package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js

@@ -1,4 +1,4 @@
 export { configCache } from './ConfigCache.js';
-import '../../../../_chunks/BcGvf0Pc.js';
+import '../../../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/ConfigProvider/hooks/themeToken/index.js

@@ -2,7 +2,7 @@ export { useColorMode } from './useColorMode.js';
 export { useThemeButtonBorderRadiusById, useThemeColor, useThemeTypography } from './useThemeToken.js';
 import 'react';
 import '../ConfigContext/ConfigContext.js';
-import '../../../../_chunks/BcGvf0Pc.js';
+import '../../../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigCache/ConfigCache.js';
 //# sourceMappingURL=index.js.map

package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../../../_chunks/ZEfofTDH.js';
 import { useContext } from 'react';
 import { typography, fontWeight, lightColor, darkColor, platformLightColor } from '@xhsreds/reds-token-next';
 import { configCache } from '../ConfigCache/ConfigCache.js';

package/lib/esm/components/ConfigProvider/index.js

@@ -3,7 +3,7 @@ export { i as ConfigProviderType } from '../../_chunks/Dy4pCzQH.js';
 export { useThemeButtonBorderRadiusById, useThemeColor, useThemeTypography } from './hooks/themeToken/useThemeToken.js';
 export { useColorMode } from './hooks/themeToken/useColorMode.js';
 import './hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import './hooks/ConfigContext/ConfigContext.js';
 import 'react';

package/lib/esm/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useMemo, useEffect } from 'react';
 import { D as DatePickerMode, a as DatePickerDefaultProps } from '../../_chunks/Dr5vetot.js';
 import Picker from '../Picker/Picker.js';

package/lib/esm/components/DatePicker/api.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React from 'react';
 import DatePicker from './DatePicker.js';
 import { a as DatePickerDefaultProps } from '../../_chunks/Dr5vetot.js';

package/lib/esm/components/DatePicker/index.js

@@ -1,7 +1,7 @@
 import DatePicker from './DatePicker.js';
 export { i as DatePickerType } from '../../_chunks/Dr5vetot.js';
 export { useDatePicker } from './api.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import '../Picker/Picker.js';
 import '../../_chunks/3fnqPSWW.js';

package/lib/esm/components/Divider/Divider.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useMemo } from 'react';
 import { View, Text } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';

package/lib/esm/components/Divider/index.js

@@ -1,6 +1,6 @@
 import Divider from './Divider.js';
 export { i as DividerType } from '../../_chunks/CLoffREn.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Divider/styles.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import { StyleSheet } from 'react-native';
 import { D as DividerDefaultProps } from '../../_chunks/CLoffREn.js';
 

package/lib/esm/components/DropDown/DropDown.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { forwardRef, useState, useMemo, useImperativeHandle } from 'react';
 import { View, TouchableWithoutFeedback, Text, ScrollView } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/DropDown/DropDownItem.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, b as _toConsumableArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useEffect, useMemo } from 'react';
 import { View, Dimensions, Text, TouchableWithoutFeedback, Image, TextInput } from 'react-native';
 import { M as MULTIPLEOPTIONCOLUMN, a as DROPDOWNITEMTYPE, b as DropDownItemDefaultProps } from '../../_chunks/txW6I2gp.js';

package/lib/esm/components/DropDown/index.js

@@ -1,7 +1,7 @@
 import DropDown from './DropDown.js';
 export { default as DropDownItem } from './DropDownItem.js';
 export { i as DropDownType } from '../../_chunks/txW6I2gp.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';

package/lib/esm/components/Empty/Empty.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useMemo } from 'react';
 import { Image, View, Text } from 'react-native';
 import { E as EmptyDefaultProps } from '../../_chunks/BoucDqUg.js';

package/lib/esm/components/Empty/index.js

@@ -1,6 +1,6 @@
 import Empty from './Empty.js';
 export { i as EmptyType } from '../../_chunks/BoucDqUg.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Empty/styles.js

@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/FAB/FAB.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { memo, useState } from 'react';
 import { View } from 'react-native';
 import { F as FABDefaultProps } from '../../_chunks/D22mAc_y.js';

package/lib/esm/components/FAB/index.js

@@ -1,6 +1,6 @@
 import FAB from './FAB.js';
 export { i as FABType } from '../../_chunks/D22mAc_y.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/Form/Form.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2, f as _defineProperty } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, a as _objectSpread2, f as _defineProperty } from '../../_chunks/ZEfofTDH.js';
 import React, { forwardRef, useState, useImperativeHandle } from 'react';
 import { F as FormDefaultProps } from '../../_chunks/Co-RjOaG.js';
 import Button from '../Button/Button.js';

package/lib/esm/components/Form/FormItem.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
 import { R as RedsFormItemDefaultProps } from '../../_chunks/Co-RjOaG.js';

package/lib/esm/components/Form/index.js

@@ -1,7 +1,7 @@
 import Form from './Form.js';
 export { default as FormItem } from './FormItem.js';
 export { i as FormType } from '../../_chunks/Co-RjOaG.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import '../Button/Button.js';
 import 'react-native';

package/lib/esm/components/Form/styles.js

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/Icon/Icon.web.js

@@ -0,0 +1,6 @@
+export { default } from './Icon.72.js';
+import 'react';
+import 'react-native';
+import '@xhs/reds-components/libs/svg';
+import '../../_chunks/xi-gXLIR.js';
+//# sourceMappingURL=Icon.web.js.map

package/lib/esm/components/Icon/Icon.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.web.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/lib/esm/components/Image/Image.js

@@ -1,4 +1,4 @@
-import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { memo, useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { View, Image as Image$2, TouchableOpacity } from 'react-native';
 import { I as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle, a as ImageDefaultProps } from '../../_chunks/JYqI07V8.js';

package/lib/esm/components/Image/Image69.js

@@ -1,4 +1,4 @@
-import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { memo, useState, useMemo, useRef, useEffect, useCallback } from 'react';
 import { Image as Image$1, View, TouchableOpacity } from 'react-native';
 import { I as IMAGE_STATUS, T as TLoadStyle, a as ImageDefaultProps, b as TErrorStyle } from '../../_chunks/JYqI07V8.js';

package/lib/esm/components/Image/VisibilitySensor.js

@@ -1,4 +1,4 @@
-import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { i as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { forwardRef, useRef, useImperativeHandle, useState, useCallback, useEffect } from 'react';
 import { Dimensions, View } from 'react-native';
 

package/lib/esm/components/Image/hook/index.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, c as _asyncToGenerator, d as _regeneratorRuntime } from '../../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, c as _asyncToGenerator, d as _regenerator } from '../../../_chunks/ZEfofTDH.js';
 import { useState, useEffect } from 'react';
 
 var useAveColor = function useAveColor(_ref) {
@@ -13,14 +13,11 @@ var useAveColor = function useAveColor(_ref) {
   useEffect(function () {
     if (!loadingAve || !url) return;
     fetch(url + "".concat(url.includes("?") ? "&" : "?", "imageAve")).then(/*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(a) {
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(a) {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
-              return _context.abrupt("return", a.json());
-            case 1:
-            case "end":
-              return _context.stop();
+              return _context.a(2, a.json());
           }
         }, _callee);
       }));

package/lib/esm/components/Image/hook/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Image/hook/index.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { ImageSourcePropType, ImageURISource } from \"react-native\";\nimport { RedsImage, TLoadStyle } from \"../interface\";\n\nexport const useAveColor = ({\n  source,\n  defaultColor,\n  loadingAve,\n}: {\n  source: ImageSourcePropType;\n  defaultColor: string;\n  loadingAve: boolean;\n}) => {\n  const url = (source as ImageURISource)?.uri;\n  const [color, setColor] = useState(defaultColor);\n  useEffect(() => {\n    if (!loadingAve || !url) return;\n    fetch(url + `${url.includes(\"?\") ? \"&\" : \"?\"}imageAve`)\n      .then(async (a) => a.json())\n      .then((res) => {\n        res.RGB && setColor(res.RGB.replace(\"0x\", \"#\"));\n      })\n      .catch(() => {});\n  }, [source, loadingAve]);\n  return color;\n};\n\nexport const useBlur = ({ source }: { source: ImageSourcePropType }) => {\n  const url = (source as ImageURISource)?.uri;\n  if (!url) return { uri: \"\" };\n  return { uri: url.includes(\"?\") ? url.replace(/\\?.*/, \"?imageMogr2/blur/25x25\") : url + \"?imageMogr2/blur/25x25\" };\n};\n"],"names":["useAveColor","source","_ref","defaultColor","loadingAve","url","uri","_useState","useState","_useState2","_slicedToArray","color","setColor","useEffect","fetch","includes","then","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","a","json","_context","stop","_x","apply","arguments","res","RGB","replace","useBlur","_ref3"],"mappings":";;;IAIaA,cAAc,SAAdA,kBAQP;AAAA,EAAA,IAPJC,MAAA,GAAAC,IAAA,CAAAD,MAAA;IACAE,YAAA,GAAAD,IAAA,CAAAC,YAAA;IACAC,UAAA,GAAAF,IAAA,CAAAE,UAAA,CAAA;EAMA,IAAMC,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;AACxC,EAAA,IAAAC,SAAA,GAA0BC,SAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,SAAA,CAAU,YAAM;AACV,IAAA,IAAA,CAACT,UAAc,IAAA,CAACC,GAAK,EAAA,OAAA;AACzBS,IAAAA,KAAA,CAAMT,gBAASA,GAAA,CAAIU,SAAS,GAAG,CAAA,GAAI,MAAM,GAAG,EAAU,UAAA,CAAA,EACnDC,IAAK,cAAA,YAAA;MAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAA,SAAAC,OAAAA,CAAOC;;;;+CAAMA,CAAE,CAAAC,IAAA,EAAM,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,CAAA;AAAA,YAAA,KAAA,KAAA;cAAA,OAAAC,QAAA,CAAAC,IAAA,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA,EAAAJ,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAAK,EAAA,EAAA;AAAA,QAAA,OAAAT,KAAA,CAAAU,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAC1B,CAAAZ,IAAA,CAAK,UAACa,GAAQ,EAAA;AACbA,MAAAA,GAAA,CAAIC,OAAOlB,QAAS,CAAAiB,GAAA,CAAIC,IAAIC,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAChD,KAAC,CACA,CAAA,OAAA,CAAA,CAAM,YAAM,EAAE,CAAA,CAAA;AACnB,GAAG,EAAA,CAAC9B,MAAQ,EAAAG,UAAU,CAAC,CAAA,CAAA;AAChB,EAAA,OAAAO,KAAA,CAAA;AACT,EAAA;IAEaqB,OAAU,GAAA,SAAVA,OAAUA,CAAAC,KAAA,EAAiD;AAAA,EAAA,IAA9ChC,MAAA,GAAAgC,KAAA,CAAAhC,MAAA,CAAA;EACxB,IAAMI,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;EACxC,IAAI,CAACD,GAAA,EAAY,OAAA;AAAEC,IAAAA,KAAK,EAAA;GAAG,CAAA;EAC3B,OAAO;AAAEA,IAAAA,GAAA,EAAKD,GAAI,CAAAU,QAAA,CAAS,GAAG,CAAA,GAAIV,GAAI,CAAA0B,OAAA,CAAQ,MAAQ,EAAA,wBAAwB,CAAI,GAAA1B,GAAA,GAAM,wBAAA;GAAyB,CAAA;AACnH;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Image/hook/index.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from \"react\";\nimport { ImageSourcePropType, ImageURISource } from \"react-native\";\nimport { RedsImage, TLoadStyle } from \"../interface\";\n\nexport const useAveColor = ({\n  source,\n  defaultColor,\n  loadingAve,\n}: {\n  source: ImageSourcePropType;\n  defaultColor: string;\n  loadingAve: boolean;\n}) => {\n  const url = (source as ImageURISource)?.uri;\n  const [color, setColor] = useState(defaultColor);\n  useEffect(() => {\n    if (!loadingAve || !url) return;\n    fetch(url + `${url.includes(\"?\") ? \"&\" : \"?\"}imageAve`)\n      .then(async (a) => a.json())\n      .then((res) => {\n        res.RGB && setColor(res.RGB.replace(\"0x\", \"#\"));\n      })\n      .catch(() => {});\n  }, [source, loadingAve]);\n  return color;\n};\n\nexport const useBlur = ({ source }: { source: ImageSourcePropType }) => {\n  const url = (source as ImageURISource)?.uri;\n  if (!url) return { uri: \"\" };\n  return { uri: url.includes(\"?\") ? url.replace(/\\?.*/, \"?imageMogr2/blur/25x25\") : url + \"?imageMogr2/blur/25x25\" };\n};\n"],"names":["useAveColor","source","_ref","defaultColor","loadingAve","url","uri","_useState","useState","_useState2","_slicedToArray","color","setColor","useEffect","fetch","includes","then","_ref2","_asyncToGenerator","_regenerator","m","_callee","a","json","_x","apply","arguments","res","RGB","replace","useBlur","_ref3"],"mappings":";;;IAIaA,cAAc,SAAdA,kBAQP;AAAA,EAAA,IAPJC,MAAA,GAAAC,IAAA,CAAAD,MAAA;IACAE,YAAA,GAAAD,IAAA,CAAAC,YAAA;IACAC,UAAA,GAAAF,IAAA,CAAAE,UAAA,CAAA;EAMA,IAAMC,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;AACxC,EAAA,IAAAC,SAAA,GAA0BC,SAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,SAAA,CAAU,YAAM;AACV,IAAA,IAAA,CAACT,UAAc,IAAA,CAACC,GAAK,EAAA,OAAA;AACzBS,IAAAA,KAAA,CAAMT,gBAASA,GAAA,CAAIU,SAAS,GAAG,CAAA,GAAI,MAAM,GAAG,EAAU,UAAA,CAAA,EACnDC,IAAK,cAAA,YAAA;MAAA,IAAAC,KAAA,GAAAC,iBAAA,cAAAC,YAAA,GAAAC,CAAA,CAAA,SAAAC,OAAAA,CAAOC;;;;mCAAMA,CAAE,CAAAC,IAAA,EAAM,CAAA,CAAA;AAAA,WAAA;AAAA,SAAA,EAAAF,OAAA,CAAA,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAAG,EAAA,EAAA;AAAA,QAAA,OAAAP,KAAA,CAAAQ,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAC1B,CAAAV,IAAA,CAAK,UAACW,GAAQ,EAAA;AACbA,MAAAA,GAAA,CAAIC,OAAOhB,QAAS,CAAAe,GAAA,CAAIC,IAAIC,OAAQ,CAAA,IAAA,EAAM,GAAG,CAAC,CAAA,CAAA;AAChD,KAAC,CACA,CAAA,OAAA,CAAA,CAAM,YAAM,EAAE,CAAA,CAAA;AACnB,GAAG,EAAA,CAAC5B,MAAQ,EAAAG,UAAU,CAAC,CAAA,CAAA;AAChB,EAAA,OAAAO,KAAA,CAAA;AACT,EAAA;IAEamB,OAAU,GAAA,SAAVA,OAAUA,CAAAC,KAAA,EAAiD;AAAA,EAAA,IAA9C9B,MAAA,GAAA8B,KAAA,CAAA9B,MAAA,CAAA;EACxB,IAAMI,MAAOJ,MAA2B,KAAA,IAAA,IAA3BA,MAA2B,KAA3BA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,MAA2B,CAAAK,GAAA,CAAA;EACxC,IAAI,CAACD,GAAA,EAAY,OAAA;AAAEC,IAAAA,KAAK,EAAA;GAAG,CAAA;EAC3B,OAAO;AAAEA,IAAAA,GAAA,EAAKD,GAAI,CAAAU,QAAA,CAAS,GAAG,CAAA,GAAIV,GAAI,CAAAwB,OAAA,CAAQ,MAAQ,EAAA,wBAAwB,CAAI,GAAAxB,GAAA,GAAM,wBAAA;GAAyB,CAAA;AACnH;;;;"}

package/lib/esm/components/Image/index.js

@@ -2,7 +2,7 @@ import { Platform } from 'react-native';
 import Image from './Image.js';
 import Image69 from './Image69.js';
 export { i as ImageType } from '../../_chunks/JYqI07V8.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import './styles.js';
 import '@xhsreds/reds-token-next';
@@ -21,7 +21,7 @@ import '../../pvCount/pvData.js';
 import './VisibilitySensor.js';
 
 var _Platform$constants;
-var ImageComponent = ((_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 ? Image : Image69;
+var ImageComponent = ((_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 || Platform.OS === "web" ? Image : Image69;
 
 export { ImageComponent as Image, Image69, ImageComponent as default };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport Image from \"./Image\";\nimport Image69 from \"./Image69\";\nimport * as ImageType from \"./interface\";\n\nconst ImageComponent = Platform.constants?.reactNativeVersion?.minor === 72 ? Image : Image69;\nexport default ImageComponent;\nexport { ImageComponent as Image, ImageType, Image69 };\n"],"names":["ImageComponent","_Platform$constants","Platform","constants","reactNativeVersion","minor","Image","Image69"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKMA,IAAAA,iBAAiB,CAAA,CAAAC,mBAAA,GAAAC,QAAS,CAAAC,SAAA,MAAA,IAAA,IAAAF,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAATA,mBAAA,CAAoBG,kBAAoB,MAAA,IAAA,IAAAH,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAxCA,mBAAA,CAAwCI,KAAA,MAAU,KAAKC,KAAQ,GAAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.ts"],"sourcesContent":["import { Platform } from \"react-native\";\nimport Image from \"./Image\";\nimport Image69 from \"./Image69\";\nimport * as ImageType from \"./interface\";\n\nconst ImageComponent = Platform.constants?.reactNativeVersion?.minor === 72 || Platform.OS === \"web\" ? Image : Image69;\nexport default ImageComponent;\nexport { ImageComponent as Image, ImageType, Image69 };\n"],"names":["ImageComponent","_Platform$constants","Platform","constants","reactNativeVersion","minor","OS","Image","Image69"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAMA,cAAA,GAAiB,CAAAC,CAAAA,mBAAA,GAAAC,SAASC,SAAW,MAAA,IAAA,IAAAF,mBAAA,KAAA,KAAA,CAAA,IAAA,CAAAA,mBAAA,GAApBA,mBAAA,CAAoBG,kBAAA,MAAAH,IAAAA,IAAAA,mBAAA,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,mBAAA,CAAwCI,WAAU,EAAM,IAAAH,QAAA,CAASI,EAAO,KAAA,KAAA,GAAQC,KAAQ,GAAAC;;;;"}

package/lib/esm/components/Image/queryCacheBatcher.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import { Image } from 'react-native';
 
 var _global;

package/lib/esm/components/Image/utils.js

@@ -1,4 +1,4 @@
-import { e as _typeof } from '../../_chunks/BcGvf0Pc.js';
+import { e as _typeof } from '../../_chunks/ZEfofTDH.js';
 import { PixelRatio } from 'react-native';
 
 var dpi = PixelRatio.get();

package/lib/esm/components/ImagePreview/ImagePreview.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useEffect } from 'react';
 import { View, TouchableWithoutFeedback, Image, Text } from 'react-native';
 import { Carousel } from '../Carousel/Carousel.js';

package/lib/esm/components/ImagePreview/api.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React from 'react';
 import ImagePreview from './ImagePreview.js';
 import { I as ImagePreviewDefaultProps } from '../../_chunks/mI5rFlln.js';

package/lib/esm/components/ImagePreview/index.js

@@ -1,7 +1,7 @@
 import ImagePreview from './ImagePreview.js';
 export { i as ImagePreviewType } from '../../_chunks/mI5rFlln.js';
 export { default as useImagePreview } from './api.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import '../Carousel/Carousel.js';

package/lib/esm/components/LanguageProvider/hooks/useLanguage.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../../_chunks/ZEfofTDH.js';
 import { useContext } from 'react';
 import { LanguageProviderContext } from './LanguageContext.js';
 import i18n from '../../../i18n/index.js';

package/lib/esm/components/LanguageProvider/index.js

@@ -6,7 +6,7 @@ import './hooks/LanguageContext.js';
 import '../../pvCount/useUnmountedProcess.js';
 import '@xhs/reds-apm/src/index.native';
 import '../../pvCount/pvData.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '../../i18n/index.js';
 
 

package/lib/esm/components/List/List.js

@@ -4,7 +4,7 @@ import { ListContext } from './ListItem/ListContext.js';
 import createStyles from './styles.js';
 import useMounted from '../../pvCount/useUnmountedProcess.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';

package/lib/esm/components/List/ListItem/ListItem.js

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray, a as _objectSpread2 } from '../../../_chunks/ZEfofTDH.js';
 import React, { useState, useEffect } from 'react';
 import { TouchableWithoutFeedback, View, Text, Image } from 'react-native';
 import { useListContext } from './ListContext.js';

package/lib/esm/components/List/index.js

@@ -6,7 +6,7 @@ import 'react-native';
 import './ListItem/ListContext.js';
 import './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';

package/lib/esm/components/List/styles.js

@@ -3,7 +3,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/MiniSnackBar/MiniSnackBar.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/BcGvf0Pc.js';
+import { a as _objectSpread2 } from '../../_chunks/ZEfofTDH.js';
 import React, { useRef, useEffect } from 'react';
 import { Animated, View, Image, Text, TouchableWithoutFeedback } from 'react-native';
 import { M as MiniSnackBarDefaultProps } from '../../_chunks/B6rGHYta.js';

package/lib/esm/components/MiniSnackBar/index.js

@@ -1,6 +1,6 @@
 import SnackBar from './MiniSnackBar.js';
 export { i as MiniSnackBarType } from '../../_chunks/B6rGHYta.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import 'react';
 import 'react-native';
 import './styles.js';

package/lib/esm/components/MiniSnackBar/styles.js

@@ -4,7 +4,7 @@ import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeColor, useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var createStyles = function createStyles() {

package/lib/esm/components/NavigationBar/NavigationBar.js

@@ -13,7 +13,7 @@ import '../../_chunks/xi-gXLIR.js';
 import '../../_chunks/DRKMsKSW.js';
 import '../StatusBar/hook/useStatusBarHeight.js';
 import '../../pvCount/pvData.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/NavigationBar/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-native';
 import './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '@xhs/reds-apm/src/index.native';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';

package/lib/esm/components/NavigationBar/styles.js

@@ -4,7 +4,7 @@ import 'react';
 import '@xhs/reds-apm/src/index.native';
 import { useThemeTypography } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import { c as NavigationBarActionType, N as NavigationBarLayoutType } from '../../_chunks/R3L28DT7.js';
-import '../../_chunks/BcGvf0Pc.js';
+import '../../_chunks/ZEfofTDH.js';
 import '@xhsreds/reds-token-next';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 

package/lib/esm/components/NoticeBar/NoticeBar.js

@@ -1,6 +1,6 @@
-import { _ as _slicedToArray } from '../../_chunks/BcGvf0Pc.js';
+import { _ as _slicedToArray } from '../../_chunks/ZEfofTDH.js';
 import React, { useState, useMemo, useRef, useEffect } from 'react';
-import { Animated, View, Image, Text, TouchableWithoutFeedback, Easing } from 'react-native';
+import { Platform, Animated, View, Image, Text, TouchableWithoutFeedback, Easing } from 'react-native';
 import { N as NoticeBarType, a as NoticeBarActionType, b as NoticeBarDefaultProps } from '../../_chunks/vfMM_tvS.js';
 import getStyles from './styles.js';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
@@ -16,6 +16,11 @@ import '../../_chunks/xB1yvFw8.js';
 import '../LanguageProvider/hooks/LanguageContext.js';
 import '../../i18n/index.js';
 
+var AnimatedTextStyle = Platform.OS === "web" ? {
+  textOverflow: "initial",
+  overflow: "initial",
+  maxWidth: "auto"
+} : {};
 var NoticeBar = function NoticeBar(props) {
   useMounted("NoticeBar");
   var _useState = useState(true),
@@ -66,7 +71,7 @@ var NoticeBar = function NoticeBar(props) {
     return Math.max(textWidth - containerWidth, 0);
   }, [textWidth, containerWidth]);
   useEffect(function () {
-    if (props.type === NoticeBarType.SCROLLABLE && textWidth > 0) {
+    if (props.type === NoticeBarType.SCROLLABLE && textWidth > 0 && scrollDistance > 0) {
       var _startScrolling = function startScrolling() {
         scrollX.setValue(0);
         Animated.timing(scrollX, {
@@ -96,6 +101,9 @@ var NoticeBar = function NoticeBar(props) {
   useEffect(function () {
     setVisible(!!props.visible);
   }, [props.visible]);
+  var handleAnimatedTextLayout = function handleAnimatedTextLayout(e) {
+    setTextWidth(e.nativeEvent.layout.width);
+  };
   return _visible ? /* @__PURE__ */React.createElement(View, {
     style: [styles.container, {
       backgroundColor: color,
@@ -116,7 +124,7 @@ var NoticeBar = function NoticeBar(props) {
   }, props.type === NoticeBarType.SCROLLABLE ? /* @__PURE__ */React.createElement(View, {
     style: {
       minHeight: 18,
-      overflow: "scroll",
+      overflow: Platform.OS === "web" ? "hidden" : "scroll",
       flexDirection: "row"
     }
   }, /* @__PURE__ */React.createElement(Animated.Text, {
@@ -125,10 +133,8 @@ var NoticeBar = function NoticeBar(props) {
       transform: [{
         translateX: scrollX
       }]
-    }],
-    onLayout: function onLayout(e) {
-      return setTextWidth(e.nativeEvent.layout.width);
-    }
+    }, AnimatedTextStyle],
+    onLayout: handleAnimatedTextLayout
   }, /* @__PURE__ */React.createElement(Text, {
     style: styles.text
   }, props.content), /* @__PURE__ */React.createElement(Text, {