@xhsreds/reds-rn-next 0.0.23 → 0.1.0

package/lib/cjs/components/Popover/Popover.js

@@ -0,0 +1,128 @@
+'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_Popover_component = require('./component.js');
+var components_Popover_hook = require('./hook.js');
+var redsTokenNext = require('@xhsreds/reds-token-next');
+require('@floating-ui/react-native');
+
+var Popover = (function (_ref) {
+  var _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? "light" : _ref$mode,
+    _ref$opacity = _ref.opacity,
+    opacity = _ref$opacity === void 0 ? 0 : _ref$opacity,
+    content = _ref.content,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? "top" : _ref$placement,
+    _ref$closeOnClickAgai = _ref.closeOnClickAgain,
+    closeOnClickAgain = _ref$closeOnClickAgai === void 0 ? true : _ref$closeOnClickAgai,
+    _ref$trigger = _ref.trigger,
+    trigger = _ref$trigger === void 0 ? "click" : _ref$trigger,
+    _ref$zIndex = _ref.zIndex,
+    zIndex = _ref$zIndex === void 0 ? 1e3 : _ref$zIndex,
+    _ref$visible = _ref.visible,
+    defaultVisible = _ref$visible === void 0 ? false : _ref$visible,
+    onVisibleChange = _ref.onVisibleChange;
+  var _useState = React.useState(defaultVisible),
+    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var needModal = React.useMemo(function () {
+    return opacity !== 0;
+  }, [opacity]);
+  var _useFloating = components_Popover_hook.useFloating({
+      placement: placement,
+      needModal: needModal
+    }),
+    setArrowRef = _useFloating.setArrowRef,
+    setFloatingRef = _useFloating.setFloatingRef,
+    setReferenceRef = _useFloating.setReferenceRef,
+    setOffsetParentRef = _useFloating.setOffsetParentRef,
+    floatingStyles = _useFloating.floatingStyles,
+    arrowStyles = _useFloating.arrowStyles,
+    onReferenceLayout = _useFloating.onReferenceLayout,
+    onFloatingLayout = _useFloating.onFloatingLayout;
+  React.useEffect(function () {
+    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible);
+  }, [visible]);
+  var popoverStyle = React.useMemo(function () {
+    return mode === "light" ? {
+      backgroundColor: "#303034FC",
+      color: "#FFFFFF"
+    } : {
+      backgroundColor: "#FFFFFFFC",
+      color: "#000000"
+    };
+  }, [mode]);
+  return /* @__PURE__ */React.createElement(React.Fragment, null, React.Children.map(children, function (child, index) {
+    if (index === 0 && /*#__PURE__*/React.isValidElement(child)) {
+      return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
+        onPress: function onPress() {
+          if (trigger === "click") {
+            if (closeOnClickAgain) {
+              setVisible(!visible);
+            } else {
+              setVisible(true);
+            }
+          }
+        },
+        onPressIn: function onPressIn() {
+          trigger === "touch" && setVisible(true);
+        },
+        onPressOut: function onPressOut() {
+          trigger === "touch" && setVisible(false);
+        }
+      }, /*#__PURE__*/React.cloneElement(child, {
+        ref: setReferenceRef,
+        collapsable: false,
+        onLayout: onReferenceLayout
+      }));
+    }
+    return child;
+  }), /* @__PURE__ */React.createElement(components_Popover_component.ModalWrapper, {
+    needModal: needModal,
+    visible: visible,
+    ref: setOffsetParentRef,
+    setVisible: setVisible,
+    opacity: opacity
+  }, visible && /* @__PURE__ */React.createElement(reactNative.View, {
+    collapsable: false,
+    ref: setFloatingRef,
+    onLayout: onFloatingLayout,
+    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, floatingStyles), {}, {
+      backgroundColor: popoverStyle.backgroundColor,
+      paddingHorizontal: 12,
+      paddingVertical: 7,
+      maxWidth: 280,
+      borderRadius: 12,
+      zIndex: zIndex,
+      shadowColor: "#000000",
+      shadowOffset: {
+        width: 0,
+        height: 1
+      },
+      shadowOpacity: 0.1,
+      shadowRadius: 4,
+      elevation: 2
+    })
+  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: {
+      fontWeight: redsTokenNext.typography.B2LooseFontWeight,
+      fontSize: redsTokenNext.typography.B2LooseFontSize,
+      lineHeight: redsTokenNext.typography.B2LooseLineHeight,
+      color: popoverStyle.color
+    }
+  }, content), /* @__PURE__ */React.createElement(components_Popover_component.Arrow, {
+    ref: setArrowRef,
+    style: _rollupPluginBabelHelpers._objectSpread2({}, arrowStyles),
+    color: popoverStyle.backgroundColor
+  }))));
+});
+
+exports.default = Popover;
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content,\n  children,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible: defaultVisible = false,\n  onVisibleChange,\n}: RedsPopover) => {\n  const [visible, setVisible] = useState(defaultVisible);\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n  const {\n    setArrowRef,\n    setFloatingRef,\n    setReferenceRef,\n    setOffsetParentRef,\n    floatingStyles,\n    arrowStyles,\n    onReferenceLayout,\n    onFloatingLayout,\n  } = useFloating({\n    placement,\n    needModal,\n  });\n  useEffect(() => {\n    onVisibleChange?.(visible);\n  }, [visible]);\n\n  const popoverStyle = useMemo(() => {\n    return mode === \"light\"\n      ? {\n          backgroundColor: \"#303034FC\",\n          color: \"#FFFFFF\",\n        }\n      : {\n          backgroundColor: \"#FFFFFFFC\",\n          color: \"#000000\",\n        };\n  }, [mode]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    setVisible(!visible);\n                  } else {\n                    setVisible(true);\n                  }\n                }\n              }}\n              onPressIn={() => {\n                trigger === \"touch\" && setVisible(true);\n              }}\n              onPressOut={() => {\n                trigger === \"touch\" && setVisible(false);\n              }}\n            >\n              {cloneElement<any>(child, {\n                ref: setReferenceRef,\n                collapsable: false,\n                onLayout: onReferenceLayout,\n              })}\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <ModalWrapper\n        needModal={needModal}\n        visible={visible}\n        ref={setOffsetParentRef}\n        setVisible={setVisible}\n        opacity={opacity}\n      >\n        {visible && (\n          <View\n            collapsable={false}\n            ref={setFloatingRef}\n            onLayout={onFloatingLayout}\n            style={{\n              ...floatingStyles,\n              backgroundColor: popoverStyle.backgroundColor,\n              paddingHorizontal: 12,\n              paddingVertical: 7,\n              maxWidth: 280,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n            }}\n          >\n            <Text\n              style={{\n                fontWeight: typography.B2LooseFontWeight,\n                fontSize: typography.B2LooseFontSize,\n                lineHeight: typography.B2LooseLineHeight,\n                color: popoverStyle.color,\n              }}\n            >\n              {content}\n            </Text>\n            <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n          </View>\n        )}\n      </ModalWrapper>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":"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"}

package/lib/cjs/components/Popover/component.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/0oZeAV32.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/D9ngGICz.js');
 var React = require('react');
 var reactNative = require('react-native');
 

package/lib/cjs/components/Popover/hook.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../../_chunks/0oZeAV32.js');
+var _rollupPluginBabelHelpers = require('../../_chunks/D9ngGICz.js');
 var React = require('react');
 var reactNative$1 = require('react-native');
 var reactNative = require('@floating-ui/react-native');

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

@@ -2,127 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _rollupPluginBabelHelpers = require('../../_chunks/0oZeAV32.js');
-var React = require('react');
-var reactNative = require('react-native');
-var components_Popover_component = require('./component.js');
-var components_Popover_hook = require('./hook.js');
-var redsTokenNext = require('@xhsreds/reds-token-next');
+var components_Popover_Popover = require('./Popover.js');
+var components_Popover_interface_index = require('../../_chunks/Dmk9_Zw3.js');
+require('../../_chunks/D9ngGICz.js');
+require('react');
+require('react-native');
+require('./component.js');
+require('./hook.js');
 require('@floating-ui/react-native');
+require('@xhsreds/reds-token-next');
 
-var index = (function (_ref) {
-  var _ref$mode = _ref.mode,
-    mode = _ref$mode === void 0 ? "light" : _ref$mode,
-    _ref$opacity = _ref.opacity,
-    opacity = _ref$opacity === void 0 ? 0 : _ref$opacity,
-    content = _ref.content,
-    children = _ref.children,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "top" : _ref$placement,
-    _ref$closeOnClickAgai = _ref.closeOnClickAgain,
-    closeOnClickAgain = _ref$closeOnClickAgai === void 0 ? true : _ref$closeOnClickAgai,
-    _ref$trigger = _ref.trigger,
-    trigger = _ref$trigger === void 0 ? "click" : _ref$trigger,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? 1e3 : _ref$zIndex,
-    _ref$visible = _ref.visible,
-    defaultVisible = _ref$visible === void 0 ? false : _ref$visible,
-    onVisibleChange = _ref.onVisibleChange;
-  var _useState = React.useState(defaultVisible),
-    _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var needModal = React.useMemo(function () {
-    return opacity !== 0;
-  }, [opacity]);
-  var _useFloating = components_Popover_hook.useFloating({
-      placement: placement,
-      needModal: needModal
-    }),
-    setArrowRef = _useFloating.setArrowRef,
-    setFloatingRef = _useFloating.setFloatingRef,
-    setReferenceRef = _useFloating.setReferenceRef,
-    setOffsetParentRef = _useFloating.setOffsetParentRef,
-    floatingStyles = _useFloating.floatingStyles,
-    arrowStyles = _useFloating.arrowStyles,
-    onReferenceLayout = _useFloating.onReferenceLayout,
-    onFloatingLayout = _useFloating.onFloatingLayout;
-  React.useEffect(function () {
-    onVisibleChange === null || onVisibleChange === void 0 || onVisibleChange(visible);
-  }, [visible]);
-  var popoverStyle = React.useMemo(function () {
-    return mode === "light" ? {
-      backgroundColor: "#303034FC",
-      color: "#FFFFFF"
-    } : {
-      backgroundColor: "#FFFFFFFC",
-      color: "#000000"
-    };
-  }, [mode]);
-  return /* @__PURE__ */React.createElement(React.Fragment, null, React.Children.map(children, function (child, index) {
-    if (index === 0 && /*#__PURE__*/React.isValidElement(child)) {
-      return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
-        onPress: function onPress() {
-          if (trigger === "click") {
-            if (closeOnClickAgain) {
-              setVisible(!visible);
-            } else {
-              setVisible(true);
-            }
-          }
-        },
-        onPressIn: function onPressIn() {
-          trigger === "touch" && setVisible(true);
-        },
-        onPressOut: function onPressOut() {
-          trigger === "touch" && setVisible(false);
-        }
-      }, /*#__PURE__*/React.cloneElement(child, {
-        ref: setReferenceRef,
-        collapsable: false,
-        onLayout: onReferenceLayout
-      }));
-    }
-    return child;
-  }), /* @__PURE__ */React.createElement(components_Popover_component.ModalWrapper, {
-    needModal: needModal,
-    visible: visible,
-    ref: setOffsetParentRef,
-    setVisible: setVisible,
-    opacity: opacity
-  }, visible && /* @__PURE__ */React.createElement(reactNative.View, {
-    collapsable: false,
-    ref: setFloatingRef,
-    onLayout: onFloatingLayout,
-    style: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, floatingStyles), {}, {
-      backgroundColor: popoverStyle.backgroundColor,
-      paddingHorizontal: 12,
-      paddingVertical: 7,
-      maxWidth: 280,
-      borderRadius: 12,
-      zIndex: zIndex,
-      shadowColor: "#000000",
-      shadowOffset: {
-        width: 0,
-        height: 1
-      },
-      shadowOpacity: 0.1,
-      shadowRadius: 4,
-      elevation: 2
-    })
-  }, /* @__PURE__ */React.createElement(reactNative.Text, {
-    style: {
-      fontWeight: redsTokenNext.typography.B2LooseFontWeight,
-      fontSize: redsTokenNext.typography.B2LooseFontSize,
-      lineHeight: redsTokenNext.typography.B2LooseLineHeight,
-      color: popoverStyle.color
-    }
-  }, content), /* @__PURE__ */React.createElement(components_Popover_component.Arrow, {
-    ref: setArrowRef,
-    style: _rollupPluginBabelHelpers._objectSpread2({}, arrowStyles),
-    color: popoverStyle.backgroundColor
-  }))));
-});
 
