@xhsreds/reds-rn-next 0.0.5 → 0.0.9

package/lib/esm/components/Popover/hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"hook.js","sources":["../../../../src/components/Popover/hook.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport type { MeasureOnSuccessCallback, NativeMethods, LayoutChangeEvent } from \"react-native\";\nimport { useFloating as useFloatingUI, shift, limitShift, flip, offset, arrow } from \"@floating-ui/react-native\";\n\nexport const useFloating = ({ placement, needModal }: { placement: \"top\" | \"bottom\"; needModal: boolean }) => {\n  const arrowRef = useRef(null);\n  const floatingHeight = useRef(0);\n  const referenceX = useRef(0);\n  const referenceY = useRef(0);\n  const { refs, floatingStyles, middlewareData, elements, ...other } = useFloatingUI({\n    placement,\n    sameScrollView: !needModal,\n    // offset 9,箭头加空隙的宽度\n    middleware: [\n      shift({ limiter: limitShift({ offset: 9 }), padding: 8 }),\n      flip(),\n      offset(9),\n      arrow({ element: arrowRef, padding: 8 }),\n    ],\n  });\n  // hack 的方式解决 android reactnode measure  方法返回 x、y 一直为 0 的情况。\n  // https://github.com/facebook/react-native/issues/35755\n  if (Platform.OS === \"android\" && elements.reference) {\n    if (!elements.reference.oldmeasure) {\n      elements.reference.oldmeasure = (elements.reference as View).measure.bind(elements.reference);\n      elements.reference.measure = (fn: MeasureOnSuccessCallback) => {\n        return (elements.reference.oldmeasure as NativeMethods[\"measure\"])((x, y, ...other) => {\n          return fn(referenceX.current, referenceY.current, ...other);\n        });\n      };\n    }\n  }\n\n  return {\n    setFloatingRef: <T>(ref: T) => refs.setFloating(ref),\n    setReferenceRef: <T>(ref: T) => refs.setReference(ref),\n    // setOffsetParentRef: <T>(ref: T) => refs.setOffsetParent(ref),\n    setOffsetParentRef: refs.offsetParent,\n    setArrowRef: arrowRef,\n    onReferenceLayout: (event: { nativeEvent: { layout: { x: any; y: any } } }) => {\n      const { x, y } = event.nativeEvent.layout;\n      referenceX.current = x;\n      referenceY.current = y;\n    },\n    onFloatingLayout: (event: LayoutChangeEvent) => {\n      const { height } = event.nativeEvent.layout;\n      floatingHeight.current = height;\n    },\n    refs,\n    elements,\n    middlewareData,\n    floatingStyles:\n      (floatingStyles.left || floatingStyles.top) && middlewareData.arrow?.x\n        ? floatingStyles\n        : { ...floatingStyles, opacity: 0 }, // 因为 rn 的大小位置信息获取皆为异步，且时间有差异，渲染有时间差。故在未全部计算完成前，控制透明度\n    arrowStyles: {\n      position: \"absolute\",\n      left: middlewareData.arrow?.x != null ? middlewareData.arrow.x : null,\n      top: middlewareData.offset?.placement.includes(\"top\") ? floatingHeight.current : -12,\n      transform: middlewareData.offset?.placement.includes(\"top\") ? `rotate(180deg)` : `rotate(0deg)`,\n    },\n    ...other,\n  };\n};\n"],"names":["useFloating","_ref","_middlewareData$arrow","_middlewareData$arrow2","_middlewareData$offse","_middlewareData$offse2","placement","needModal","arrowRef","useRef","floatingHeight","referenceX","referenceY","_useFloatingUI","useFloatingUI","sameScrollView","middleware","shift","limiter","limitShift","offset","padding","flip","arrow","element","refs","floatingStyles","middlewareData","elements","other","_objectWithoutProperties","_excluded","Platform","OS","reference","oldmeasure","measure","bind","fn","x","y","_len","arguments","length","Array","_key","current","concat","_objectSpread","setFloatingRef","ref","setFloating","setReferenceRef","setReference","setOffsetParentRef","offsetParent","setArrowRef","onReferenceLayout","event","_event$nativeEvent$la","nativeEvent","layout","onFloatingLayout","height","left","top","opacity","arrowStyles","position","includes","transform"],"mappings":"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"}
+{"version":3,"file":"hook.js","sources":["../../../../src/components/Popover/hook.ts"],"sourcesContent":["import { useRef } from \"react\";\nimport { Platform, View } from \"react-native\";\nimport type { MeasureOnSuccessCallback, NativeMethods, LayoutChangeEvent } from \"react-native\";\nimport { useFloating as useFloatingUI, shift, limitShift, flip, offset, arrow } from \"@floating-ui/react-native\";\nimport { RedsPopover } from \"./interface\";\n\nexport const useFloating = ({ placement, needModal }: { placement: RedsPopover[\"placement\"]; needModal: boolean }) => {\n  const arrowRef = useRef(null);\n  const floatingHeight = useRef(0);\n  const referenceX = useRef(0);\n  const referenceY = useRef(0);\n  const { refs, floatingStyles, middlewareData, elements, ...other } = useFloatingUI({\n    placement,\n    sameScrollView: !needModal,\n    // offset 9,箭头加空隙的宽度\n    middleware: [\n      shift({ limiter: limitShift({ offset: 9 }), padding: 8 }),\n      flip(),\n      offset(9),\n      arrow({ element: arrowRef, padding: 8 }),\n    ],\n  });\n  // hack 的方式解决 android reactnode measure  方法返回 x、y 一直为 0 的情况。\n  // https://github.com/facebook/react-native/issues/35755\n  if (Platform.OS === \"android\" && elements.reference) {\n    if (!elements.reference.oldmeasure) {\n      elements.reference.oldmeasure = (elements.reference as View).measure.bind(elements.reference);\n      elements.reference.measure = (fn: MeasureOnSuccessCallback) => {\n        return (elements.reference.oldmeasure as NativeMethods[\"measure\"])((x, y, ...other) => {\n          return fn(referenceX.current, referenceY.current, ...other);\n        });\n      };\n    }\n  }\n\n  return {\n    setFloatingRef: <T>(ref: T) => refs.setFloating(ref),\n    setReferenceRef: <T>(ref: T) => refs.setReference(ref),\n    // setOffsetParentRef: <T>(ref: T) => refs.setOffsetParent(ref),\n    setOffsetParentRef: refs.offsetParent,\n    setArrowRef: arrowRef,\n    onReferenceLayout: (event: { nativeEvent: { layout: { x: any; y: any } } }) => {\n      const { x, y } = event.nativeEvent.layout;\n      referenceX.current = x;\n      referenceY.current = y;\n    },\n    onFloatingLayout: (event: LayoutChangeEvent) => {\n      const { height } = event.nativeEvent.layout;\n      floatingHeight.current = height;\n    },\n    refs,\n    elements,\n    middlewareData,\n    floatingStyles:\n      (floatingStyles.left || floatingStyles.top) && middlewareData.arrow?.x\n        ? floatingStyles\n        : { ...floatingStyles, opacity: 0 }, // 因为 rn 的大小位置信息获取皆为异步，且时间有差异，渲染有时间差。故在未全部计算完成前，控制透明度\n    arrowStyles: {\n      position: \"absolute\",\n      left: middlewareData.arrow?.x != null ? middlewareData.arrow.x : null,\n      top: middlewareData.offset?.placement.includes(\"top\") ? floatingHeight.current : -12,\n      transform: middlewareData.offset?.placement.includes(\"top\") ? `rotate(180deg)` : `rotate(0deg)`,\n    },\n    ...other,\n  };\n};\n"],"names":["useFloating","_ref","_middlewareData$arrow","_middlewareData$arrow2","_middlewareData$offse","_middlewareData$offse2","placement","needModal","arrowRef","useRef","floatingHeight","referenceX","referenceY","_useFloatingUI","useFloatingUI","sameScrollView","middleware","shift","limiter","limitShift","offset","padding","flip","arrow","element","refs","floatingStyles","middlewareData","elements","other","_objectWithoutProperties","_excluded","Platform","OS","reference","oldmeasure","measure","bind","fn","x","y","_len","arguments","length","Array","_key","current","concat","_objectSpread","setFloatingRef","ref","setFloating","setReferenceRef","setReference","setOffsetParentRef","offsetParent","setArrowRef","onReferenceLayout","event","_event$nativeEvent$la","nativeEvent","layout","onFloatingLayout","height","left","top","opacity","arrowStyles","position","includes","transform"],"mappings":"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"}

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

