@xhsreds/reds-rn-next 0.0.23 → 0.1.0

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('./ConfigCache.js');
-require('../../../../_chunks/0oZeAV32.js');
+require('../../../../_chunks/D9ngGICz.js');
 require('@xhsreds/reds-token-next');
 
 

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

@@ -4,7 +4,7 @@ var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('../ConfigCache/ConfigCache.js');
 var components_ConfigProvider_hooks_ConfigContext_ConfigContext = require('../ConfigContext/ConfigContext.js');
-require('../../../../_chunks/0oZeAV32.js');
+require('../../../../_chunks/D9ngGICz.js');
 
 var staticColor = {
   lightColor: redsTokenNext.lightColor,

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

@@ -2,28 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var redsTokenNext = require('@xhsreds/reds-token-next');
-var reactNative = require('react-native');
+var components_ConfigProvider_ConfigProvider = require('./ConfigProvider.js');
+var components_ConfigProvider_interface_index = require('../../_chunks/C61-qTj5.js');
+var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
+require('../../_chunks/D9ngGICz.js');
+require('./hooks/ConfigCache/ConfigCache.js');
+require('@xhsreds/reds-token-next');
+require('./hooks/ConfigContext/ConfigContext.js');
+require('react');
 
-var styles = reactNative.StyleSheet.create({
-  switchContainer: {
-    width: 40,
-    height: 24,
-    borderRadius: 15,
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  thumb: {
-    width: 20,
-    height: 20,
-    borderRadius: 10,
-    backgroundColor: redsTokenNext.alwaysColor.White,
-    justifyContent: "center",
-    alignItems: "center",
-    position: "absolute",
-    left: 0
-  }
-});
 
-exports.default = styles;
+
+exports.ConfigProvider = components_ConfigProvider_ConfigProvider.default;
+exports.default = components_ConfigProvider_ConfigProvider.default;
+exports.ConfigProviderType = components_ConfigProvider_interface_index.index;
+exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/ConfigProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ConfigProvider/index.tsx"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  switchContainer: {\n    width: 40,\n    height: 24,\n    borderRadius: 15,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  thumb: {\n    width: 20,\n    height: 20,\n    borderRadius: 10,\n    backgroundColor: alwaysColor.White,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    position: \"absolute\",\n    left: 0,\n  },\n});\n\nexport default styles;\n"],"names":["styles","StyleSheet","create","switchContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;;;;;AAGA,IAAMA,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,EAAAA,eAAiB,EAAA;AACfC,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;AACdC,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;GACd;AACAC,EAAAA,KAAO,EAAA;AACLL,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdI,iBAAiBC,yBAAY,CAAAC,KAAA;AAC7BL,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZK,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/lib/cjs/components/ConfigProvider/interface/index.js

@@ -1,38 +1,9 @@
 'use strict';
 
-var defaultProps = {
-  id: "root",
-  parentId: "root",
-  theme: {
-    colorMode: "light",
-    inherit: true,
-    token: {
-      lightColor: {},
-      darkColor: {},
-      alwaysColor: {}
-    }
-  },
-  colorMode: "light",
-  inherit: true,
-  token: {}
-};
-var ConfigProviderDefaultProps = {
-  id: "root",
-  parentId: "root",
-  theme: {
-    colorMode: "light",
-    inherit: true,
-    token: {
-      lightColor: {},
-      darkColor: {},
-      alwaysColor: {}
-    }
-  },
-  colorMode: "light",
-  inherit: true,
-  token: {}
-};
+var components_ConfigProvider_interface_index = require('../../../_chunks/C61-qTj5.js');
 
-exports.ConfigProviderDefaultProps = ConfigProviderDefaultProps;
-exports.defaultProps = defaultProps;
+
+
+exports.ConfigProviderDefaultProps = components_ConfigProvider_interface_index.ConfigProviderDefaultProps;
+exports.defaultProps = components_ConfigProvider_interface_index.defaultProps;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/ConfigProvider/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/ConfigProvider/interface/index.ts"],"sourcesContent":["type ColorMode = \"light\" | \"dark\";\ntype Component = \"Button\" | \"Popover\" | \"Text\" | \"Tag\" | \"Switch\";\n\ntype ComponentsToken = {\n  [K in Component]?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n  };\n};\n\ninterface IThemeConfig {\n  token?: {\n    lightColor?: Record<string, string>;\n    darkColor?: Record<string, string>;\n    alwaysColor?: Record<string, string>;\n    components?: ComponentsToken;\n  };\n  inherit?: boolean;\n  colorMode?: ColorMode;\n}\n\nexport interface ConfigProviderProps {\n  id?: string;\n  children: React.ReactNode;\n  theme?: IThemeConfig;\n  parentId?: string;\n}\nexport interface RedsConfigProvider {\n  id?: string;\n  parentId?: string;\n  theme?: IThemeConfig;\n  colorMode?: string;\n  inherit?: boolean;\n  token: Object;\n}\n\nexport interface RedsConfigProviderEvent {}\nexport const defaultProps: RedsConfigProvider = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\nexport const ConfigProviderDefaultProps = {\n  id: \"root\",\n  parentId: \"root\",\n  theme: {\n    colorMode: \"light\",\n    inherit: true,\n    token: {\n      lightColor: {},\n      darkColor: {},\n      alwaysColor: {},\n    },\n  },\n  colorMode: \"light\",\n  inherit: true,\n  token: {},\n};\n"],"names":["defaultProps","id","parentId","theme","colorMode","inherit","token","lightColor","darkColor","alwaysColor","ConfigProviderDefaultProps"],"mappings":";;AAsCO,IAAMA,YAAmC,GAAA;AAC9CC,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV,EAAA;AACO,IAAMI,0BAA6B,GAAA;AACxCT,EAAAA,EAAI,EAAA,MAAA;AACJC,EAAAA,QAAU,EAAA,MAAA;AACVC,EAAAA,KAAO,EAAA;AACLC,IAAAA,SAAW,EAAA,OAAA;AACXC,IAAAA,OAAS,EAAA,IAAA;AACTC,IAAAA,KAAO,EAAA;MACLC,YAAY,EAAC;MACbC,WAAW,EAAC;AACZC,MAAAA,aAAa,EAAC;AAChB,KAAA;GACF;AACAL,EAAAA,SAAW,EAAA,OAAA;AACXC,EAAAA,OAAS,EAAA,IAAA;AACTC,EAAAA,OAAO,EAAC;AACV;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/lib/cjs/components/Empty/Empty.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_chunks/D9ngGICz.js');
+var React = require('react');
+var reactNative = require('react-native');
+var components_Empty_interface_index = require('../../_chunks/8GiEQzJI.js');
+var components_Empty_styles = require('./styles.js');
+var components_Empty_hooks_useDefaultIcon = require('./hooks/useDefaultIcon.js');
+require('@xhsreds/reds-token-next');
+require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
+require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
+require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
+
+var Empty = function Empty(props) {
+  var _EmptyDefaultProps$pr = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, components_Empty_interface_index.EmptyDefaultProps), props),
+    description = _EmptyDefaultProps$pr.description,
+    image = _EmptyDefaultProps$pr.image,
+    action = _EmptyDefaultProps$pr.action;
+  var styles = components_Empty_styles.default();
+  var defaultImage = image || /* @__PURE__ */React.createElement(reactNative.Image, {
+    style: {
+      height: 88,
+      width: 84
+    },
+    source: {
+      uri: components_Empty_hooks_useDefaultIcon.defaultIcon["default"].image
+    }
+  });
+  return /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.container
+  }, /* @__PURE__ */React.createElement(reactNative.View, null, defaultImage), /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.description
+  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.descriptionText
+  }, description || "\u6682\u65E0\u6570\u636E")), action && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.action
+  }, action));
+};
+Empty.defaultProps = components_Empty_interface_index.EmptyDefaultProps;
+
+exports.default = Empty;
+//# sourceMappingURL=Empty.js.map

