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

package/lib/cjs/components/Collapse/Collapse.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_Collapse_interface_index = require('./interface/index.js');
 var components_Collapse_hooks_useCollapseContext = require('./hooks/useCollapseContext.js');

package/lib/cjs/components/Collapse/Item/Item.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Collapse_Item_interface_index = require('./interface/index.js');

package/lib/cjs/components/Collapse/Item/Item.web.js

@@ -0,0 +1,164 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_chunks/nlVjgQi5.js');
+var React = require('react');
+var reactNative = require('react-native');
+var components_Collapse_Item_interface_index = require('./interface/index.js');
+var components_Collapse_Item_styles = require('./styles.js');
+var components_Icon_Icon = require('../../Icon/Icon.js');
+var rederIconSvgReDs_icon = require('@xhs/reder-icon-svg-ReDs_icon');
+var components_Collapse_hooks_useCollapseContext = require('../hooks/useCollapseContext.js');
+require('../../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
+require('@xhs/reds-apm/src/index.native');
+var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../../ConfigProvider/hooks/themeToken/useThemeToken.js');
+require('@xhsreds/reds-token-next');
+require('../../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
+require('../../../_chunks/NjAxlnfB.js');
+require('../../../pvCount/useUnmountedProcess.js');
+require('../../../pvCount/pvData.js');
+
+var Item = function Item(_ref) {
+  var value = _ref.value,
+    title = _ref.title,
+    lazyRender = _ref.lazyRender,
+    children = _ref.children,
+    onClick = _ref.onClick;
+  var _React$useContext = React.useContext(components_Collapse_hooks_useCollapseContext.CollapseContext),
+    addActiveValue = _React$useContext.addActiveValue,
+    isActiveValue = _React$useContext.isActiveValue,
+    removeActiveValue = _React$useContext.removeActiveValue,
+    size = _React$useContext.size,
+    registerChild = _React$useContext.registerChild,
+    unregisterChild = _React$useContext.unregisterChild;
+  var styles = components_Collapse_Item_styles.default(size || "Medium");
+  var _useState = React.useState(false),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var _useState3 = React.useState(!lazyRender),
+    _useState4 = _rollupPluginBabelHelpers._slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setShouldMount = _useState4[1];
+  var _useState5 = React.useState(0),
+    _useState6 = _rollupPluginBabelHelpers._slicedToArray(_useState5, 2),
+    contentHeight = _useState6[0],
+    setContentHeight = _useState6[1];
+  var firstRender = React.useRef(false);
+  var measureRef = React.useRef(null);
+  var contentRef = React.useRef(null);
+  var themeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor();
+  var _useState7 = React.useState(false),
+    _useState8 = _rollupPluginBabelHelpers._slicedToArray(_useState7, 2),
+    lineItem = _useState8[0],
+    setLineItem = _useState8[1];
+  var childInfo = {
+    setLine: function setLine(value2) {
+      return setLineItem(value2);
+    }
+  };
+  React.useEffect(function () {
+    registerChild(childInfo);
+    return function () {
+      return unregisterChild(childInfo);
+    };
+  }, []);
+  var _useState9 = React.useState(false),
+    _useState0 = _rollupPluginBabelHelpers._slicedToArray(_useState9, 2);
+    _useState0[0];
+    var setInitialMeasureDone = _useState0[1];
+  var setFirstRenderTag = function setFirstRenderTag() {
+    firstRender.current = true;
+    setShouldMount(true);
+  };
+  var handleContentLayout = function handleContentLayout(event) {
+    var measuredHeight = event.nativeEvent.layout.height;
+    if (measuredHeight !== contentHeight) {
+      setContentHeight(measuredHeight);
+      setInitialMeasureDone(true);
+    }
+  };
+  React.useEffect(function () {
+    var isActive = !!(isActiveValue !== null && isActiveValue !== void 0 && isActiveValue(value));
+    if (isActive) {
+      var _measureRef$current, _measureRef$current$m;
+      (_measureRef$current = measureRef.current) === null || _measureRef$current === void 0 || (_measureRef$current$m = _measureRef$current.measure) === null || _measureRef$current$m === void 0 || _measureRef$current$m.call(_measureRef$current, function (x, y, width, height) {
+        setContentHeight(height);
+        setInitialMeasureDone(true);
+      });
+    }
+    setVisible(isActive);
+    if (!firstRender.current && isActive) {
+      setFirstRenderTag();
+    }
+  }, [isActiveValue === null || isActiveValue === void 0 ? void 0 : isActiveValue(value)]);
+  var onPress = function onPress() {
+    var nextActive = !(isActiveValue !== null && isActiveValue !== void 0 && isActiveValue(value));
+    if (nextActive) {
+      addActiveValue === null || addActiveValue === void 0 || addActiveValue(value);
+      if (!firstRender.current) setFirstRenderTag();
+    } else {
+      removeActiveValue === null || removeActiveValue === void 0 || removeActiveValue(value);
+    }
+    setVisible(nextActive);
+    onClick === null || onClick === void 0 || onClick(value);
+  };
+  var cloneChildren = React.useMemo(function () {
+    return React.Children.map(children, function (child) {
+      return /*#__PURE__*/React.cloneElement(child, _rollupPluginBabelHelpers._objectSpread2({
+        style: {
+          color: themeColor.Paragraph
+        }
+      }, child.props));
+    });
+  }, [children]);
+  return /* @__PURE__ */React.createElement(reactNative.View, null, /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
+    onPress: onPress
+  }, /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.header
+  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.title
+  }, title), /* @__PURE__ */React.createElement(reactNative.View, {
+    style: {
+      transform: "rotate(".concat(visible ? 180 : 0, "deg)"),
+      transition: "transform 200ms ease-in-out"
+    }
+  }, /* @__PURE__ */React.createElement(components_Icon_Icon.default, {
+    icon: rederIconSvgReDs_icon.ArrowDownCenterB,
+    size: 16,
+    fill: themeColor.Title
+  })))), /* @__PURE__ */React.createElement(reactNative.View, {
+    ref: measureRef,
+    onLayout: handleContentLayout,
+    style: _rollupPluginBabelHelpers._objectSpread2({
+      position: "absolute",
+      opacity: 0,
+      paddingHorizontal: 16,
+      paddingBottom: 12,
+      top: -9999,
+      width: "100%"
+    }, styles.content)
+  }, cloneChildren), /* @__PURE__ */React.createElement(reactNative.View, {
+    ref: contentRef,
+    style: _rollupPluginBabelHelpers._objectSpread2({
+      overflow: "hidden",
+      height: visible ? contentHeight : 0,
+      paddingHorizontal: 16,
+      paddingBottom: visible ? 12 : 0,
+      minHeight: visible ? 1 : 0,
+      // @ts-expect-error
+      transition: "height 200ms ease-in-out, padding 200ms ease-in-out, opacity 200ms ease-in-out"
+    }, styles.content)
+  }, cloneChildren), lineItem && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: {
+      backgroundColor: themeColor.Separator,
+      height: 0.5,
+      marginHorizontal: 16
+    }
+  }));
+};
+Item.defaultProps = components_Collapse_Item_interface_index.ItemDefaultProps;
+
+exports.default = Item;
+//# sourceMappingURL=Item.web.js.map

