@xhsreds/reds-rn-next 0.1.3 → 0.1.4

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

@@ -1,6 +1,6 @@
 import Empty from './Empty.js';
 export { i as EmptyType } from '../../_chunks/BfaGqGMC.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -3,7 +3,7 @@ import { StyleSheet } from 'react-native';
 import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import 'react';
 import { useThemeColor } from '../ConfigProvider/hooks/themeToken/useThemeToken.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
 
 var createStyles = function createStyles() {

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

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2, a as _slicedToArray } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2, _ as _slicedToArray } from '../../_chunks/CwHnr-H1.js';
 import React__default, { memo, forwardRef, useState } from 'react';
 import { View } from 'react-native';
 import { F as FABDefaultProps } from '../../_chunks/BHRAJjD2.js';
@@ -51,7 +51,7 @@ var FAB = function FAB(props) {
     onClick: onClick
   }, children))));
 };
-var FAB$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(FAB));
+var FAB$1 = /*#__PURE__*/memo(/*#__PURE__*/forwardRef(FAB));
 
 export { FAB$1 as default };
 //# sourceMappingURL=FAB.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FAB.js","sources":["../../../../src/components/FAB/FAB.tsx"],"sourcesContent":["import React, { memo, forwardRef, useState } from \"react\";\nimport { View, GestureResponderEvent, ViewStyle } from \"react-native\";\nimport { RedsFAB, FABDefaultProps } from \"./interface/index\";\nimport { styles, getPositionStyles } from \"./styles\";\nimport { Button } from \"../Button\";\nimport { Portal, PortalProvider } from \"../Portal\";\n\nconst FAB = (props: RedsFAB) => {\n  const finalProps = { ...(FABDefaultProps as RedsFAB), ...props };\n  const { size, type, shape, children, onClick, avatar, iconLeft, iconRight } = finalProps;\n\n  const [boxWidth, setBoxWidth] = useState(0);\n  const positionStyles = getPositionStyles(finalProps, boxWidth);\n  const viewStyles: ViewStyle[] = [styles.container, positionStyles];\n\n  return (\n    <PortalProvider>\n      <Portal>\n        <View\n          style={viewStyles}\n          onLayout={(event) => {\n            const { width } = event.nativeEvent.layout;\n            setBoxWidth(width);\n          }}\n        >\n          <Button\n            size={size}\n            type={type}\n            shape={shape}\n            iconLeft={iconLeft}\n            iconRight={iconRight}\n            avatar={avatar}\n            outlineType={\"shadow\"}\n            onClick={onClick}\n          >\n            {children}\n          </Button>\n        </View>\n      </Portal>\n    </PortalProvider>\n  );\n};\n\nexport default memo(forwardRef(FAB));\n"],"names":["FAB","props","finalProps","_objectSpread","FABDefaultProps","size","type","shape","children","onClick","avatar","iconLeft","iconRight","_useState","useState","_useState2","_slicedToArray","boxWidth","setBoxWidth","positionStyles","getPositionStyles","viewStyles","styles","container","React","createElement","PortalProvider","Portal","View","style","onLayout","event","width","nativeEvent","layout","Button","outlineType","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,GAAA,GAAM,SAANA,GAAAA,CAAOC,KAAmB,EAAA;EAC9B,IAAMC,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAMC,EAAAA,EAAAA,eAAA,CAAgCH,EAAAA,KAAM,CAAA,CAAA;AACzD,EAAA,IAAEI,OAAsEH,UAAA,CAAtEG;IAAMC,IAAM,GAA0DJ,UAAA,CAAhEI,IAAM;IAAAC,KAAA,GAA0DL,UAAA,CAA1DK,KAAA;IAAOC,WAAmDN,UAAA,CAAnDM;IAAUC,OAAS,GAAgCP,UAAA,CAAzCO,OAAS;IAAAC,MAAA,GAAgCR,UAAA,CAAhCQ,MAAA;IAAQC,QAAU,GAAcT,UAAA,CAAxBS,QAAU;IAAAC,SAAA,GAAcV,UAAA,CAAdU,SAAA,CAAA;AAEhE,EAAA,IAAAC,SAAA,GAAgCC,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,QAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAUG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,cAAA,GAAiBC,iBAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,MAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,cAAA,CAAAC,aAAA,CAACC,cACC,EAAA,IAAA,iBAAAF,cAAA,CAAAC,aAAA,CAACE,MACC,EAAA,IAAA,iBAAAH,cAAA,CAAAC,aAAA,CAACG,IAAA,EAAA;AACCC,IAAAA,KAAO,EAAAR,UAAA;AACPS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,KAAU,EAAA;MACnB,IAAQC,KAAA,GAAUD,KAAA,CAAME,WAAY,CAAAC,MAAA,CAA5BF,KAAA,CAAA;MACRd,WAAA,CAAYc,KAAK,CAAA,CAAA;AACnB,KAAA;AAAA,GAAA,iBAEAR,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA;AACC9B,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,KAAA,EAAAA,KAAA;AACAI,IAAAA,QAAA,EAAAA,QAAA;AACAC,IAAAA,SAAA,EAAAA,SAAA;AACAF,IAAAA,MAAA,EAAAA,MAAA;AACA0B,IAAAA,WAAa,EAAA,QAAA;AACb3B,IAAAA,OAAA,EAAAA,OAAAA;AAAA,GAAA,EAECD,QACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAA,aAAe6B,IAAA,eAAKC,UAAW,CAAAtC,GAAG,CAAC,CAAA;;;;"}