package/lib/cjs/components/Empty/Empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.js","sources":["../../../../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Image, Text, GestureResponderEvent } from \"react-native\";\nimport { RedsEmpty, EmptyDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { defaultIcon } from \"./hooks/useDefaultIcon\";\n\nconst Empty = (props: RedsEmpty) => {\n  const { description, image, action } = { ...(EmptyDefaultProps as RedsEmpty), ...props };\n\n  const styles = createStyles();\n\n  const defaultImage = image || (\n    <Image style={{ height: 88, width: 84 }} source={{ uri: defaultIcon[\"default\"].image }}></Image>\n  );\n\n  return (\n    <View style={styles.container}>\n      <View>{defaultImage}</View>\n      <View style={styles.description}>\n        <Text style={styles.descriptionText}>{description || \"暂无数据\"}</Text>\n      </View>\n      {action && <View style={styles.action}>{action}</View>}\n    </View>\n  );\n};\n\nEmpty.defaultProps = EmptyDefaultProps;\n\nexport default Empty;\n"],"names":["Empty","props","_EmptyDefaultProps$pr","_objectSpread","EmptyDefaultProps","description","image","action","styles","createStyles","defaultImage","React","createElement","Image","style","height","width","source","uri","defaultIcon","View","container","Text","descriptionText","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,KAAA,GAAQ,SAARA,KAAAA,CAASC,KAAqB,EAAA;EAC5B,IAAAC,qBAAA,GAAAC,wCAAA,CAAAA,wCAAA,CAAuCC,EAAAA,EAAAA,kDAAiC,GAAGH,KAAM,CAAA;IAA/EI,oCAAAA;IAAaC,KAAO,GAAAJ,qBAAA,CAAPI,KAAO;IAAAC,MAAA,GAAAL,qBAAA,CAAAK,MAAA,CAAA;AAE5B,EAAA,IAAMC,SAASC,+BAAa,EAAA,CAAA;EAE5B,IAAMC,eAAeJ,KACnB,mBAAAK,KAAA,CAAAC,aAAA,CAACC;AAAMC,IAAAA,KAAO,EAAA;AAAEC,MAAAA,QAAQ,EAAI;AAAAC,MAAAA,KAAA,EAAO,EAAA;KAAG;AAAGC,IAAAA,QAAQ;AAAEC,MAAAA,GAAA,EAAKC,kDAAY,SAAS,CAAA,CAAEb,KAAAA;AAAM,KAAA;AAAG,GAAA,CAAA,CAAA;AAG1F,EAAA,sBACGK,KAAA,CAAAC,aAAA,CAAAQ,gBAAA,EAAA;IAAKN,KAAO,EAAAN,MAAA,CAAOa,SAAAA;AAClB,GAAA,iBAAAV,KAAA,CAAAC,aAAA,CAACQ,gBAAM,EAAA,IAAA,EAAAV,YAAa,CACpB,iBAAAC,KAAA,CAAAC,aAAA,CAACQ,gBAAK,EAAA;IAAAN,KAAA,EAAON,OAAOH,WAAAA;AAClB,GAAA,iBAAAM,KAAA,CAAAC,aAAA,CAACU,gBAAK,EAAA;IAAAR,KAAA,EAAON,MAAO,CAAAe,eAAAA;AAAA,GAAA,EAAkBlB,WAAe,IAAA,0BAAO,CAC9D,CAAA,EACCE,MAAU,mBAAAI,KAAA,CAAAC,aAAA,CAACQ,gBAAK,EAAA;IAAAN,KAAA,EAAON,MAAO,CAAAD,MAAAA;GAAA,EAASA,MAAO,CACjD,CAAA,CAAA;AAEJ,EAAA;AAEAP,KAAA,CAAMwB,YAAe,GAAApB,kDAAA;;;;"}

package/lib/cjs/components/Empty/hooks/useDefaultIcon.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var defaultIcon = {
+  "default": {
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/fb6202b046d7ee0a1d034948c37bd5e6d97bd417.png"
+  }
+};
+
+exports.defaultIcon = defaultIcon;
+//# sourceMappingURL=useDefaultIcon.js.map