@@ -3,7 +3,7 @@ import React, { useState, useMemo, useEffect, isValidElement, cloneElement } fro
 import { TouchableWithoutFeedback, View, Text } from 'react-native';
 import { ModalWrapper, Arrow } from './component.js';
 import { useFloating } from './hook.js';
-import { typography } from '@xhs/reds-token-next';
+import { typography } from '@xhsreds/reds-token-next';
 import '@floating-ui/react-native';
 
 var index = (function (_ref) {

package/lib/esm/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 \"@xhs/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              {/* <Text>131</Text> */}\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":["../../../../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              {/* <Text>131</Text> */}\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/esm/components/Popover/interface/index.js

@@ -1,13 +1,12 @@
-var defaultProps = {
+var PopoverDefaultProps = {
   visible: void 0,
   placement: "top",
   content: "",
   opacity: 0,
-  mode: "light",
   trigger: "click",
   zIndex: 1e3,
   closeOnClickAgain: true
 };
 
-export { defaultProps };
+export { PopoverDefaultProps };
 //# sourceMappingURL=index.js.map

package/lib/esm/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\" | \"bottom\";\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 defaultProps: RedsPopover = {\n  visible: undefined,\n  placement: \"top\",\n  content: \"\",\n  opacity: 0,\n  mode: \"light\",\n  trigger: \"click\",\n  zIndex: 1000,\n  closeOnClickAgain: true,\n};\n"],"names":["defaultProps","visible","placement","content","opacity","mode","trigger","zIndex","closeOnClickAgain"],"mappings":"AAgBO,IAAMA,YAA4B,GAAA;EACvCC,OAAS,EAAA,KAAA,CAAA;AACTC,EAAAA,SAAW,EAAA,KAAA;AACXC,EAAAA,OAAS,EAAA,EAAA;AACTC,EAAAA,OAAS,EAAA,CAAA;AACTC,EAAAA,IAAM,EAAA,OAAA;AACNC,EAAAA,OAAS,EAAA,OAAA;AACTC,EAAAA,MAAQ,EAAA,GAAA;AACRC,EAAAA,iBAAmB,EAAA,IAAA;AACrB;;;;"}
+{"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: RedsPopover = {\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,mBAAmC,GAAA;EAC9CC,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;;;;"}

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

@@ -1,8 +1,8 @@
 import { a as _slicedToArray } from '../../_chunks/BHmvJnIm.js';
 import React, { useState, useRef, useMemo, useEffect } from 'react';
 import { StyleSheet, Animated, TouchableWithoutFeedback, View } from 'react-native';
-import { defaultProps } from './interface/index.js';
-import { alwaysColor } from '@xhs/reds-token-next';
+import { SwitchDefaultProps } from './interface/index.js';
+import { alwaysColor } from '@xhsreds/reds-token-next';
 
 var Switch = function Switch(_ref) {
   var isOn = _ref.value,
@@ -56,7 +56,7 @@ var Switch = function Switch(_ref) {
     }]
   })));
 };