-exports.default = index;
+
+exports.Popover = components_Popover_Popover.default;
+exports.default = components_Popover_Popover.default;
+exports.PopoverType = components_Popover_interface_index.index;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhsreds/reds-token-next\";\n\nexport default ({\n  mode = \"light\",\n  opacity = 0,\n  content,\n  children,\n  placement = \"top\",\n  closeOnClickAgain = true,\n  trigger = \"click\",\n  zIndex = 1000,\n  visible: defaultVisible = false,\n  onVisibleChange,\n}: RedsPopover) => {\n  const [visible, setVisible] = useState(defaultVisible);\n  const needModal = useMemo(() => opacity !== 0, [opacity]);\n  const {\n    setArrowRef,\n    setFloatingRef,\n    setReferenceRef,\n    setOffsetParentRef,\n    floatingStyles,\n    arrowStyles,\n    onReferenceLayout,\n    onFloatingLayout,\n  } = useFloating({\n    placement,\n    needModal,\n  });\n  useEffect(() => {\n    onVisibleChange?.(visible);\n  }, [visible]);\n\n  const popoverStyle = useMemo(() => {\n    return mode === \"light\"\n      ? {\n          backgroundColor: \"#303034FC\",\n          color: \"#FFFFFF\",\n        }\n      : {\n          backgroundColor: \"#FFFFFFFC\",\n          color: \"#000000\",\n        };\n  }, [mode]);\n\n  return (\n    <>\n      {React.Children.map(children, (child, index) => {\n        if (index === 0 && isValidElement(child)) {\n          return (\n            <TouchableWithoutFeedback\n              onPress={() => {\n                if (trigger === \"click\") {\n                  if (closeOnClickAgain) {\n                    setVisible(!visible);\n                  } else {\n                    setVisible(true);\n                  }\n                }\n              }}\n              onPressIn={() => {\n                trigger === \"touch\" && setVisible(true);\n              }}\n              onPressOut={() => {\n                trigger === \"touch\" && setVisible(false);\n              }}\n            >\n              {cloneElement<any>(child, {\n                ref: setReferenceRef,\n                collapsable: false,\n                onLayout: onReferenceLayout,\n              })}\n            </TouchableWithoutFeedback>\n          );\n        }\n        return child;\n      })}\n      <ModalWrapper\n        needModal={needModal}\n        visible={visible}\n        ref={setOffsetParentRef}\n        setVisible={setVisible}\n        opacity={opacity}\n      >\n        {visible && (\n          <View\n            collapsable={false}\n            ref={setFloatingRef}\n            onLayout={onFloatingLayout}\n            style={{\n              ...floatingStyles,\n              backgroundColor: popoverStyle.backgroundColor,\n              paddingHorizontal: 12,\n              paddingVertical: 7,\n              maxWidth: 280,\n              borderRadius: 12,\n              zIndex,\n              shadowColor: \"#000000\",\n              shadowOffset: { width: 0, height: 1 },\n              shadowOpacity: 0.1,\n              shadowRadius: 4,\n              elevation: 2,\n            }}\n          >\n            <Text\n              style={{\n                fontWeight: typography.B2LooseFontWeight,\n                fontSize: typography.B2LooseFontSize,\n                lineHeight: typography.B2LooseLineHeight,\n                color: popoverStyle.color,\n              }}\n            >\n              {content}\n            </Text>\n            <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n          </View>\n        )}\n      </ModalWrapper>\n    </>\n  );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

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