package/lib/cjs/components/Empty/hooks/useDefaultIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultIcon.js","sources":["../../../../../src/components/Empty/hooks/useDefaultIcon.ts"],"sourcesContent":["export const defaultIcon = {\n  default: {\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/fb6202b046d7ee0a1d034948c37bd5e6d97bd417.png\",\n  },\n};\n"],"names":["defaultIcon","image"],"mappings":";;AAAO,IAAMA,WAAc,GAAA;EACzB,SAAS,EAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;AACT,GAAA;AACF;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_Empty_Empty = require('./Empty.js');
+var components_Empty_interface_index = require('../../_chunks/8GiEQzJI.js');
+require('../../_chunks/D9ngGICz.js');
+require('react');
+require('react-native');
+require('./styles.js');
+require('@xhsreds/reds-token-next');
+require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
+require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
+require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
+require('./hooks/useDefaultIcon.js');
+
+
+
+exports.Empty = components_Empty_Empty.default;
+exports.default = components_Empty_Empty.default;
+exports.EmptyType = components_Empty_interface_index.index;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Empty/index.js.map

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

package/lib/cjs/components/Empty/interface/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var components_Empty_interface_index = require('../../../_chunks/8GiEQzJI.js');
+
+
+
+exports.EmptyDefaultProps = components_Empty_interface_index.EmptyDefaultProps;
+//# sourceMappingURL=index.js.map

package/lib/cjs/components/Empty/interface/index.js.map

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

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

@@ -0,0 +1,38 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var redsTokenNext = require('@xhsreds/reds-token-next');
+var reactNative = require('react-native');
+require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
+require('react');
+var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
+require('../../_chunks/D9ngGICz.js');
+require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
+
+var createStyles = function createStyles() {
+  var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor("Empty");
+  var styles = reactNative.StyleSheet.create({
+    container: {
+      alignItems: "center",
+      paddingHorizontal: 48,
+      paddingVertical: 24
+    },
+    description: {
+      marginTop: 16
+    },
+    descriptionText: {
+      fontSize: redsTokenNext.typography.B2LooseFontSize,
+      fontWeight: redsTokenNext.typography.B2LooseFontWeight,
+      lineHeight: redsTokenNext.typography.B2LineHeight,
+      color: themeColor.Description
+    },
+    action: {
+      marginTop: 20
+    }
+  });
+  return styles;
+};
+
+exports.default = createStyles;
+//# sourceMappingURL=styles.js.map

package/lib/cjs/components/Empty/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Empty/styles.ts"],"sourcesContent":["import { typography } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\nimport { useThemeColor } from \"../ConfigProvider\";\n\nconst createStyles = () => {\n  const themeColor = useThemeColor(\"Empty\");\n  const styles = StyleSheet.create({\n    container: {\n      alignItems: \"center\",\n      paddingHorizontal: 48,\n      paddingVertical: 24,\n    },\n    description: {\n      marginTop: 16,\n    },\n    descriptionText: {\n      fontSize: typography.B2LooseFontSize,\n      fontWeight: typography.B2LooseFontWeight,\n      lineHeight: typography.B2LineHeight,\n      color: themeColor.Description,\n    },\n    action: {\n      marginTop: 20,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","styles","StyleSheet","create","container","alignItems","paddingHorizontal","paddingVertical","description","marginTop","descriptionText","fontSize","typography","B2LooseFontSize","fontWeight","B2LooseFontWeight","lineHeight","B2LineHeight","color","Description","action"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,SAAfA,eAAqB;AACnB,EAAA,IAAAC,UAAA,GAAaC,uEAAc,OAAO,CAAA,CAAA;AAClC,EAAA,IAAAC,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,IAAAA,SAAW,EAAA;AACTC,MAAAA,UAAY,EAAA,QAAA;AACZC,MAAAA,iBAAmB,EAAA,EAAA;AACnBC,MAAAA,eAAiB,EAAA,EAAA;KACnB;AACAC,IAAAA,WAAa,EAAA;AACXC,MAAAA,SAAW,EAAA,EAAA;KACb;AACAC,IAAAA,eAAiB,EAAA;MACfC,UAAUC,wBAAW,CAAAC,eAAA;MACrBC,YAAYF,wBAAW,CAAAG,iBAAA;MACvBC,YAAYJ,wBAAW,CAAAK,YAAA;MACvBC,OAAOnB,UAAW,CAAAoB,WAAAA;KACpB;AACAC,IAAAA,MAAQ,EAAA;AACNX,MAAAA,SAAW,EAAA,EAAA;AACb,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAR,MAAA,CAAA;AACT;;;;"}

package/lib/cjs/components/Image/Image.js

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_chunks/D9ngGICz.js');
+var React = require('react');
+var reactNative = require('react-native');
+var components_Image_interface_index = require('../../_chunks/zrKJYx9X.js');
+var components_Image_styles = require('./styles.js');
+var components_Image_hook_index = require('./hook/index.js');
+var components_Image_CircularProgress = require('./CircularProgress.js');
+require('@xhsreds/reds-token-next');
+require('react-native-svg');
+
+var _excluded = ["src", "source", "width", "height", "borderRadius", "errorStyle", "loadStyle", "style"];
+var Image = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var src = _ref.src,
+    _source = _ref.source,
+    width = _ref.width,
+    height = _ref.height,
+    borderRadius = _ref.borderRadius,
+    errorStyle = _ref.errorStyle,
+    loadStyle = _ref.loadStyle,
+    style = _ref.style,
+    props = _rollupPluginBabelHelpers._objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(components_Image_interface_index.IMAGE_STATUS.LOADING),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    imageStatus = _useState2[0],
+    setImageStatus = _useState2[1];
+  var _useState3 = React.useState(0),
+    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2),
+    progress = _useState4[0],
+    setProgress = _useState4[1];
+  var _useImage = components_Image_hook_index.useImage({
+      src: src,
+      source: _source,
+      errorStyle: errorStyle,
+      loadStyle: loadStyle
+    }),
+    source = _useImage.source,
+    aveColor = _useImage.aveColor,
+    blurSource = _useImage.blurSource;
+  var onProgress = function onProgress(e) {
+    var _props$onProgress;
+    var _e$nativeEvent = e.nativeEvent,
+      total = _e$nativeEvent.total,
+      loaded = _e$nativeEvent.loaded;
+    if (total) {
+      setProgress(loaded / total * 100 | 0);
+    }
+    (_props$onProgress = props.onProgress) === null || _props$onProgress === void 0 || _props$onProgress.call(props, e);
+  };
+  var onLoad = function onLoad(e) {
+    var _props$onLoad;
+    (_props$onLoad = props.onLoad) === null || _props$onLoad === void 0 || _props$onLoad.call(props, e);
+    setImageStatus(components_Image_interface_index.IMAGE_STATUS.LOADED);
+  };
+  var onError = function onError(e) {
+    var _props$onError;
+    (_props$onError = props.onError) === null || _props$onError === void 0 || _props$onError.call(props, e);
+    setImageStatus(errorStyle === components_Image_interface_index.TErrorStyle.ERROR ? components_Image_interface_index.IMAGE_STATUS.LOADERROR : components_Image_interface_index.IMAGE_STATUS.RELOAD);
+  };
+  var onReload = function onReload(e) {
+    var _props$onReload;
+    setImageStatus(components_Image_interface_index.IMAGE_STATUS.HIDE);
+    (_props$onReload = props.onReload) === null || _props$onReload === void 0 || _props$onReload.call(props, e);
+    setTimeout(function () {
+      setImageStatus(components_Image_interface_index.IMAGE_STATUS.LOADING);
+    });
+  };
+  return /* @__PURE__ */React.createElement(reactNative.View, {
+    style: _rollupPluginBabelHelpers._objectSpread2({
+      borderRadius: borderRadius,
+      height: height,
+      width: width
+    }, style),
+    ref: ref
+  }, imageStatus !== components_Image_interface_index.IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(reactNative.Image, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
+    source: source,
+    onLoad: onLoad,
+    onProgress: onProgress,
+    onError: onError,
+    style: {
+      width: width,
+      height: height,
+      borderRadius: borderRadius,
+      opacity: imageStatus === components_Image_interface_index.IMAGE_STATUS.LOADED ? 1 : 0
+    }
+  })), imageStatus === components_Image_interface_index.IMAGE_STATUS.LOADING && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({
+      width: width,
+      height: height,
+      borderRadius: borderRadius
+    }, components_Image_styles.default.loadingContainer), {}, {
+      backgroundColor: loadStyle === components_Image_interface_index.TLoadStyle.AVE ? aveColor : components_Image_styles.default.loadingContainer.backgroundColor
+    })
+  }, loadStyle === components_Image_interface_index.TLoadStyle.BLUR && /* @__PURE__ */React.createElement(reactNative.Image, {
+    source: blurSource,
+    style: {
+      width: width,
+      height: height,
+      borderRadius: borderRadius
+    }
+  }), loadStyle === components_Image_interface_index.TLoadStyle.LOADING && /* @__PURE__ */React.createElement(components_Image_CircularProgress.default, {
+    progress: progress
+  })), (imageStatus === components_Image_interface_index.IMAGE_STATUS.LOADERROR || imageStatus === components_Image_interface_index.IMAGE_STATUS.RELOAD) && /* @__PURE__ */React.createElement(reactNative.TouchableOpacity, {
+    activeOpacity: 1,
+    onPress: function onPress(e) {
+      onReload(e);
+    },
+    style: _rollupPluginBabelHelpers._objectSpread2({
+      width: width,
+      height: height,
+      borderRadius: borderRadius
+    }, components_Image_styles.default.loadingContainer)
+  }, /* @__PURE__ */React.createElement(reactNative.Image, {
+    style: {
+      width: 40,
+      height: 40
+    },
+    source: {
+      uri: imageStatus === components_Image_interface_index.IMAGE_STATUS.RELOAD ? "https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png" : "https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png"
+    }
+  })));
+});
+Image.defaultProps = components_Image_interface_index.ImageDefaultProps;
+var Image$1 = /*#__PURE__*/React.memo(Image);
+
+exports.default = Image$1;
+//# sourceMappingURL=Image.js.map