package/lib/cjs/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/cjs/components/Collapse/Item/styles.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactNative = require('react-native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../../_chunks/CbISStRO.js');
+require('../../../_chunks/nlVjgQi5.js');
 require('react');
 require('@xhsreds/reds-token-next');
 require('../../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

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

@@ -2,7 +2,7 @@
 
 var components_Collapse_Collapse = require('./Collapse.js');
 var components_Collapse_Item_Item = require('./Item/Item.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('./interface/index.js');
 require('./hooks/useCollapseContext.js');

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

@@ -6,7 +6,7 @@ var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('./hooks/C
 var components_ConfigProvider_hooks_ConfigContext_ConfigContext = require('./hooks/ConfigContext/ConfigContext.js');
 var React = require('react');
 var pvCount_useUnmountedProcess = require('../../pvCount/useUnmountedProcess.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('@xhs/reds-apm/src/index.native');
 require('../../pvCount/pvData.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../../../_chunks/nlVjgQi5.js');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 
 var __defProp = Object.defineProperty;

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/CbISStRO.js');
+require('../../../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 
 

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

@@ -4,7 +4,7 @@ var components_ConfigProvider_hooks_themeToken_useColorMode = require('./useColo
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./useThemeToken.js');
 require('react');
 require('../ConfigContext/ConfigContext.js');
-require('../../../../_chunks/CbISStRO.js');
+require('../../../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigCache/ConfigCache.js');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var redsTokenNext = require('@xhsreds/reds-token-next');
 var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('../ConfigCache/ConfigCache.js');

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

@@ -7,7 +7,7 @@ var components_ConfigProvider_interface_index = require('../../_chunks/BzoUq9KD.
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
 var components_ConfigProvider_hooks_themeToken_useColorMode = require('./hooks/themeToken/useColorMode.js');
 require('./hooks/ConfigCache/ConfigCache.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('./hooks/ConfigContext/ConfigContext.js');
 require('react');

package/lib/cjs/components/DatePicker/DatePicker.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');
 var components_Picker_Picker = require('../Picker/Picker.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_DatePicker_DatePicker = require('./DatePicker.js');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_DatePicker_DatePicker = require('./DatePicker.js');
 var components_DatePicker_interface_index = require('../../_chunks/BiKD1VTc.js');
 var components_DatePicker_api = require('./api.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('../Picker/Picker.js');
 require('../../_chunks/PRipBqKL.js');

package/lib/cjs/components/Divider/Divider.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Divider_Divider = require('./Divider.js');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var reactNative = require('react-native');
 var components_Divider_interface_index = require('../../_chunks/CY-sysEj.js');
 

package/lib/cjs/components/DropDown/DropDown.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_DropDown_interface_index = require('../../_chunks/BtaVqoIv.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_DropDown_DropDown = require('./DropDown.js');
 var components_DropDown_DropDownItem = require('./DropDownItem.js');
 var components_DropDown_interface_index = require('../../_chunks/BtaVqoIv.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Empty_interface_index = require('../../_chunks/DMQXZWqe.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_Empty_Empty = require('./Empty.js');
 var components_Empty_interface_index = require('../../_chunks/DMQXZWqe.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

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

@@ -7,7 +7,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

package/lib/cjs/components/FAB/FAB.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_FAB_interface_index = require('../../_chunks/C5m2_Avu.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_FAB_FAB = require('./FAB.js');
 var components_FAB_interface_index = require('../../_chunks/C5m2_Avu.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('react-native');
 require('./styles.js');

package/lib/cjs/components/Form/Form.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var components_Form_interface_index = require('../../_chunks/DawXj8aA.js');
 var components_Button_Button = require('../Button/Button.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Form_interface_index = require('../../_chunks/DawXj8aA.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var components_Form_Form = require('./Form.js');
 var components_Form_FormItem = require('./FormItem.js');
 var components_Form_interface_index = require('../../_chunks/DawXj8aA.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('../Button/Button.js');
 require('react-native');

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

@@ -8,7 +8,7 @@ require('../ConfigProvider/hooks/ConfigCache/ConfigCache.js');
 require('react');
 require('@xhs/reds-apm/src/index.native');
 var components_ConfigProvider_hooks_themeToken_useThemeToken = require('../ConfigProvider/hooks/themeToken/useThemeToken.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('@xhsreds/reds-token-next');
 require('../ConfigProvider/hooks/ConfigContext/ConfigContext.js');
 

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_Icon_Icon_72 = require('./Icon.72.js');
+require('react');
+require('react-native');
+require('@xhs/reds-components/libs/svg');
+require('../../_chunks/NjAxlnfB.js');
+
+
+
+exports.default = components_Icon_Icon_72.default;
+//# sourceMappingURL=Icon.web.js.map

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Image_interface_index = require('../../_chunks/DFPiddH3.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 var components_Image_interface_index = require('../../_chunks/DFPiddH3.js');

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var React = require('react');
 var reactNative = require('react-native');
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../../_chunks/nlVjgQi5.js');
 var React = require('react');
 
 var useAveColor = function useAveColor(_ref) {
@@ -15,14 +15,11 @@ var useAveColor = function useAveColor(_ref) {
   React.useEffect(function () {
     if (!loadingAve || !url) return;
     fetch(url + "".concat(url.includes("?") ? "&" : "?", "imageAve")).then(/*#__PURE__*/function () {
-      var _ref2 = _rollupPluginBabelHelpers._asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers._regeneratorRuntime().mark(function _callee(a) {
-        return _rollupPluginBabelHelpers._regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _ref2 = _rollupPluginBabelHelpers._asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers._regenerator().m(function _callee(a) {
+        return _rollupPluginBabelHelpers._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/cjs/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,eAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,wCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,eAAA,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,2CAAA,cAAAC,6CAAA,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,eAASL,YAAY,CAAA;IAAAM,UAAA,GAAAC,wCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,KAAA,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAOG,IAAAA,QAAQ,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AACtBI,EAAAA,eAAA,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,2CAAA,cAAAC,sCAAA,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/cjs/components/Image/index.js

@@ -6,7 +6,7 @@ var reactNative = require('react-native');
 var components_Image_Image = require('./Image.js');
 var components_Image_Image69 = require('./Image69.js');
 var components_Image_interface_index = require('../../_chunks/DFPiddH3.js');
-require('../../_chunks/CbISStRO.js');
+require('../../_chunks/nlVjgQi5.js');
 require('react');
 require('./styles.js');
 require('@xhsreds/reds-token-next');
@@ -25,7 +25,7 @@ require('../../pvCount/pvData.js');
 require('./VisibilitySensor.js');
 
 var _Platform$constants;
-var ImageComponent = ((_Platform$constants = reactNative.Platform.constants) === null || _Platform$constants === void 0 || (_Platform$constants = _Platform$constants.reactNativeVersion) === null || _Platform$constants === void 0 ? void 0 : _Platform$constants.minor) === 72 ? components_Image_Image.default : components_Image_Image69.default;
+var ImageComponent = ((_Platform$constants = reactNative.Platform.constants) === null || _Platform$constants === void 0 || (_Platform$constants = _Platform$constants.reactNativeVersion) === null || _Platform$constants === void 0 ? void 0 : _Platform$constants.minor) === 72 || reactNative.Platform.OS === "web" ? components_Image_Image.default : components_Image_Image69.default;
 
 exports.Image69 = components_Image_Image69.default;
 exports.ImageType = components_Image_interface_index.index;

package/lib/cjs/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,oBAAS,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,8BAAQ,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,qBAASC,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,oBAAA,CAASI,EAAO,KAAA,KAAA,GAAQC,8BAAQ,GAAAC;;;;;;;"}

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/CbISStRO.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/nlVjgQi5.js');
 var reactNative = require('react-native');
 
 var _global;