@@ -1,14 +1,8 @@
 'use strict';
 
-var PopoverDefaultProps = {
-  visible: void 0,
-  placement: "top",
-  content: "",
-  opacity: 0,
-  trigger: "click",
-  zIndex: 1e3,
-  closeOnClickAgain: true
-};
-
-exports.PopoverDefaultProps = PopoverDefaultProps;
+var components_Popover_interface_index = require('../../../_chunks/Dmk9_Zw3.js');
+
+
+
+exports.PopoverDefaultProps = components_Popover_interface_index.PopoverDefaultProps;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Popover/interface/index.ts"],"sourcesContent":["import { ReactNode } from \"react\";\nexport interface RedsPopover {\n  visible?: boolean;\n  placement?: \"top-start\" | \"top\" | \"top-end\" | \"bottom-start\" | \"bottom\" | \"bottom-end\";\n  content?: string;\n  opacity?: number;\n  mode?: \"light\" | \"dark\";\n  trigger?: \"click\" | \"touch\";\n  zIndex?: number;\n  closeOnClickAgain?: boolean;\n  children?: ReactNode;\n  onClickMask?: (evnet: Event) => void;\n  onVisibleChange?: (value: boolean) => void;\n}\n\nexport interface RedsPopoverEvent {}\nexport const PopoverDefaultProps = {\n  visible: undefined,\n  placement: \"top\",\n  content: \"\",\n  opacity: 0,\n  trigger: \"click\",\n  zIndex: 1000,\n  closeOnClickAgain: true,\n};\n"],"names":["PopoverDefaultProps","visible","placement","content","opacity","trigger","zIndex","closeOnClickAgain"],"mappings":";;AAgBO,IAAMA,mBAAsB,GAAA;EACjCC,OAAS,EAAA,KAAA,CAAA;AACTC,EAAAA,SAAW,EAAA,KAAA;AACXC,EAAAA,OAAS,EAAA,EAAA;AACTC,EAAAA,OAAS,EAAA,CAAA;AACTC,EAAAA,OAAS,EAAA,OAAA;AACTC,EAAAA,MAAQ,EAAA,GAAA;AACRC,EAAAA,iBAAmB,EAAA,IAAA;AACrB;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var redsTokenNext = require('@xhsreds/reds-token-next');
+var reactNative = require('react-native');
+
+var styles = reactNative.StyleSheet.create({
+  PopoverContainer: {
+    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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Popover/styles.ts"],"sourcesContent":["import { alwaysColor } from \"@xhsreds/reds-token-next\";\nimport { StyleSheet } from \"react-native\";\n\nconst styles = StyleSheet.create({\n  PopoverContainer: {\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","PopoverContainer","width","height","borderRadius","justifyContent","alignItems","thumb","backgroundColor","alwaysColor","White","position","left"],"mappings":";;;;;;;AAGA,IAAMA,MAAA,GAASC,uBAAWC,MAAO,CAAA;AAC/BC,EAAAA,gBAAkB,EAAA;AAChBC,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;;;;"}

package/lib/cjs/components/Result/Result.js

@@ -0,0 +1,52 @@
+'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_Result_interface_index = require('../../_chunks/DOAnQxcP.js');
+var components_Result_styles = require('./styles.js');
+var components_Result_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 Result = function Result(props) {
+  var _defaultIcon, _defaultIcon2;
+  var _ResultDefaultProps$p = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, components_Result_interface_index.ResultDefaultProps), props),
+    type = _ResultDefaultProps$p.type,
+    title = _ResultDefaultProps$p.title,
+    description = _ResultDefaultProps$p.description,
+    action = _ResultDefaultProps$p.action,
+    image = _ResultDefaultProps$p.image;
+  var styles = components_Result_styles.default();
+  var defaultTitle = title || ((_defaultIcon = components_Result_hooks_useDefaultIcon.defaultIcon[type || "Success"]) === null || _defaultIcon === void 0 ? void 0 : _defaultIcon.title);
+  var defaultImage = image || /* @__PURE__ */React.createElement(reactNative.Image, {
+    style: {
+      height: 52,
+      width: 52
+    },
+    source: {
+      uri: (_defaultIcon2 = components_Result_hooks_useDefaultIcon.defaultIcon[type || "Success"]) === null || _defaultIcon2 === void 0 ? void 0 : _defaultIcon2.image
+    }
+  });
+  return /* @__PURE__ */React.createElement(React.Fragment, null, /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.container
+  }, /* @__PURE__ */React.createElement(reactNative.View, null, defaultImage), /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.title
+  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.titleText
+  }, defaultTitle)), description && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.description
+  }, /* @__PURE__ */React.createElement(reactNative.Text, {
+    style: styles.descriptionText
+  }, description)), action && /* @__PURE__ */React.createElement(reactNative.View, {
+    style: styles.action
+  }, action)));
+};
+Result.defaultProps = components_Result_interface_index.ResultDefaultProps;
+
+exports.default = Result;
+//# sourceMappingURL=Result.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Result.js","sources":["../../../../src/components/Result/Result.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo, useCallback } from \"react\";\nimport { View, Text, Image } from \"react-native\";\nimport { RedsResult, ResultDefaultProps } from \"./interface/index\";\nimport createStyles from \"./styles\";\nimport { defaultIcon } from \"./hooks/useDefaultIcon\";\n\nconst Result = (props: RedsResult) => {\n  const { type, title, description, action, image } = { ...(ResultDefaultProps as RedsResult), ...props };\n  const styles = createStyles();\n  const defaultTitle = title || defaultIcon[type || \"Success\"]?.title;\n  const defaultImage = image || (\n    <Image style={{ height: 52, width: 52 }} source={{ uri: defaultIcon[type || \"Success\"]?.image }}></Image>\n  );\n\n  return (\n    <>\n      <View style={styles.container}>\n        <View>{defaultImage}</View>\n        <View style={styles.title}>\n          <Text style={styles.titleText}>{defaultTitle}</Text>\n        </View>\n        {description && (\n          <View style={styles.description}>\n            <Text style={styles.descriptionText}>{description}</Text>\n          </View>\n        )}\n        {action && <View style={styles.action}>{action}</View>}\n      </View>\n    </>\n  );\n};\n\nResult.defaultProps = ResultDefaultProps;\n\nexport default Result;\n"],"names":["Result","props","_defaultIcon","_defaultIcon2","_ResultDefaultProps$p","_objectSpread","ResultDefaultProps","type","title","description","action","image","styles","createStyles","defaultTitle","defaultIcon","defaultImage","React","createElement","Image","style","height","width","source","uri","Fragment","View","container","Text","titleText","descriptionText","defaultProps"],"mappings":";;;;;;;;;;;;;;;AAMA,IAAMA,MAAA,GAAS,SAATA,MAAAA,CAAUC,KAAsB,EAAA;EAAA,IAAAC,YAAA,EAAAC,aAAA,CAAA;EAC9B,IAAAC,qBAAA,GAAAC,wCAAA,CAAAA,wCAAA,CAAoDC,EAAAA,EAAAA,oDAAmC,GAAGL,KAAM,CAAA;IAA9FM,IAAM,GAAAH,qBAAA,CAANG,IAAM;IAAAC,KAAA,GAAAJ,qBAAA,CAAAI,KAAA;IAAOC,WAAa,GAAAL,qBAAA,CAAbK,WAAa;IAAAC,MAAA,GAAAN,qBAAA,CAAAM,MAAA;IAAQC,KAAM,GAAAP,qBAAA,CAANO,KAAM,CAAA;AAChD,EAAA,IAAMC,SAASC,gCAAa,EAAA,CAAA;AAC5B,EAAA,IAAMC,YAAe,GAAAN,KAAA,KAAAN,CAAAA,YAAA,GAASa,kDAAY,CAAAR,IAAA,IAAQ,SAAS,CAAG,MAAA,IAAA,IAAAL,YAAA,KAAhCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAA,CAAgCM,KAAA,CAAA,CAAA;EAC9D,IAAMQ,eAAeL,KACnB,mBAAAM,KAAA,CAAAC,aAAA,CAACC;AAAMC,IAAAA,KAAO,EAAA;AAAEC,MAAAA,QAAQ,EAAI;AAAAC,MAAAA,KAAA,EAAO,EAAA;KAAM;AAAAC,IAAAA,MAAA,EAAQ;AAAEC,MAAAA,GAAK,EAAArB,CAAAA,aAAA,GAAAY,kDAAA,CAAYR,QAAQ,SAAS,CAAA,MAAA,IAAA,IAAAJ,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA7BA,aAAA,CAAgCQ,KAAAA;AAAM,KAAA;AAAG,GAAA,CAAA,CAAA;AAIjG,EAAA,sBAAAM,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAQ,QAAA,EAAA,IAAA,qCACGC,gBAAK,EAAA;IAAAN,KAAA,EAAOR,OAAOe,SAAAA;AAClB,GAAA,iBAAAV,KAAA,CAAAC,aAAA,CAACQ,wBAAMV,YAAa,CAAA,qCACnBU,gBAAK,EAAA;IAAAN,KAAA,EAAOR,OAAOJ,KAAAA;AAClB,GAAA,iBAAAS,KAAA,CAAAC,aAAA,CAACU;IAAKR,KAAO,EAAAR,MAAA,CAAOiB,SAAAA;KAAYf,YAAa,CAC/C,GACCL,WACC,mBAAAQ,KAAA,CAAAC,aAAA,CAACQ;IAAKN,KAAO,EAAAR,MAAA,CAAOH,WAAAA;oBACjBQ,KAAA,CAAAC,aAAA,CAAAU,gBAAA,EAAA;IAAKR,OAAOR,MAAO,CAAAkB,eAAAA;AAAA,GAAA,EAAkBrB,WAAY,CACpD,CAAA,EAEDC,yBAAWO,KAAA,CAAAC,aAAA,CAAAQ,gBAAA,EAAA;IAAKN,OAAOR,MAAO,CAAAF,MAAAA;AAAA,GAAA,EAASA,MAAO,CACjD,CACF,CAAA,CAAA;AAEJ,EAAA;AAEAV,MAAA,CAAO+B,YAAe,GAAAzB,oDAAA;;;;"}

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