-Switch.defaultProps = defaultProps;
+Switch.defaultProps = SwitchDefaultProps;
 var styles = StyleSheet.create({
   switchContainer: {
     width: 40,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Switch/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, defaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhs/reds-token-next\";\n\nconst Switch = ({ value: isOn, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {\n  const isControlled = isOn !== undefined;\n  const [value, setValue] = useState(defaultValue);\n\n  const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n\n  const thumbTranslateX = useMemo(() => animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] }), []);\n\n  useEffect(() => {\n    onChange?.(!!value);\n    Animated.timing(animatedValue, {\n      toValue: value ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n  }, [value]);\n  useEffect(() => {\n    isControlled && setValue(isOn);\n  }, [isOn]);\n\n  const toggleSwitch = (e: GestureResponderEvent) => {\n    onClick?.(e);\n    !isControlled && setValue((v) => !v);\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)}>\n      <View style={[styles.switchContainer, { backgroundColor: value ? trackOnColor : trackOffColor }]}>\n        <Animated.View style={[styles.thumb, { transform: [{ translateX: thumbTranslateX }] }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSwitch.defaultProps = defaultProps;\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 Switch;\n"],"names":["Switch","_ref","isOn","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","_useState","useState","_useState2","_slicedToArray","setValue","animatedValue","useRef","Animated","Value","current","thumbTranslateX","useMemo","interpolate","inputRange","outputRange","useEffect","timing","toValue","duration","useNativeDriver","start","toggleSwitch","e","v","TouchableWithoutFeedback","onPress","React","createElement","View","style","styles","switchContainer","backgroundColor","thumb","transform","translateX","defaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","alwaysColor","White","position","left"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Switch/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsSwitch, SwitchDefaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhsreds/reds-token-next\";\n\nconst Switch = ({ value: isOn, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {\n  const isControlled = isOn !== undefined;\n  const [value, setValue] = useState(defaultValue);\n\n  const animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;\n\n  const thumbTranslateX = useMemo(() => animatedValue.interpolate({ inputRange: [2, 18], outputRange: [2, 18] }), []);\n\n  useEffect(() => {\n    onChange?.(!!value);\n    Animated.timing(animatedValue, {\n      toValue: value ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n  }, [value]);\n  useEffect(() => {\n    isControlled && setValue(isOn);\n  }, [isOn]);\n\n  const toggleSwitch = (e: GestureResponderEvent) => {\n    onClick?.(e);\n    !isControlled && setValue((v) => !v);\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleSwitch(e)}>\n      <View style={[styles.switchContainer, { backgroundColor: value ? trackOnColor : trackOffColor }]}>\n        <Animated.View style={[styles.thumb, { transform: [{ translateX: thumbTranslateX }] }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nSwitch.defaultProps = SwitchDefaultProps;\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 Switch;\n"],"names":["Switch","_ref","isOn","value","defaultValue","onChange","onClick","trackOnColor","trackOffColor","isControlled","_useState","useState","_useState2","_slicedToArray","setValue","animatedValue","useRef","Animated","Value","current","thumbTranslateX","useMemo","interpolate","inputRange","outputRange","useEffect","timing","toValue","duration","useNativeDriver","start","toggleSwitch","e","v","TouchableWithoutFeedback","onPress","React","createElement","View","style","styles","switchContainer","backgroundColor","thumb","transform","translateX","defaultProps","SwitchDefaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","alwaysColor","White","position","left"],"mappings":"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"}

package/lib/esm/components/Switch/interface/index.js

@@ -1,6 +1,6 @@
-import { lightColor } from '@xhs/reds-token-next';
+import { lightColor } from '@xhsreds/reds-token-next';
 
-var defaultProps = {
+var SwitchDefaultProps = {
   value: void 0,
   defaultValue: false,
   disabled: false,
@@ -8,5 +8,5 @@ var defaultProps = {
   trackOffColor: lightColor.Fill2
 };
 
-export { defaultProps };
+export { SwitchDefaultProps };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Switch/interface/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsSwitch {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  trackOnColor?: string;\n  trackOffColor?: string;\n  onChange?: (value: boolean) => void;\n  onClick?: (value: GestureResponderEvent) => void;\n}\n\nexport const defaultProps: RedsSwitch = {\n  value: undefined,\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n\nexport interface RedsSwitchEvent {}\n"],"names":["defaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAYO,IAAMA,YAA2B,GAAA;EACtCC,KAAO,EAAA,KAAA,CAAA;AACPC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhsreds/reds-token-next\";\nexport interface RedsSwitch {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  trackOnColor?: string;\n  trackOffColor?: string;\n  onChange?: (value: boolean) => any;\n  onClick?: (value: GestureResponderEvent) => any;\n}\n\nexport interface RedsSwitchEvent {}\nexport const SwitchDefaultProps: RedsSwitch = {\n  value: undefined,\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"names":["SwitchDefaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAaO,IAAMA,kBAAiC,GAAA;EAC5CC,KAAO,EAAA,KAAA,CAAA;AACPC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}

package/lib/esm/index.js

@@ -1,15 +1,16 @@
 export { default as Button } from './components/Button/index.js';
 export { default as Popover } from './components/Popover/index.js';
 export { default as Switch } from './components/Switch/index.js';
-export { C as ConfigProvider } from './_chunks/Br6Ked0G.js';
+export { default as ConfigProvider } from './components/ConfigProvider/ConfigProvider.js';
 export { useThemeColor } from './components/ConfigProvider/hooks/themeToken/useThemeToken.js';
+export { PopoverDefaultProps } from './components/Popover/interface/index.js';
 import './_chunks/BHmvJnIm.js';
 import 'react';
 import 'react-native';
 import './components/Popover/component.js';
 import './components/Popover/hook.js';
 import '@floating-ui/react-native';
-import '@xhs/reds-token-next';
+import '@xhsreds/reds-token-next';
 import './components/Switch/interface/index.js';
 import './components/ConfigProvider/hooks/ConfigCache/ConfigCache.js';
 import './components/ConfigProvider/hooks/ConfigContext/ConfigContext.js';

package/lib/esm/index.js.map

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

package/lib/types/packages/reds-rn/src/components/Button/demo/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function App(): React.JSX.Element;

package/lib/types/packages/reds-rn/src/components/Button/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Button: React.FC<any>;
+export default Button;

package/lib/types/{src → packages/reds-rn/src}/components/Button/interface/index.d.ts

@@ -8,3 +8,4 @@ export interface RedsButton {
     onClick?: (value: Event) => void;
 }
 export declare const defaultProps: RedsButton;
+export declare const ButtonDefaultProps: RedsButton;

package/lib/types/packages/reds-rn/src/components/Button/test/index.bench.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/packages/reds-rn/src/components/Button/test/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/packages/reds-rn/src/components/ConfigProvider/ConfigProvider.d.ts

@@ -0,0 +1,4 @@
+import { ConfigProviderProps } from "./interface";
+import React from "react";
+declare const ConfigProvider: React.FC<ConfigProviderProps>;
+export default ConfigProvider;

package/lib/types/packages/reds-rn/src/components/ConfigProvider/demo/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function App(): React.JSX.Element;

package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/interface.d.ts

@@ -1,4 +1,4 @@
-import { lightColor, darkColor, typography } from "@xhs/reds-token-next";
+import { lightColor, darkColor, typography } from "@xhsreds/reds-token-next";
 type ValueOf<T> = T[keyof T];
 export type LightToken = keyof typeof lightColor;
 export type DarkToken = keyof typeof darkColor;

package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/index.d.ts

@@ -1,3 +1,3 @@
-import * as ConfigProvider from "./ConfigProvider";
+import ConfigProvider from "./ConfigProvider";
 export { useThemeColor } from "./hooks/themeToken/useThemeToken";
 export default ConfigProvider;

package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/interface/index.d.ts

@@ -35,4 +35,5 @@ export interface RedsConfigProvider {
 export interface RedsConfigProviderEvent {
 }
 export declare const defaultProps: RedsConfigProvider;
+export declare const ConfigProviderDefaultProps: RedsConfigProvider;
 export {};

package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.bench.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/packages/reds-rn/src/components/Popover/demo/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function App(): React.JSX.Element;

package/lib/types/{src → packages/reds-rn/src}/components/Popover/hook.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
 import type { LayoutChangeEvent } from "react-native";
+import { RedsPopover } from "./interface";
 export declare const useFloating: ({ placement, needModal }: {
-    placement: "top" | "bottom";
+    placement: RedsPopover["placement"];
     needModal: boolean;
 }) => {
     update: () => void;

package/lib/types/{src → packages/reds-rn/src}/components/Popover/interface/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 export interface RedsPopover {
     visible?: boolean;
-    placement?: "top" | "bottom";
+    placement?: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
     content?: string;
     opacity?: number;
     mode?: "light" | "dark";
@@ -14,4 +14,4 @@ export interface RedsPopover {
 }
 export interface RedsPopoverEvent {
 }
-export declare const defaultProps: RedsPopover;
+export declare const PopoverDefaultProps: RedsPopover;

package/lib/types/packages/reds-rn/src/components/Popover/test/index.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/packages/reds-rn/src/components/Popover/test/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/packages/reds-rn/src/components/Switch/demo/index.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function App(): React.JSX.Element;

package/lib/types/{src → packages/reds-rn/src}/components/Switch/interface/index.d.ts

@@ -5,9 +5,9 @@ export interface RedsSwitch {
     disabled?: boolean;
     trackOnColor?: string;
     trackOffColor?: string;
-    onChange?: (value: boolean) => void;
-    onClick?: (value: GestureResponderEvent) => void;
+    onChange?: (value: boolean) => any;
+    onClick?: (value: GestureResponderEvent) => any;
 }
-export declare const defaultProps: RedsSwitch;
 export interface RedsSwitchEvent {
 }
+export declare const SwitchDefaultProps: RedsSwitch;

package/lib/types/packages/reds-rn/src/components/Switch/test/index.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/types/packages/reds-rn/src/components/Switch/test/index.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/react-native/extend-expect";

package/lib/types/{src → packages/reds-rn/src}/index.d.ts

@@ -2,4 +2,5 @@ import Button from "./components/Button";
 import Popover from "./components/Popover";
 import Switch from "./components/Switch";
 import ConfigProvider, { useThemeColor } from "./components/ConfigProvider";
+export * from "./components/Popover/interface";
 export { Button, Popover, Switch, ConfigProvider, useThemeColor };

package/lib/types/utils/redsBench.d.ts

@@ -0,0 +1,3 @@
+import { BenchmarkAPI } from "vitest";
+declare const redsBench: BenchmarkAPI;
+export { redsBench };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.0.5",
+  "version": "0.0.9",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
     "@floating-ui/react-native": "~0.10.6",
     "dayjs": "^1.10.7",
-    "@xhs/reds-token-next": "npm:@xhsreds/reds-token-next@0.0.6"
+    "@xhsreds/reds-token-next": "0.0.9"
   },
   "peerDependencies": {
     "react": "~18.2.0",
@@ -14,7 +14,7 @@
   },
   "module": "./lib/esm/index.js",
   "main": "./lib/cjs/index.js",
-  "types": "./lib/types/index.d.ts",
+  "types": "./lib/types/src/index.d.ts",
   "exports": {
     ".": {
       "import": "./lib/esm/index.js",

package/src/components/Button/demo/index.tsx

@@ -20,13 +20,13 @@ const styles = StyleSheet.create({
 const Desc = ({ children = "" }) => {
   return <Text>{children}</Text>;
 };
-const Br = (props) => <View style={{ height: props.height || 20 }}></View>;
+const Br = (props: { height?: number }) => <View style={{ height: props.height || 20 }}></View>;
 
 export default function App() {
   const [value, setValue] = useState(false);
   const [valueStr, setValueStr] = useState(value.toString());
-  const onClick = (e) => setValue((v) => !v);
-  const onChange = (v) => setValueStr(v.toString());
+  const onClick = (_e: any) => setValue((v) => !v);
+  const onChange = (v: boolean) => setValueStr(v.toString());
   return (
     <View style={styles.container}>
       <Desc>默认用法</Desc>
@@ -34,16 +34,16 @@ export default function App() {
       <Br />
 
       <Desc>设置默认值</Desc>
-      <Button defaultValue={true}></Button>
+      <Button></Button>
       <Br />
 
       <Desc>修改开关颜色</Desc>
-      <Button trackOnColor={"#1b8bcd"} trackOffColor={"#da36c9"}></Button>
+      <Button></Button>
       <Br />
 
       <Desc>受控用法</Desc>
       <Text>当前值:{valueStr}</Text>
-      <Button value={value} onClick={onClick} onChange={onChange}></Button>
+      <Button></Button>
       <Br />
     </View>
   );

package/src/components/Button/index.tsx

@@ -1,7 +1,7 @@
 import React, { forwardRef } from "react";
 import { Text, View } from "react-native";
 
-export default forwardRef<View>((props: any, ref) => {
+const Button: React.FC<any> = forwardRef<View>((props: any, ref) => {
   return (
     <View
       ref={ref}
@@ -21,3 +21,5 @@ export default forwardRef<View>((props: any, ref) => {
     </View>
   );
 });
+
+export default Button;

package/src/components/Button/interface/index.ts

@@ -16,3 +16,9 @@ export const defaultProps: RedsButton = {
   trackOnColor: lightColor.Primary,
   trackOffColor: lightColor.Fill2,
 };
+export const ButtonDefaultProps: RedsButton = {
+  defaultValue: false,
+  disabled: false,
+  trackOnColor: lightColor.Primary,
+  trackOffColor: lightColor.Fill2,
+};

package/src/components/Button/test/index.bench.tsx

@@ -7,7 +7,7 @@ import Button from "../index";
 describe("Button", () => {
   it(":base", async () => {
     let isOn = false;
-    const wrapper = render(<Button onChange={(v) => (isOn = v)}></Button>);
+    const wrapper = render(<Button></Button>);
     expect(wrapper.UNSAFE_root.props.defaultValue).toBe(false);
     await fireEvent(wrapper.UNSAFE_root.children[0], "press");
     expect(isOn).toBe(true);

package/src/components/Button/test/index.test.tsx

@@ -2,7 +2,6 @@ import { describe, it, expect } from "vitest";
 import { render, fireEvent, userEvent } from "@testing-library/react-native";
 import "@testing-library/react-native/extend-expect";
 import { Pressable, Text, View } from "react-native";
-import Button from "../index";
 
 describe("Button", () => {
   it(":base", async () => {});

package/src/components/ConfigProvider/ConfigProvider.tsx

@@ -1,8 +1,9 @@
 import { ConfigProviderProps } from "./interface";
 import { configCache } from "./hooks/ConfigCache/ConfigCache";
 import { ConfigProviderContext, IConfigProviderContext } from "./hooks/ConfigContext/ConfigContext";
+import React from "react";
 
-const ConfigProvider = (props: ConfigProviderProps) => {
+const ConfigProvider: React.FC<ConfigProviderProps> = (props: ConfigProviderProps) => {
   const {
     id = "root",
     theme = {

package/src/components/ConfigProvider/demo/index.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect, useState } from "react";
 import { View, Text, StyleSheet, FlatList, ScrollView } from "react-native";
-import { ConfigProvider } from "@xhs/reds-rn-next";
+import { Button } from "@xhs/reds-rn-next";
 
 const styles = StyleSheet.create({
   container: {
@@ -20,30 +20,30 @@ const styles = StyleSheet.create({
 const Desc = ({ children = "" }) => {
   return <Text>{children}</Text>;
 };
-const Br = (props) => <View style={{ height: props.height || 20 }}></View>;
+const Br = (props: { height?: number }) => <View style={{ height: props.height || 20 }}></View>;
 
 export default function App() {
   const [value, setValue] = useState(false);
   const [valueStr, setValueStr] = useState(value.toString());
-  const onClick = (e) => setValue((v) => !v);
-  const onChange = (v) => setValueStr(v.toString());
+  const onClick = (_e: any) => setValue((v) => !v);
+  const onChange = (v: boolean) => setValueStr(v.toString());
   return (
     <View style={styles.container}>
       <Desc>默认用法</Desc>
-      <ConfigProvider></ConfigProvider>
+      <Button></Button>
       <Br />
 
       <Desc>设置默认值</Desc>
-      <ConfigProvider defaultValue={true}></ConfigProvider>
+      <Button></Button>
       <Br />
 
       <Desc>修改开关颜色</Desc>
-      <ConfigProvider trackOnColor={"#1b8bcd"} trackOffColor={"#da36c9"}></ConfigProvider>
+      <Button></Button>
       <Br />
 
       <Desc>受控用法</Desc>
       <Text>当前值:{valueStr}</Text>
-      <ConfigProvider value={value} onClick={onClick} onChange={onChange}></ConfigProvider>
+      <Button></Button>
       <Br />
     </View>
   );

package/src/components/ConfigProvider/index.ts

@@ -1,4 +1,4 @@
-import * as ConfigProvider from "./ConfigProvider";
+import ConfigProvider from "./ConfigProvider";
 
 export { useThemeColor } from "./hooks/themeToken/useThemeToken";
 export default ConfigProvider;

package/src/components/ConfigProvider/interface/index.ts

@@ -52,3 +52,19 @@ export const defaultProps: RedsConfigProvider = {
   inherit: true,
   token: {},
 };
+export const ConfigProviderDefaultProps: RedsConfigProvider = {
+  id: "root",
+  parentId: "root",
+  theme: {
+    colorMode: "light",
+    inherit: true,
+    token: {
+      lightColor: {},
+      darkColor: {},
+      alwaysColor: {},
+    },
+  },
+  colorMode: "light",
+  inherit: true,
+  token: {},
+};

package/src/components/ConfigProvider/test/index.bench.tsx

@@ -7,7 +7,7 @@ import ConfigProvider from "../index";
 describe("ConfigProvider", () => {
   it(":base", async () => {
     let isOn = false;
-    const wrapper = render(<ConfigProvider onChange={(v) => (isOn = v)}></ConfigProvider>);
+    const wrapper = render(<ConfigProvider>123</ConfigProvider>);
     expect(wrapper.UNSAFE_root.props.defaultValue).toBe(false);
     await fireEvent(wrapper.UNSAFE_root.children[0], "press");
     expect(isOn).toBe(true);

package/src/components/Popover/demo/index.tsx

@@ -1,6 +1,6 @@
 import React, { useRef, useEffect, useState, forwardRef } from "react";
 import { View, Text, StyleSheet, FlatList, ScrollView } from "react-native";
-import { Popover, Button } from "@xhs/reds-rn-next";
+import { Popover, Button, RedsPopover } from "@xhs/reds-rn-next";
 
 const styles = StyleSheet.create({
   container: {
@@ -62,7 +62,7 @@ export default function App() {
 
       <Br />
 
-      <Popover content={placement} placement={placement} visible>
+      <Popover content={placement} placement={placement as RedsPopover["placement"]} visible>
         <Button>{"气泡位置"}</Button>
       </Popover>
     </View>