+{"version":3,"file":"FAB.js","sources":["../../../../src/components/FAB/FAB.tsx"],"sourcesContent":["import React, { memo, forwardRef, useState } from \"react\";\nimport { View, GestureResponderEvent, ViewStyle } from \"react-native\";\nimport { RedsFAB, FABDefaultProps } from \"./interface/index\";\nimport { styles, getPositionStyles } from \"./styles\";\nimport { Button } from \"../Button\";\nimport { Portal, PortalProvider } from \"../Portal\";\n\nconst FAB = (props: RedsFAB) => {\n  const finalProps = { ...(FABDefaultProps as RedsFAB), ...props };\n  const { size, type, shape, children, onClick, avatar, iconLeft, iconRight } = finalProps;\n\n  const [boxWidth, setBoxWidth] = useState(0);\n  const positionStyles = getPositionStyles(finalProps, boxWidth);\n  const viewStyles: ViewStyle[] = [styles.container, positionStyles];\n\n  return (\n    <PortalProvider>\n      <Portal>\n        <View\n          style={viewStyles}\n          onLayout={(event) => {\n            const { width } = event.nativeEvent.layout;\n            setBoxWidth(width);\n          }}\n        >\n          <Button\n            size={size}\n            type={type}\n            shape={shape}\n            iconLeft={iconLeft}\n            iconRight={iconRight}\n            avatar={avatar}\n            outlineType={\"shadow\"}\n            onClick={onClick}\n          >\n            {children}\n          </Button>\n        </View>\n      </Portal>\n    </PortalProvider>\n  );\n};\n\nexport default memo(forwardRef(FAB));\n"],"names":["FAB","props","finalProps","_objectSpread","FABDefaultProps","size","type","shape","children","onClick","avatar","iconLeft","iconRight","_useState","useState","_useState2","_slicedToArray","boxWidth","setBoxWidth","positionStyles","getPositionStyles","viewStyles","styles","container","React","createElement","PortalProvider","Portal","View","style","onLayout","event","width","nativeEvent","layout","Button","outlineType","memo","forwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,GAAA,GAAM,SAANA,GAAAA,CAAOC,KAAmB,EAAA;EAC9B,IAAMC,UAAa,GAAAC,cAAA,CAAAA,cAAA,CAAMC,EAAAA,EAAAA,eAAA,CAAgCH,EAAAA,KAAM,CAAA,CAAA;AACzD,EAAA,IAAEI,OAAsEH,UAAA,CAAtEG;IAAMC,IAAM,GAA0DJ,UAAA,CAAhEI,IAAM;IAAAC,KAAA,GAA0DL,UAAA,CAA1DK,KAAA;IAAOC,WAAmDN,UAAA,CAAnDM;IAAUC,OAAS,GAAgCP,UAAA,CAAzCO,OAAS;IAAAC,MAAA,GAAgCR,UAAA,CAAhCQ,MAAA;IAAQC,QAAU,GAAcT,UAAA,CAAxBS,QAAU;IAAAC,SAAA,GAAcV,UAAA,CAAdU,SAAA,CAAA;AAEhE,EAAA,IAAAC,SAAA,GAAgCC,SAAS,CAAC,CAAA;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAnCI,IAAAA,QAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAUG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtB,EAAA,IAAAI,cAAA,GAAiBC,iBAAkB,CAAAlB,UAAA,EAAYe,QAAQ,CAAA,CAAA;EAC7D,IAAMI,UAA0B,GAAA,CAACC,MAAO,CAAAC,SAAA,EAAWJ,cAAc,CAAA,CAAA;EAG/D,sBAAAK,cAAA,CAAAC,aAAA,CAACC,cACC,EAAA,IAAA,iBAAAF,cAAA,CAAAC,aAAA,CAACE,MACC,EAAA,IAAA,iBAAAH,cAAA,CAAAC,aAAA,CAACG,IAAA,EAAA;AACCC,IAAAA,KAAO,EAAAR,UAAA;AACPS,IAAAA,QAAA,EAAU,SAAVA,QAAAA,CAAWC,KAAU,EAAA;MACnB,IAAQC,KAAA,GAAUD,KAAA,CAAME,WAAY,CAAAC,MAAA,CAA5BF,KAAA,CAAA;MACRd,WAAA,CAAYc,KAAK,CAAA,CAAA;AACnB,KAAA;AAAA,GAAA,iBAEAR,cAAA,CAAAC,aAAA,CAACU,MAAA,EAAA;AACC9B,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,IAAA,EAAAA,IAAA;AACAC,IAAAA,KAAA,EAAAA,KAAA;AACAI,IAAAA,QAAA,EAAAA,QAAA;AACAC,IAAAA,SAAA,EAAAA,SAAA;AACAF,IAAAA,MAAA,EAAAA,MAAA;AACA0B,IAAAA,WAAa,EAAA,QAAA;AACb3B,IAAAA,OAAA,EAAAA,OAAAA;AAAA,GAAA,EAECD,QACH,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAA,aAAe6B,IAAA,cAAKC,UAAW,CAAAtC,GAAG,CAAC,CAAA;;;;"}

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

@@ -1,6 +1,6 @@
 import FAB from './FAB.js';
 export { i as FABType } from '../../_chunks/BHRAJjD2.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import 'react';
 import 'react-native';
 import './styles.js';

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

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties, a as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { d as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { memo, forwardRef, useState } from 'react';
 import { View, Image as Image$2, TouchableOpacity } from 'react-native';
 import { I as ImageDefaultProps, a as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle } from '../../_chunks/BITrbAAT.js';

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

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, h as _asyncToGenerator, i as _regeneratorRuntime } from '../../../_chunks/D-HreRcG.js';
+import { _ as _slicedToArray, h as _asyncToGenerator, i as _regeneratorRuntime } from '../../../_chunks/CwHnr-H1.js';
 import { useState, useEffect, useMemo } from 'react';
 import { T as TLoadStyle } from '../../../_chunks/BITrbAAT.js';
 import { lightColor } from '@xhsreds/reds-token-next';
@@ -14,8 +14,8 @@ var useAveColor = function useAveColor(_ref) {
     setColor = _useState2[1];
   useEffect(function () {
     if (!loadingAve || !url) return;
-    fetch(url + "".concat(url.includes("?") ? "&" : "?", "imageAve")).then( /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(a) {
+    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) {
             case 0:

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\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\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\nconst 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\nexport const useImage = ({ src, source: _source, loadStyle }: RedsImage) => {\n  const source = useMemo(() => {\n    if (_source) return _source;\n    return { uri: src } as ImageSourcePropType;\n  }, [src, _source]);\n\n  const aveColor = useAveColor({\n    source,\n    defaultColor: lightColor.Fill1,\n    loadingAve: loadStyle === TLoadStyle.AVE,\n  });\n\n  const blurSource = useBlur({ source });\n\n  return { source, aveColor, blurSource };\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","useImage","src","_source","_ref4","loadStyle","useMemo","aveColor","lightColor","Fill1","TLoadStyle","AVE","blurSource"],"mappings":"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"}
+{"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\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\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\nconst 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\nexport const useImage = ({ src, source: _source, loadStyle }: RedsImage) => {\n  const source = useMemo(() => {\n    if (_source) return _source;\n    return { uri: src } as ImageSourcePropType;\n  }, [src, _source]);\n\n  const aveColor = useAveColor({\n    source,\n    defaultColor: lightColor.Fill1,\n    loadingAve: loadStyle === TLoadStyle.AVE,\n  });\n\n  const blurSource = useBlur({ source });\n\n  return { source, aveColor, blurSource };\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","useImage","src","_source","_ref4","loadStyle","useMemo","aveColor","lightColor","Fill1","TLoadStyle","AVE","blurSource"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties, a as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { d as _objectWithoutProperties, _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import React__default, { memo, forwardRef, useState } from 'react';
 import { View, Image as Image$1, TouchableOpacity } from 'react-native';
 import { I as ImageDefaultProps, a as IMAGE_STATUS, T as TLoadStyle, b as TErrorStyle } from '../../_chunks/BITrbAAT.js';

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

@@ -1,4 +1,4 @@
-import { d as _objectWithoutProperties, _ as _objectSpread2 } from '../../../_chunks/D-HreRcG.js';
+import { d as _objectWithoutProperties, a as _objectSpread2 } from '../../../_chunks/CwHnr-H1.js';
 import React__default, { useRef } from 'react';
 import { PanResponder } from 'react-native';
 import { handler as handler$2, defaultConfig as defaultConfig$1 } from './Pinch.js';

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

@@ -1,117 +1,135 @@
-import React__default from 'react';
-import { View } from 'react-native';
-import { I as ImagePreviewDefaultProps } from '../../_chunks/ByMDi00e.js';
-import ImageViewer from './ImageViewer.js';
-import '../ActionSheets/ActionSheets.js';
-import '../Silder/Silder.js';
-import '../../_chunks/RRfNwNcs.js';
-import '../Sheets/Sheets.js';
-import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
+import 'react';
+import 'react-native';
+import '../../_chunks/ByMDi00e.js';
+import './ImageViewer.js';
+export { ImagePreview as default } from '../../index.js';
+import '../Image/Image.js';
 import '@xhsreds/reds-token-next';
-import '../ProgressIndicator/ProgressIndicator.js';
-import '../PickerView/styles.js';
-import '../Picker/Picker.js';
-import '../FAB/styles.js';
-import '../Button/styleMap.js';
-import '../Portal/core/Portal.js';
-import '../Portal/core/PortalHost.js';
-import '../Portal/core/PortalProvider.js';
-import '@xhs/reder-icon-svg';
-import 'react-native-svg';
-import '../Toast/styles.js';
-import '../DropDown/DropDown.js';
-import '../DropDown/DropDownItem.js';
-import '../Progress/styles.js';
-import '../TabBar/TabBar.js';
-import '../NavigationBar/NavigationBar.js';
-import '../BottomBar/styles.js';
-import '../List/styles.js';
-import '../Skeleton/Skeleton.js';
-import '../Skeleton/Item/SkeletonItem.js';
-import '../Tag/Tag.js';
-import Image from '../Image/Image.js';
-import '@floating-ui/react-native';
-import '../Switch/Switch.js';
-import '../../_chunks/B3zY_xWO.js';
-import '../Collapse/Collapse.js';
-import '../Collapse/Item/Item.js';
-import '../Empty/Empty.js';
-import '../PullRefresh/PullRefresh.js';
-import '../Badge/styles.js';
-import '../Tab/Tab.js';
-import '../../_chunks/D-HreRcG.js';
+import '../../_chunks/CwHnr-H1.js';
 import './Gesture/useGesture.js';
 import './Gesture/Pinch.js';
 import './Gesture/Pan.js';
 import './Gesture/Tap.js';
+import '../ActionSheets/ActionSheets.js';
 import '../../_chunks/DHJk9lIr.js';
 import '../ActionSheets/styles.js';
+import '../ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import '../ConfigProvider/hooks/themeToken/useThemeToken.js';
 import '../ConfigProvider/hooks/ConfigContext/ConfigContext.js';
+import '../Sheets/Sheets.js';
 import '../../_chunks/BJ2Kj1Vd.js';
+import '../Portal/core/Portal.js';
 import '../Portal/core/hooks/usePortal.js';
 import '../../_chunks/B-g-eq94.js';
 import '../Portal/core/PortalContext.js';
+import '../Portal/core/PortalHost.js';
 import '../Portal/core/hooks/usePortalState.js';
+import '../Portal/core/PortalProvider.js';
 import '../Sheets/styles.js';
 import '../Button/Button.js';
 import '../../_chunks/BbMynYIz.js';
+import '../Button/styleMap.js';
 import '../Icon/Icon.js';
+import 'react-native-svg';
+import '@xhs/reder-icon-svg';
+import '../Silder/Silder.js';
+import '../../_chunks/RRfNwNcs.js';
 import '../Silder/styles.js';
+import '../PickerView/PickerView.js';
+import '../ProgressIndicator/ProgressIndicator.js';
 import '../../_chunks/D361MMpE.js';
 import '../ProgressIndicator/styles.js';
-import '../../_chunks/HoMybJja.js';
-import '../PickerView/PickerView.js';
+import '../PickerView/styles.js';
 import '../PickerView/Wheel.js';
+import '../../_chunks/BCi0K_XP.js';
+import '../Picker/Picker.js';
+import '../../_chunks/HoMybJja.js';
+import '../../_chunks/BKEXyO9m.js';
+import '../FAB/FAB.js';
+import '../../_chunks/BHRAJjD2.js';
+import '../FAB/styles.js';
 import '../../_chunks/smTB3TZu.js';
+import '../Toast/api.js';
+import '../Toast/Toast.js';
+import '../Toast/styles.js';
+import '../DropDown/DropDown.js';
 import '../../_chunks/vOnIzQRe.js';
 import '../DropDown/styles.js';
+import '../Tab/Tab.js';
 import '../../_chunks/5aBuaARv.js';
 import '../Tab/styles.js';
 import '../Badge/Badge.js';
 import '../../_chunks/t6qlCOwe.js';
+import '../Badge/styles.js';
+import '../DropDown/DropDownItem.js';
+import '../Progress/Progress.js';
+import '../../_chunks/CDjjInz6.js';
+import '../Progress/styles.js';
+import '../TabBar/TabBar.js';
 import '../../_chunks/DUTFT_ka.js';
 import '../TabBar/styles.js';
+import '../NavigationBar/NavigationBar.js';
 import '../../_chunks/DxmiznjB.js';
 import '../NavigationBar/styles.js';
+import '../BottomBar/BottomBar.js';
+import '../../_chunks/6IvC8kW8.js';
+import '../BottomBar/styles.js';
+import '../List/List.js';
+import '../List/ListItem/ListContext.js';
+import '../List/styles.js';
+import '../../_chunks/CWfZNdRH.js';
+import '../Skeleton/Skeleton.js';
 import '../../_chunks/7_ZK_tBb.js';
-import '../Skeleton/styles.js';
+import '../Skeleton/Item/SkeletonItem.js';
 import '../../_chunks/D-UGc_mn.js';
 import '../Skeleton/Item/styles.js';
+import '../Skeleton/styles.js';
+import '../Divider/Divider.js';
+import '../../_chunks/CLoffREn.js';
+import '../Divider/styles.js';
+import '../Tag/Tag.js';
 import '../../_chunks/CszwJiJx.js';
 import '../../_chunks/BITrbAAT.js';
-import '../Image/styles.js';
-import '../Image/hook/index.js';
-import '../Image/CircularProgress.js';
+import '../Popover/Popover.js';
+import '../Popover/component.js';
+import '../Popover/hook.js';
+import '@floating-ui/react-native';
+import '../../_chunks/BeWZSBnN.js';
+import '../Switch/Switch.js';
+import '../../_chunks/B3zY_xWO.js';
 import '../Switch/styles.js';
+import '../ConfigProvider/ConfigProvider.js';
+import '../../_chunks/DKABHJAn.js';
+import '../Text/Text.js';
+import '../Text/hooks/cloneContainer.js';
+import '../Text/hooks/getRenderText.js';
+import '../Text/hooks/nativeEmojiMap/android.js';
+import '../Text/hooks/nativeEmojiMap/ios.js';
+import '../Text/styles.js';
+import '../../_chunks/BswK5qRp.js';
+import '../Collapse/Collapse.js';
 import '../Collapse/interface/index.js';
 import '../Collapse/hooks/useCollapseContext.js';
+import '../Collapse/Item/Item.js';
 import '../Collapse/Item/interface/index.js';
 import '../Collapse/Item/styles.js';
+import '../Empty/Empty.js';
 import '../../_chunks/BfaGqGMC.js';
 import '../Empty/styles.js';
+import '../Result/Result.js';
+import '../../_chunks/BKS4Pa1R.js';
+import '../Result/styles.js';
+import '../Result/hooks/useDefaultIcon.js';
+import '../PullRefresh/PullRefresh.js';
 import '../../_chunks/CGzZESdM.js';
 import '../PullRefresh/component.js';
-
-var ImagePreview = function ImagePreview(_ref) {
-  var removePortal = _ref.removePortal;
-  return /* @__PURE__ */React__default.createElement(View, {
-    style: {
-      position: "absolute",
-      backgroundColor: "#00000033",
-      width: "100%",
-      height: "100%"
-    }
-  }, /* @__PURE__ */React__default.createElement(ImageViewer, {
-    onClose: removePortal
-  }, /* @__PURE__ */React__default.createElement(Image, {
-    width: "100%",
-    height: "100%",
-    resizeMode: "contain",
-    src: "https://picasso-static.xiaohongshu.com/fe-platform/167754d83b112dc155edd2ae5dc7f9ced481bba3.webp"
-  })));
-};
-ImagePreview.defaultProps = ImagePreviewDefaultProps;
-
-export { ImagePreview as default };
+import '../../_chunks/LNDx6DgD.js';
+import '../Avatar/Avatar.js';
+import '../../_chunks/CBSrvlEa.js';
+import '../Avatar/styles.js';
+import '../../_chunks/DYs5DSy1.js';
+import '../Alert/styles.js';
+import '../Image/styles.js';
+import '../Image/hook/index.js';
+import '../Image/CircularProgress.js';
 //# sourceMappingURL=ImagePreview.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.js","sources":["../../../../src/components/ImagePreview/ImagePreview.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, TouchableWithoutFeedback, Animated, GestureResponderEvent, PanResponder } from \"react-native\";\nimport { RedsImagePreview, ImagePreviewDefaultProps } from \"./interface/index\";\nimport styles from \"./styles\";\nimport ImageContainer from \"./ImageContainer\";\nimport ImageViewer from \"./ImageViewer\";\n// import ImageViewer2 from \"./ImageViewer2\";\nimport { Image } from \"../../\";\n// import { GestureHandlerRootView } from \"react-native-gesture-handler\";\n\nconst ImagePreview = ({ removePortal }: any) => {\n  return (\n    <View\n      style={{\n        position: \"absolute\",\n        backgroundColor: \"#00000033\",\n        width: \"100%\",\n        height: \"100%\",\n      }}\n    >\n      <ImageViewer onClose={removePortal}>\n        <Image\n          width=\"100%\"\n          height=\"100%\"\n          resizeMode=\"contain\"\n          src=\"https://picasso-static.xiaohongshu.com/fe-platform/167754d83b112dc155edd2ae5dc7f9ced481bba3.webp\"\n        />\n      </ImageViewer>\n    </View>\n  );\n};\n\nImagePreview.defaultProps = ImagePreviewDefaultProps;\n\nexport default ImagePreview;\n"],"names":["ImagePreview","_ref","removePortal","React","createElement","View","style","position","backgroundColor","width","height","ImageViewer","onClose","Image","resizeMode","src","defaultProps","ImagePreviewDefaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAMA,YAAe,GAAA,SAAfA,YAAeA,CAAAC,IAAA,EAA2B;AAAA,EAAA,IAAxBC,YAAA,GAAAD,IAAA,CAAAC,YAAA,CAAA;AAEpB,EAAA,sBAAAC,cAAA,CAAAC,aAAA,CAACC,IAAA,EAAA;AACCC,IAAAA,KAAO,EAAA;AACLC,MAAAA,QAAU,EAAA,UAAA;AACVC,MAAAA,eAAiB,EAAA,WAAA;AACjBC,MAAAA,KAAO,EAAA,MAAA;AACPC,MAAAA,MAAQ,EAAA,MAAA;AACV,KAAA;AAAA,GAAA,iBAEAP,cAAA,CAAAC,aAAA,CAACO,WAAY,EAAA;AAAAC,IAAAA,OAAA,EAASV,YAAAA;AACpB,GAAA,iBAAAC,cAAA,CAAAC,aAAA,CAACS,KAAA,EAAA;AACCJ,IAAAA,KAAM,EAAA,MAAA;AACNC,IAAAA,MAAO,EAAA,MAAA;AACPI,IAAAA,UAAW,EAAA,SAAA;AACXC,IAAAA,GAAI,EAAA,kGAAA;GACN,CACF,CACF,CAAA,CAAA;AAEJ,EAAA;AAEAf,YAAA,CAAagB,YAAe,GAAAC,wBAAA;;;;"}
+{"version":3,"file":"ImagePreview.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../../_chunks/D-HreRcG.js';
+import { a as _objectSpread2 } from '../../_chunks/CwHnr-H1.js';
 import { Animated, View } from 'react-native';
 import React__default, { useRef } from 'react';
 import useGesture from './Gesture/useGesture.js';

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

@@ -1,4 +1,4 @@
-import { g as _typeof, e as _createClass, j as _inherits, f as _classCallCheck, _ as _objectSpread2, k as _callSuper } from '../../_chunks/D-HreRcG.js';
+import { g as _typeof, e as _createClass, j as _inherits, f as _classCallCheck, a as _objectSpread2, k as _callSuper } from '../../_chunks/CwHnr-H1.js';
 import * as React from 'react';
 import { StyleSheet, Animated, View, PanResponder } from 'react-native';
 
@@ -226,7 +226,7 @@ var ImageViewer = /*#__PURE__*/function (_React$Component) {
         _this.zoomLastDistance = null;
         _this.horizontalWholeCounter = 0;
         _this.verticalWholeCounter = 0;
-        _this.lastTouchStartTime = ( /* @__PURE__ */new Date()).getTime();
+        _this.lastTouchStartTime = (/* @__PURE__ */new Date()).getTime();
         _this.isDoubleClick = false;
         _this.isLongPress = false;
         _this.isHorizontalWrap = false;
@@ -259,7 +259,7 @@ var ImageViewer = /*#__PURE__*/function (_React$Component) {
           }
         }, _this.props.longPressTime);
         if (evt.nativeEvent.changedTouches.length <= 1) {
-          if (( /* @__PURE__ */new Date()).getTime() - _this.lastClickTime < (_this.props.doubleClickInterval || 0)) {
+          if ((/* @__PURE__ */new Date()).getTime() - _this.lastClickTime < (_this.props.doubleClickInterval || 0)) {
             _this.lastClickTime = 0;
             _this.doubleClickX = evt.nativeEvent.changedTouches[0].pageX;
             _this.doubleClickY = evt.nativeEvent.changedTouches[0].pageY;
@@ -301,7 +301,7 @@ var ImageViewer = /*#__PURE__*/function (_React$Component) {
               })]).start();
             }
           } else {
-            _this.lastClickTime = ( /* @__PURE__ */new Date()).getTime();
+            _this.lastClickTime = (/* @__PURE__ */new Date()).getTime();
           }
         }
       },