@@ -0,0 +1,19 @@
+'use strict';
+
+var defaultIcon = {
+  Success: {
+    title: "\u6210\u529F\u63D0\u793A",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/c002a29a531d29939a0869bee6537710478a0d10.png"
+  },
+  Warning: {
+    title: "\u8B66\u544A",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/63901d54ceaf53ce6c268139528b339e0c7ace38.png"
+  },
+  Info: {
+    title: "\u5904\u7406\u4E2D",
+    image: "https://picasso-static.xiaohongshu.com/fe-platform/c403af64f3b3e5e187812d07eb1207add1d8558e.png"
+  }
+};
+
+exports.defaultIcon = defaultIcon;
+//# sourceMappingURL=useDefaultIcon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultIcon.js","sources":["../../../../../src/components/Result/hooks/useDefaultIcon.ts"],"sourcesContent":["import { Image } from \"react-native\";\n// @ts-nocheck\nimport SuccessIcon from \"./icons/success.png\";\nimport WarningIcon from \"./icons/warning.png\";\nimport InfoIcon from \"./icons/info.png\";\n// @ts-nocheck\n\nexport const defaultIcon = {\n  Success: {\n    title: \"成功提示\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/c002a29a531d29939a0869bee6537710478a0d10.png\",\n  },\n  Warning: {\n    title: \"警告\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/63901d54ceaf53ce6c268139528b339e0c7ace38.png\",\n  },\n  Info: {\n    title: \"处理中\",\n    image: \"https://picasso-static.xiaohongshu.com/fe-platform/c403af64f3b3e5e187812d07eb1207add1d8558e.png\",\n  },\n};\n"],"names":["defaultIcon","Success","title","image","Warning","Info"],"mappings":";;AAOO,IAAMA,WAAc,GAAA;AACzBC,EAAAA,OAAS,EAAA;AACPC,IAAAA,KAAO,EAAA,0BAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;GACT;AACAC,EAAAA,OAAS,EAAA;AACPF,IAAAA,KAAO,EAAA,cAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;GACT;AACAE,EAAAA,IAAM,EAAA;AACJH,IAAAA,KAAO,EAAA,oBAAA;AACPC,IAAAA,KAAO,EAAA,iGAAA;AACT,GAAA;AACF;;;;"}

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_Result_Result = require('./Result.js');
+var components_Result_interface_index = require('../../_chunks/DOAnQxcP.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.Result = components_Result_Result.default;
+exports.default = components_Result_Result.default;
+exports.ResultType = components_Result_interface_index.index;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,47 @@
+'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("Result");
+  var styles = reactNative.StyleSheet.create({
+    container: {
+      alignItems: "center",
+      paddingHorizontal: 48,
+      paddingVertical: 24
+    },
+    title: {
+      marginTop: 12
+    },
+    titleText: {
+      fontSize: redsTokenNext.typography.B1FontSize,
+      fontWeight: redsTokenNext.typography.B1FontWeight,
+      lineHeight: redsTokenNext.typography.B1LineHeight,
+      color: themeColor.Title
+    },
+    description: {
+      marginTop: 8
+    },
+    descriptionText: {
+      fontSize: redsTokenNext.typography.C2FontSize,
+      fontWeight: redsTokenNext.typography.C2FontWeight,
+      lineHeight: redsTokenNext.typography.C2LineHeight,
+      color: themeColor.Description
+    },
+    action: {
+      marginTop: 24
+    }
+  });
+  return styles;
+};
+
+exports.default = createStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Result/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(\"Result\");\n  const styles = StyleSheet.create({\n    container: {\n      alignItems: \"center\",\n      paddingHorizontal: 48,\n      paddingVertical: 24,\n    },\n    title: {\n      marginTop: 12,\n    },\n    titleText: {\n      fontSize: typography.B1FontSize,\n      fontWeight: typography.B1FontWeight,\n      lineHeight: typography.B1LineHeight,\n      color: themeColor.Title,\n    },\n    description: {\n      marginTop: 8,\n    },\n    descriptionText: {\n      fontSize: typography.C2FontSize,\n      fontWeight: typography.C2FontWeight,\n      lineHeight: typography.C2LineHeight,\n      color: themeColor.Description,\n    },\n    action: {\n      marginTop: 24,\n    },\n  });\n  return styles;\n};\n\nexport default createStyles;\n"],"names":["createStyles","themeColor","useThemeColor","styles","StyleSheet","create","container","alignItems","paddingHorizontal","paddingVertical","title","marginTop","titleText","fontSize","typography","B1FontSize","fontWeight","B1FontWeight","lineHeight","B1LineHeight","color","Title","description","descriptionText","C2FontSize","C2FontWeight","C2LineHeight","Description","action"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,eAAe,SAAfA,eAAqB;AACnB,EAAA,IAAAC,UAAA,GAAaC,uEAAc,QAAQ,CAAA,CAAA;AACnC,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,KAAO,EAAA;AACLC,MAAAA,SAAW,EAAA,EAAA;KACb;AACAC,IAAAA,SAAW,EAAA;MACTC,UAAUC,wBAAW,CAAAC,UAAA;MACrBC,YAAYF,wBAAW,CAAAG,YAAA;MACvBC,YAAYJ,wBAAW,CAAAK,YAAA;MACvBC,OAAOnB,UAAW,CAAAoB,KAAAA;KACpB;AACAC,IAAAA,WAAa,EAAA;AACXX,MAAAA,SAAW,EAAA,CAAA;KACb;AACAY,IAAAA,eAAiB,EAAA;MACfV,UAAUC,wBAAW,CAAAU,UAAA;MACrBR,YAAYF,wBAAW,CAAAW,YAAA;MACvBP,YAAYJ,wBAAW,CAAAY,YAAA;MACvBN,OAAOnB,UAAW,CAAA0B,WAAAA;KACpB;AACAC,IAAAA,MAAQ,EAAA;AACNjB,MAAAA,SAAW,EAAA,EAAA;AACb,KAAA;AACF,GAAC,CAAA,CAAA;AACM,EAAA,OAAAR,MAAA,CAAA;AACT;;;;"}