package/lib/cjs/components/Image/Image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.js","sources":["../../../../src/components/Image/Image.tsx"],"sourcesContent":["import React, { useState, forwardRef, memo, ForwardRefRenderFunction, useEffect } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\n\nconst Image = forwardRef<RNImage, RedsImage & Omit<ImageProps, keyof RedsImage>>(\n  ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, ...props }, ref) => {\n    const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n    const [progress, setProgress] = useState(0);\n\n    const { source, aveColor, blurSource } = useImage({\n      src,\n      source: _source,\n      errorStyle,\n      loadStyle,\n    });\n\n    const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n      const {\n        nativeEvent: { total, loaded },\n      } = e;\n      if (total) {\n        setProgress(((loaded / total) * 100) | 0);\n      }\n      props.onProgress?.(e);\n    };\n    const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n      props.onLoad?.(e);\n      setImageStatus(IMAGE_STATUS.LOADED);\n    };\n    const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n      props.onError?.(e);\n      setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n    };\n    const onReload = (e: GestureResponderEvent) => {\n      setImageStatus(IMAGE_STATUS.HIDE);\n      props.onReload?.(e);\n      setTimeout(() => {\n        setImageStatus(IMAGE_STATUS.LOADING);\n      });\n    };\n\n    return (\n      <View style={{ borderRadius, height, width, ...(style as {}) }} ref={ref}>\n        {imageStatus !== IMAGE_STATUS.HIDE && (\n          <RNImage\n            {...props}\n            source={source}\n            onLoad={onLoad}\n            onProgress={onProgress}\n            onError={onError}\n            style={{\n              width,\n              height,\n              borderRadius,\n              opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n          ></RNImage>\n        )}\n        {imageStatus === IMAGE_STATUS.LOADING && (\n          <View\n            style={{\n              width,\n              height,\n              borderRadius,\n              ...styles.loadingContainer,\n              backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            }}\n          >\n            {loadStyle === TLoadStyle.BLUR && (\n              <RNImage\n                source={blurSource}\n                style={{\n                  width,\n                  height,\n                  borderRadius,\n                }}\n              ></RNImage>\n            )}\n            {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n          </View>\n        )}\n        {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={(e) => {\n              onReload(e);\n            }}\n            style={{ width, height, borderRadius, ...styles.loadingContainer }}\n          >\n            <RNImage\n              style={{ width: 40, height: 40 }}\n              source={{\n                uri:\n                  imageStatus === IMAGE_STATUS.RELOAD\n                    ? \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\"\n                    : \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n              }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["Image","forwardRef","_ref","ref","src","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":";;;;;;;;;;;;;;;AAiBA,IAAMA,KAAQ,gBAAAC,gBAAA,CACZ,UAAAC,IAAA,EAAgGC,GAAQ,EAAA;AAAA,EAAA,IAArGC,GAAK,GAAAF,IAAA,CAALE,GAAK;IAAQC,eAARC,MAAA;IAAiBC,KAAO,GAAAL,IAAA,CAAPK,KAAO;IAAAC,MAAA,GAAAN,IAAA,CAAAM,MAAA;IAAQC,YAAc,GAAAP,IAAA,CAAdO,YAAc;IAAAC,UAAA,GAAAR,IAAA,CAAAQ,UAAA;IAAYC,SAAW,GAAAT,IAAA,CAAXS,SAAW;IAAAC,KAAA,GAAAV,IAAA,CAAAU,KAAA;AAAUC,IAAAA,KAAA,GAAAC,kDAAA,CAAAZ,IAAA,EAAAa,SAAA,CAAA,CAAA;AACrF,EAAA,IAAAC,SAAA,GAAsCC,cAAA,CAASC,8CAAaC,OAAO,CAAA;IAAAC,UAAA,GAAAC,wCAAA,CAAAL,SAAA,EAAA,CAAA,CAAA;AAA5DM,IAAAA,WAAa,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAAI,UAAA,GAAgCP,eAAS,CAAC,CAAA;IAAAQ,UAAA,GAAAJ,wCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAnCE,IAAAA,QAAA,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAUE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;EAE5B,IAAAG,SAAA,GAAyCC,oCAAS,CAAA;AAChDzB,MAAAA,GAAA,EAAAA,GAAA;AACAE,MAAAA,MAAQ,EAAAD,OAAA;AACRK,MAAAA,UAAA,EAAAA,UAAA;AACAC,MAAAA,SAAA,EAAAA,SAAAA;AACF,KAAC,CAAA;IALOL,MAAA,GAAAsB,SAAA,CAAAtB,MAAA;IAAQwB,QAAU,GAAAF,SAAA,CAAVE,QAAU;IAAAC,UAAA,GAAAH,SAAA,CAAAG,UAAA,CAAA;AAOpB,EAAA,IAAAC,UAAA,GAAa,SAAbA,UAAAA,CAAcC,CAAuD,EAAA;AAAA,IAAA,IAAAC,iBAAA,CAAA;AACnE,IAAA,IAAAC,cAAA,GAEFF,CAAA,CADFG,WAAA;MAAeC,KAAA,GAAAF,cAAA,CAAAE,KAAA;MAAOC,MAAO,GAAAH,cAAA,CAAPG,MAAO,CAAA;AAE/B,IAAA,IAAID,KAAO,EAAA;MACKV,WAAA,CAAAW,MAAA,GAASD,KAAS,GAAA,GAAA,GAAO,CAAC,CAAA,CAAA;AAC1C,KAAA;AACA,IAAA,CAAAH,iBAAA,GAAArB,KAAA,CAAMmB,8CAANE,KAAAA,CAAAA,IAAAA,iBAAA,CAAAK,IAAA,CAAA1B,KAAA,EAAmBoB,CAAC,CAAA,CAAA;GACtB,CAAA;AACM,EAAA,IAAAO,MAAA,GAAS,SAATA,MAAAA,CAAUP,CAAgD,EAAA;AAAA,IAAA,IAAAQ,aAAA,CAAA;AAC9D,IAAA,CAAAA,aAAA,GAAA5B,KAAA,CAAM2B,sCAANC,KAAAA,CAAAA,IAAAA,aAAA,CAAAF,IAAA,CAAA1B,KAAA,EAAeoB,CAAC,CAAA,CAAA;AAChBV,IAAAA,cAAA,CAAeL,8CAAawB,MAAM,CAAA,CAAA;GACpC,CAAA;AACM,EAAA,IAAAC,OAAA,GAAU,SAAVA,OAAAA,CAAWV,CAAiD,EAAA;AAAA,IAAA,IAAAW,cAAA,CAAA;AAChE,IAAA,CAAAA,cAAA,GAAA/B,KAAA,CAAM8B,wCAANC,KAAAA,CAAAA,IAAAA,cAAA,CAAAL,IAAA,CAAA1B,KAAA,EAAgBoB,CAAC,CAAA,CAAA;AACjBV,IAAAA,cAAA,CAAeb,eAAemC,4CAAY,CAAAC,KAAA,GAAQ5B,6CAAa,CAAA6B,SAAA,GAAY7B,8CAAa8B,MAAM,CAAA,CAAA;GAChG,CAAA;AACM,EAAA,IAAAC,QAAA,GAAW,SAAXA,QAAAA,CAAYhB,CAA6B,EAAA;AAAA,IAAA,IAAAiB,eAAA,CAAA;AAC7C3B,IAAAA,cAAA,CAAeL,8CAAaiC,IAAI,CAAA,CAAA;AAChC,IAAA,CAAAD,eAAA,GAAArC,KAAA,CAAMoC,0CAANC,KAAAA,CAAAA,IAAAA,eAAA,CAAAX,IAAA,CAAA1B,KAAA,EAAiBoB,CAAC,CAAA,CAAA;AAClBmB,IAAAA,UAAA,CAAW,YAAM;AACf7B,MAAAA,cAAA,CAAeL,8CAAaC,OAAO,CAAA,CAAA;AACrC,KAAC,CAAA,CAAA;GACH,CAAA;AAEA,EAAA,sBACGkC,KAAA,CAAAC,aAAA,CAAAC,gBAAA,EAAA;AAAK3C,IAAAA,KAAO,EAAA4C,wCAAA,CAAA;AAAE/C,MAAAA,YAAc,EAAdA,YAAc;AAAAD,MAAAA,MAAA,EAAAA,MAAA;AAAQD,MAAAA,KAAO,EAAPA,KAAAA;AAAO,KAAA,EAAIK,KAAa,CAAA;AAAGT,IAAAA,GAC7D,EAD6DA,GAAAA;AAC7D,GAAA,EAAAmB,WAAA,KAAgBJ,8CAAaiC,IAC5B,mBAAAE,KAAA,CAAAC,aAAA,CAACG,iBAAA,EAAAD,wCAAA,CAAAA,wCAAA,KACK3C,KAAA,CAAA,EAAA,EAAA,EAAA;AACJP,IAAAA,MAAA,EAAAA,MAAA;AACAkC,IAAAA,MAAA,EAAAA,MAAA;AACAR,IAAAA,UAAA,EAAAA,UAAA;AACAW,IAAAA,OAAA,EAAAA,OAAA;AACA/B,IAAAA,KAAO,EAAA;AACLL,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAA;MACAiD,OAAS,EAAApC,WAAA,KAAgBJ,6CAAa,CAAAwB,MAAA,GAAS,CAAI,GAAA,CAAA;AACrD,KAAA;AAAA,GAAA,CACD,CAAA,EAEFpB,WAAgB,KAAAJ,6CAAA,CAAaC,OAC5B,mBAAAkC,KAAA,CAAAC,aAAA,CAACC,gBAAA,EAAA;IACC3C,KAAO,EAAA4C,wCAAA,CAAAA,wCAAA,CAAA;AACLjD,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAAA;KACGkD,EAAAA,+BAAO,CAAAC,gBAAA,CAAA,EAAA,EAAA,EAAA;AACVC,MAAAA,iBAAiBlD,SAAc,KAAAmD,2CAAA,CAAWC,GAAM,GAAAjC,QAAA,GAAW6B,gCAAOC,gBAAiB,CAAAC,eAAAA;AAAA,KAAA,CAAA;AACrF,GAAA,EAEClD,SAAA,KAAcmD,4CAAWE,IACxB,mBAAAX,KAAA,CAAAC,aAAA,CAACG,iBAAA,EAAA;AACCnD,IAAAA,MAAQ,EAAAyB,UAAA;AACRnB,IAAAA,KAAO,EAAA;AACLL,MAAAA,KAAA,EAAAA,KAAA;AACAC,MAAAA,MAAA,EAAAA,MAAA;AACAC,MAAAA,YAAA,EAAAA,YAAAA;AACF,KAAA;AAAA,GACD,CAAA,EAEFE,SAAc,KAAAmD,2CAAA,CAAW3C,OAAW,mBAAAkC,KAAA,CAAAC,aAAA,CAACW;AAAiBvC,IAAAA,QAAoB,EAApBA,QAAAA;GAAoB,CAC7E,IAEAJ,WAAgB,KAAAJ,6CAAA,CAAa6B,SAAa,IAAAzB,WAAA,KAAgBJ,8CAAa8B,MACvE,oBAAAK,KAAA,CAAAC,aAAA,CAACY,4BAAA,EAAA;AACCC,IAAAA,aAAe,EAAA,CAAA;AACfC,IAAAA,OAAA,EAAS,SAAAA,OAACnC,CAAAA,CAAM,EAAA;MACdgB,QAAA,CAAShB,CAAC,CAAA,CAAA;KACZ;AACArB,IAAAA;AAASL,MAAAA,KAAA,EAAAA,KAAA;AAAOC,MAAAA,QAAAA;AAAQC,MAAAA,YAAc,EAAdA,YAAAA;KAAiBkD,EAAAA,gCAAOC,gBAAiB,CAAA;AAAA,GAAA,iBAEjEP,KAAA,CAAAC,aAAA,CAACG,iBAAA,EAAA;AACC7C,IAAAA,KAAO,EAAA;AAAEL,MAAAA,KAAO,EAAA,EAAA;AAAIC,MAAAA,QAAQ,EAAA;KAAG;AAC/BF,IAAAA,MAAQ,EAAA;MACN+D,GACE,EAAA/C,WAAA,KAAgBJ,6CAAa,CAAA8B,MAAA,GACzB,iGACA,GAAA,iGAAA;AACR,KAAA;GACF,CACF,CAEJ,CAAA,CAAA;AAEJ,CACF,CAAA,CAAA;AAEAhD,KAAA,CAAMsE,YAAe,GAAAC,kDAAA,CAAA;AAErB,cAAeC,aAAAA,WAAKxE,KAAK,CAAA;;;;"}

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/0oZeAV32.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/D9ngGICz.js');
 var React = require('react');
-var components_Image_interface_index = require('../interface/index.js');
+var components_Image_interface_index = require('../../../_chunks/zrKJYx9X.js');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 
 var useAveColor = function useAveColor(_ref) {

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/0oZeAV32.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/D9ngGICz.js');
 var React = require('react');
 var reactNative = require('react-native');
-var components_Image_interface_index = require('./interface/index.js');
+var components_Image_interface_index = require('../../_chunks/zrKJYx9X.js');
 var components_Image_styles = require('./styles.js');
 var components_Image_hook_index = require('./hook/index.js');
 var components_Image_CircularProgress = require('./CircularProgress.js');
@@ -73,9 +73,9 @@ var Image = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       borderRadius: borderRadius,
       height: height,
       width: width
-    }, style)
+    }, style),
+    ref: ref
   }, imageStatus !== components_Image_interface_index.IMAGE_STATUS.HIDE && /* @__PURE__ */React.createElement(reactNative.Image, _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, props), {}, {
-    ref: ref,
     source: source,
     onLoad: onLoad,
     onProgress: onProgress,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { useState, forwardRef, memo, ForwardRefRenderFunction, useEffect } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\n\nconst Image = forwardRef<RNImage, RedsImage & Omit<ImageProps, keyof RedsImage>>(\n  ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, ...props }, ref) => {\n    const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n    const [progress, setProgress] = useState(0);\n\n    const { source, aveColor, blurSource } = useImage({\n      src,\n      source: _source,\n      errorStyle,\n      loadStyle,\n    });\n\n    const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n      const {\n        nativeEvent: { total, loaded },\n      } = e;\n      if (total) {\n        setProgress(((loaded / total) * 100) | 0);\n      }\n      props.onProgress?.(e);\n    };\n    const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n      props.onLoad?.(e);\n      setImageStatus(IMAGE_STATUS.LOADED);\n    };\n    const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n      props.onError?.(e);\n      setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n    };\n    const onReload = (e: GestureResponderEvent) => {\n      setImageStatus(IMAGE_STATUS.HIDE);\n      props.onReload?.(e);\n      setTimeout(() => {\n        setImageStatus(IMAGE_STATUS.LOADING);\n      });\n    };\n\n    return (\n      <View style={{ borderRadius, height, width, ...(style as {}) }}>\n        {imageStatus !== IMAGE_STATUS.HIDE && (\n          <RNImage\n            {...props}\n            ref={ref}\n            source={source}\n            onLoad={onLoad}\n            onProgress={onProgress}\n            onError={onError}\n            style={{\n              width,\n              height,\n              borderRadius,\n              opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n          ></RNImage>\n        )}\n        {imageStatus === IMAGE_STATUS.LOADING && (\n          <View\n            style={{\n              width,\n              height,\n              borderRadius,\n              ...styles.loadingContainer,\n              backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            }}\n          >\n            {loadStyle === TLoadStyle.BLUR && (\n              <RNImage\n                source={blurSource}\n                style={{\n                  width,\n                  height,\n                  borderRadius,\n                }}\n              ></RNImage>\n            )}\n            {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n          </View>\n        )}\n        {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={(e) => {\n              onReload(e);\n            }}\n            style={{ width, height, borderRadius, ...styles.loadingContainer }}\n          >\n            <RNImage\n              style={{ width: 40, height: 40 }}\n              source={{\n                uri:\n                  imageStatus === IMAGE_STATUS.RELOAD\n                    ? \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\"\n                    : \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n              }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["Image","forwardRef","_ref","ref","src","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Image/index.tsx"],"sourcesContent":["import React, { useState, forwardRef, memo, ForwardRefRenderFunction, useEffect } from \"react\";\nimport {\n  View,\n  Image as RNImage,\n  GestureResponderEvent,\n  ImageProps,\n  TouchableOpacity,\n  ImageLoadEventData,\n  NativeSyntheticEvent,\n  ImageErrorEventData,\n  ImageProgressEventDataIOS,\n} from \"react-native\";\nimport { RedsImage, ImageDefaultProps, IMAGE_STATUS, TErrorStyle, TLoadStyle } from \"./interface/index\";\nimport styles from \"./styles\";\nimport { useImage } from \"./hook\";\nimport CircularProgress from \"./CircularProgress\";\n\nconst Image = forwardRef<RNImage, RedsImage & Omit<ImageProps, keyof RedsImage>>(\n  ({ src, source: _source, width, height, borderRadius, errorStyle, loadStyle, style, ...props }, ref) => {\n    const [imageStatus, setImageStatus] = useState(IMAGE_STATUS.LOADING);\n    const [progress, setProgress] = useState(0);\n\n    const { source, aveColor, blurSource } = useImage({\n      src,\n      source: _source,\n      errorStyle,\n      loadStyle,\n    });\n\n    const onProgress = (e: NativeSyntheticEvent<ImageProgressEventDataIOS>) => {\n      const {\n        nativeEvent: { total, loaded },\n      } = e;\n      if (total) {\n        setProgress(((loaded / total) * 100) | 0);\n      }\n      props.onProgress?.(e);\n    };\n    const onLoad = (e: NativeSyntheticEvent<ImageLoadEventData>) => {\n      props.onLoad?.(e);\n      setImageStatus(IMAGE_STATUS.LOADED);\n    };\n    const onError = (e: NativeSyntheticEvent<ImageErrorEventData>) => {\n      props.onError?.(e);\n      setImageStatus(errorStyle === TErrorStyle.ERROR ? IMAGE_STATUS.LOADERROR : IMAGE_STATUS.RELOAD);\n    };\n    const onReload = (e: GestureResponderEvent) => {\n      setImageStatus(IMAGE_STATUS.HIDE);\n      props.onReload?.(e);\n      setTimeout(() => {\n        setImageStatus(IMAGE_STATUS.LOADING);\n      });\n    };\n\n    return (\n      <View style={{ borderRadius, height, width, ...(style as {}) }} ref={ref}>\n        {imageStatus !== IMAGE_STATUS.HIDE && (\n          <RNImage\n            {...props}\n            source={source}\n            onLoad={onLoad}\n            onProgress={onProgress}\n            onError={onError}\n            style={{\n              width,\n              height,\n              borderRadius,\n              opacity: imageStatus === IMAGE_STATUS.LOADED ? 1 : 0,\n            }}\n          ></RNImage>\n        )}\n        {imageStatus === IMAGE_STATUS.LOADING && (\n          <View\n            style={{\n              width,\n              height,\n              borderRadius,\n              ...styles.loadingContainer,\n              backgroundColor: loadStyle === TLoadStyle.AVE ? aveColor : styles.loadingContainer.backgroundColor,\n            }}\n          >\n            {loadStyle === TLoadStyle.BLUR && (\n              <RNImage\n                source={blurSource}\n                style={{\n                  width,\n                  height,\n                  borderRadius,\n                }}\n              ></RNImage>\n            )}\n            {loadStyle === TLoadStyle.LOADING && <CircularProgress progress={progress}></CircularProgress>}\n          </View>\n        )}\n        {(imageStatus === IMAGE_STATUS.LOADERROR || imageStatus === IMAGE_STATUS.RELOAD) && (\n          <TouchableOpacity\n            activeOpacity={1}\n            onPress={(e) => {\n              onReload(e);\n            }}\n            style={{ width, height, borderRadius, ...styles.loadingContainer }}\n          >\n            <RNImage\n              style={{ width: 40, height: 40 }}\n              source={{\n                uri:\n                  imageStatus === IMAGE_STATUS.RELOAD\n                    ? \"https://picasso-static.xiaohongshu.com/fe-platform/06ae169b310c2926e541903b828486a80fcac404.png\"\n                    : \"https://picasso-static.xiaohongshu.com/fe-platform/76fee5bba4ce3bbf3e9ff5fe1935b737bb27625a.png\",\n              }}\n            />\n          </TouchableOpacity>\n        )}\n      </View>\n    );\n  },\n);\n\nImage.defaultProps = ImageDefaultProps;\n\nexport default memo(Image);\n"],"names":["Image","forwardRef","_ref","ref","src","_source","source","width","height","borderRadius","errorStyle","loadStyle","style","props","_objectWithoutProperties","_excluded","_useState","useState","IMAGE_STATUS","LOADING","_useState2","_slicedToArray","imageStatus","setImageStatus","_useState3","_useState4","progress","setProgress","_useImage","useImage","aveColor","blurSource","onProgress","e","_props$onProgress","_e$nativeEvent","nativeEvent","total","loaded","call","onLoad","_props$onLoad","LOADED","onError","_props$onError","TErrorStyle","ERROR","LOADERROR","RELOAD","onReload","_props$onReload","HIDE","setTimeout","React","createElement","View","_objectSpread","RNImage","opacity","styles","loadingContainer","backgroundColor","TLoadStyle","AVE","BLUR","CircularProgress","TouchableOpacity","activeOpacity","onPress","uri","defaultProps","ImageDefaultProps","memo"],"mappings":"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"}

package/lib/cjs/components/Image/interface/index.js

@@ -1,39 +1,12 @@
 'use strict';
 
-var TLoadStyle = /* @__PURE__ */function (TLoadStyle2) {
-  TLoadStyle2["LOADING"] = "loading";
-  TLoadStyle2["AVE"] = "ave";
-  TLoadStyle2["BLUR"] = "blur";
-  TLoadStyle2["NONE"] = "none";
-  return TLoadStyle2;
-}(TLoadStyle || {});
-var IMAGE_STATUS = /* @__PURE__ */function (IMAGE_STATUS2) {
-  IMAGE_STATUS2[IMAGE_STATUS2["LOADING"] = 0] = "LOADING";
-  IMAGE_STATUS2[IMAGE_STATUS2["LOADED"] = 1] = "LOADED";
-  IMAGE_STATUS2[IMAGE_STATUS2["LOADERROR"] = 2] = "LOADERROR";
-  IMAGE_STATUS2[IMAGE_STATUS2["RELOAD"] = 3] = "RELOAD";
-  IMAGE_STATUS2[IMAGE_STATUS2["HIDE"] = 4] = "HIDE";
-  return IMAGE_STATUS2;
-}(IMAGE_STATUS || {});
-var TLoadMode = /* @__PURE__ */function (TLoadMode2) {
-  TLoadMode2["LAZY"] = "lazy";
-  TLoadMode2["EAGER"] = "eager";
-  return TLoadMode2;
-}(TLoadMode || {});
-var TErrorStyle = /* @__PURE__ */function (TErrorStyle2) {
-  TErrorStyle2["ERROR"] = "error";
-  TErrorStyle2["RELOAD"] = "reload";
-  return TErrorStyle2;
-}(TErrorStyle || {});
-var ImageDefaultProps = {
-  loadStyle: "loading" /* LOADING */,
-  loadMode: "lazy" /* LAZY */,
-  errorStyle: "error" /* ERROR */
-};
+var components_Image_interface_index = require('../../../_chunks/zrKJYx9X.js');
 
-exports.IMAGE_STATUS = IMAGE_STATUS;
-exports.ImageDefaultProps = ImageDefaultProps;
-exports.TErrorStyle = TErrorStyle;
-exports.TLoadMode = TLoadMode;
-exports.TLoadStyle = TLoadStyle;
+
+
+exports.IMAGE_STATUS = components_Image_interface_index.IMAGE_STATUS;
+exports.ImageDefaultProps = components_Image_interface_index.ImageDefaultProps;
+exports.TErrorStyle = components_Image_interface_index.TErrorStyle;
+exports.TLoadMode = components_Image_interface_index.TLoadMode;
+exports.TLoadStyle = components_Image_interface_index.TLoadStyle;
 //# sourceMappingURL=index.js.map

package/lib/cjs/components/Image/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Image/interface/index.ts"],"sourcesContent":["import {\n  AnimatableNumericValue,\n  DimensionValue,\n  GestureResponderEvent,\n  ImageSourcePropType,\n  Image as RNImage,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nexport enum TLoadStyle {\n  LOADING = \"loading\",\n  AVE = \"ave\",\n  BLUR = \"blur\",\n  NONE = \"none\",\n}\n\nexport enum IMAGE_STATUS {\n  LOADING, //加载中\n  LOADED, //加载完成\n  LOADERROR, // 加载失败\n  RELOAD, // 重新加载\n  HIDE, // 隐藏\n}\n\nexport enum TLoadMode {\n  LAZY = \"lazy\",\n  EAGER = \"eager\",\n}\n\nexport enum TErrorStyle {\n  ERROR = \"error\",\n  RELOAD = \"reload\",\n}\nexport interface RedsImage {\n  src?: string;\n  source?: ImageSourcePropType;\n  width?: number | DimensionValue;\n  height?: number | DimensionValue;\n  borderRadius?: number | AnimatableNumericValue;\n  loadStyle?: TLoadStyle;\n  loadMode?: TLoadMode;\n  errorStyle?: TErrorStyle;\n  onReload?: (v: GestureResponderEvent) => void;\n}\n\nexport interface RedsImageEvent {}\nexport const ImageDefaultProps = {\n  loadStyle: TLoadStyle.LOADING,\n  loadMode: TLoadMode.LAZY,\n  errorStyle: TErrorStyle.ERROR,\n};\n"],"names":["TLoadStyle","IMAGE_STATUS","IMAGE_STATUS2","TLoadMode","TErrorStyle","ImageDefaultProps","loadStyle","loadMode","errorStyle"],"mappings":";;IAUYA,UAAA,4BAAAA,WAAL,EAAA;AACLA,EAAAA,YAAA,SAAU,CAAA,GAAA,SAAA,CAAA;AACVA,EAAAA,YAAA,KAAM,CAAA,GAAA,KAAA,CAAA;AACNA,EAAAA,YAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,YAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AAJGA,EAAAA,OAAAA,WAAAA,CAAAA;AAAA,CAAA,CAAAA,UAAA,IAAA,EAAA,EAAA;IAOAC,YAAA,4BAAAA,aAAL,EAAA;EACLA,aAAA,CAAAC,aAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;EACAD,aAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;EACAD,aAAA,CAAAC,aAAA,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;EACAD,aAAA,CAAAC,aAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;EACAD,aAAA,CAAAC,aAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AALUD,EAAAA,OAAAA,aAAAA,CAAAA;AAAA,CAAA,CAAAA,YAAA,IAAA,EAAA,EAAA;IAQAE,SAAA,4BAAAA,UAAL,EAAA;AACLA,EAAAA,WAAA,MAAO,CAAA,GAAA,MAAA,CAAA;AACPA,EAAAA,WAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AAFEA,EAAAA,OAAAA,UAAAA,CAAAA;AAAA,CAAA,CAAAA,SAAA,IAAA,EAAA,EAAA;IAKAC,WAAA,4BAAAA,YAAL,EAAA;AACLA,EAAAA,aAAA,OAAQ,CAAA,GAAA,OAAA,CAAA;AACRA,EAAAA,aAAA,QAAS,CAAA,GAAA,QAAA,CAAA;AAFCA,EAAAA,OAAAA,YAAAA,CAAAA;AAAA,CAAA,CAAAA,WAAA,IAAA,EAAA,EAAA;AAiBL,IAAMC,iBAAoB,GAAA;EAC/BC,SAAW,EAAA,SAAA;EACXC,QAAU,EAAA,MAAA;EACVC,UAAY,EAAA,OAAA;AACd;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}