@xhsreds/reds-rn-next 0.0.3 → 0.0.4

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

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

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

@@ -0,0 +1,11 @@
+import { lightColor } from '@xhs/reds-token-next';
+
+var defaultProps = {
+  defaultValue: false,
+  disabled: false,
+  trackOnColor: lightColor.Primary,
+  trackOffColor: lightColor.Fill2
+};
+
+export { defaultProps };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/NNNN/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsNNNN {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  trackOnColor?: string;\n  trackOffColor?: string;\n  onChange?: (value: boolean) => void;\n  onClick?: (value: Event) => void;\n}\n\nexport const defaultProps: RedsNNNN = {\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAYO,IAAMA,YAAyB,GAAA;AACpCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}

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

@@ -0,0 +1,79 @@
+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';
+
+var PP = function PP(_ref) {
+  var cValue = _ref.value,
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange,
+    onClick = _ref.onClick,
+    trackOnColor = _ref.trackOnColor,
+    trackOffColor = _ref.trackOffColor;
+  var isControlled = cValue !== void 0;
+  var _useState = useState(defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  var animatedValue = useRef(new Animated.Value(defaultValue ? 18 : 2)).current;
+  var thumbTranslateX = useMemo(function () {
+    return animatedValue.interpolate({
+      inputRange: [2, 18],
+      outputRange: [2, 18]
+    });
+  }, []);
+  useEffect(function () {
+    isControlled && setValue(cValue);
+    onChange === null || onChange === void 0 || onChange(!!value);
+    Animated.timing(animatedValue, {
+      toValue: value ? 18 : 2,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  }, [value, cValue]);
+  var togglePP = function togglePP(e) {
+    onClick === null || onClick === void 0 || onClick(e);
+    !isControlled && setValue(function (v) {
+      return !v;
+    });
+  };
+  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
+    onPress: function onPress(e) {
+      return togglePP(e);
+    }
+  }, /* @__PURE__ */React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: value ? trackOnColor : trackOffColor
+    }]
+  }, /* @__PURE__ */React.createElement(Animated.View, {
+    style: [styles.thumb, {
+      transform: [{
+        translateX: thumbTranslateX
+      }]
+    }]
+  })));
+};
+PP.defaultProps = defaultProps;
+var styles = StyleSheet.create({
+  container: {
+    width: 40,
+    height: 24,
+    borderRadius: 15,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  thumb: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: alwaysColor.White,
+    justifyContent: "center",
+    alignItems: "center",
+    position: "absolute",
+    left: 0
+  }
+});
+
+export { PP as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/PP/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsPP, defaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhs/reds-token-next\";\n\nconst PP = ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsPP) => {\n  const isControlled = cValue !== 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    isControlled && setValue(cValue);\n    onChange?.(!!value);\n    Animated.timing(animatedValue, {\n      toValue: value ? 18 : 2,\n      duration: 200,\n      useNativeDriver: true,\n    }).start();\n  }, [value, cValue]);\n\n  const togglePP = (e: GestureResponderEvent) => {\n    onClick?.(e);\n    !isControlled && setValue((v) => !v);\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => togglePP(e)}>\n      <View style={[styles.container, { backgroundColor: value ? trackOnColor : trackOffColor }]}>\n        <Animated.View style={[styles.thumb, { transform: [{ translateX: thumbTranslateX }] }]}></Animated.View>\n      </View>\n    </TouchableWithoutFeedback>\n  );\n};\n\nPP.defaultProps = defaultProps;\n\nconst styles = StyleSheet.create({\n  container: {\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 PP;\n"],"names":["PP","_ref","cValue","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","togglePP","e","v","TouchableWithoutFeedback","onPress","React","createElement","View","style","styles","container","backgroundColor","thumb","transform","translateX","defaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","alwaysColor","White","position","left"],"mappings":";;;;;;AAKA,IAAMA,EAAA,GAAK,SAALA,EAAAA,CAAAC,IAAA,EAAkG;AAAA,EAAA,IAAnFC,MAAA,GAAAD,IAAA,CAAPE,KAAO;IAAQC,oBAAAA;IAAcC,QAAU,GAAAJ,IAAA,CAAVI,QAAU;IAAAC,OAAA,GAAAL,IAAA,CAAAK,OAAA;IAASC,YAAc,GAAAN,IAAA,CAAdM,YAAc;IAAAC,aAAA,GAAAP,IAAA,CAAAO,aAAA,CAAA;AAC1E,EAAA,IAAMC,eAAeP,MAAW,KAAA,KAAA,CAAA,CAAA;AAChC,EAAA,IAAAQ,SAAA,GAA0BC,SAASP,YAAY,CAAA;IAAAQ,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCP,IAAAA,KAAA,GAAAS,UAAA,CAAA,CAAA,CAAA;AAAOE,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhB,EAAA,IAAAG,aAAA,GAAgBC,OAAO,IAAIC,QAAA,CAASC,MAAMd,YAAe,GAAA,EAAA,GAAK,CAAC,CAAC,CAAE,CAAAe,OAAA,CAAA;EAExE,IAAMC,kBAAkBC,OAAQ,CAAA,YAAA;IAAA,OAAMN,cAAcO,WAAY,CAAA;AAAEC,MAAAA,YAAY,CAAC,CAAA,EAAG,EAAE,CAAG;AAAAC,MAAAA,WAAA,EAAa,CAAC,CAAG,EAAA,EAAE,CAAA;AAAE,KAAC,CAAA,CAAA;AAAA,GAAA,EAAG,EAAE,CAAA,CAAA;AAElHC,EAAAA,SAAA,CAAU,YAAM;AACdhB,IAAAA,YAAA,IAAgBK,SAASZ,MAAM,CAAA,CAAA;IACpBG,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAAA,KAAAA,CAAAA,IAAAA,QAAA,CAAA,CAAC,CAACF,KAAK,CAAA,CAAA;AAClBc,IAAAA,QAAA,CAASS,OAAOX,aAAe,EAAA;AAC7BY,MAAAA,OAAA,EAASxB,QAAQ,EAAK,GAAA,CAAA;AACtByB,MAAAA,QAAU,EAAA,GAAA;AACVC,MAAAA,eAAiB,EAAA,IAAA;AACnB,KAAC,EAAEC,KAAM,EAAA,CAAA;AACX,GAAG,EAAA,CAAC3B,KAAO,EAAAD,MAAM,CAAC,CAAA,CAAA;AAEZ,EAAA,IAAA6B,QAAA,GAAW,SAAXA,QAAAA,CAAYC,CAA6B,EAAA;AAC7C1B,IAAAA,OAAA,aAAAA,OAAA,KAAA,KAAA,CAAA,IAAAA,OAAA,CAAU0B,CAAC,CAAA,CAAA;AACX,IAAA,CAACvB,YAAgB,IAAAK,QAAA,CAAS,UAACmB,CAAA,EAAA;AAAA,MAAA,OAAM,CAACA,CAAC,CAAA;KAAA,CAAA,CAAA;GACrC,CAAA;AAEA,EAAA,0CACGC,wBAAyB,EAAA;IAAAC,OAAA,EAAS,SAAAA,OAAAA,CAACH,CAAM,EAAA;MAAA,OAAAD,QAAA,CAASC,CAAC,CAClD,CAAA;AAAA,KAAA;AAAA,GAAA,iBAAAI,KAAA,CAAAC,aAAA,CAACC,IAAK,EAAA;AAAAC,IAAAA,KAAA,EAAO,CAACC,MAAO,CAAAC,SAAA,EAAW;AAAEC,MAAAA,eAAiB,EAAAvC,KAAA,GAAQI,eAAeC,aAAAA;KAAe,CAAA;GACvF,iBAAA4B,KAAA,CAAAC,aAAA,CAACpB,SAASqB,IAAT,EAAA;AAAcC,IAAAA,OAAO,CAACC,MAAA,CAAOG,OAAO;AAAEC,MAAAA,SAAA,EAAW,CAAC;AAAEC,QAAAA,YAAYzB,eAAAA;OAAiB,CAAA;KAAG,CAAA;GAAG,CAC1F,CACF,CAAA,CAAA;AAEJ,EAAA;AAEApB,EAAA,CAAG8C,YAAe,GAAAA,YAAA,CAAA;AAElB,IAAMN,MAAA,GAASO,WAAWC,MAAO,CAAA;AAC/BP,EAAAA,SAAW,EAAA;AACTQ,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;AACAV,EAAAA,KAAO,EAAA;AACLM,IAAAA,KAAO,EAAA,EAAA;AACPC,IAAAA,MAAQ,EAAA,EAAA;AACRC,IAAAA,YAAc,EAAA,EAAA;IACdT,iBAAiBY,WAAY,CAAAC,KAAA;AAC7BH,IAAAA,cAAgB,EAAA,QAAA;AAChBC,IAAAA,UAAY,EAAA,QAAA;AACZG,IAAAA,QAAU,EAAA,UAAA;AACVC,IAAAA,IAAM,EAAA,CAAA;AACR,GAAA;AACF,CAAC,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/PP/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsPP {\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: RedsPP = {\n  value: undefined,\n  defaultValue: false,\n  disabled: false,\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","value","defaultValue","disabled","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAYO,IAAMA,YAAuB,GAAA;EAClCC,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/components/Popover/component.js

@@ -1,4 +1,4 @@
-import { a as _objectSpread2 } from '../../_chunks/Djn5ftvm.js';
+import { _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
 import React, { forwardRef } from 'react';
 import { Modal, Pressable, View } from 'react-native';
 

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

@@ -1,4 +1,4 @@
-import { b as _objectWithoutProperties, a as _objectSpread2 } from '../../_chunks/Djn5ftvm.js';
+import { b as _objectWithoutProperties, _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
 import { useRef } from 'react';
 import { Platform } from 'react-native';
 import { useFloating as useFloating$1, shift, limitShift, flip, offset, arrow } from '@floating-ui/react-native';

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray, a as _objectSpread2 } from '../../_chunks/Djn5ftvm.js';
+import { a as _slicedToArray, _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
 import React, { useState, useMemo, useEffect, isValidElement, cloneElement } from 'react';
 import { TouchableWithoutFeedback, View, Text } from 'react-native';
 import { ModalWrapper, Arrow } from './component.js';

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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;;;;"}

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

@@ -1,4 +1,4 @@
-import { _ as _slicedToArray } from '../../_chunks/Djn5ftvm.js';
+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';

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\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, 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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"}

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

@@ -1,10 +1,9 @@
 import { lightColor } from '@xhs/reds-token-next';
 
 var defaultProps = {
+  value: void 0,
   defaultValue: false,
   disabled: false,
-  onClick: function onClick(event) {},
-  onChange: function onChange(value) {},
   trackOnColor: lightColor.Primary,
   trackOffColor: lightColor.Fill2
 };

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\";\n\nexport interface RedsSwitch {\n  value?: boolean;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  onClick?: (event: GestureResponderEvent) => void;\n  onChange?: (value: boolean) => void;\n  trackOnColor?: string;\n  trackOffColor?: string;\n}\n\nexport const defaultProps: RedsSwitch = {\n  defaultValue: false,\n  disabled: false,\n  onClick: (event: GestureResponderEvent) => {},\n  onChange: (value: boolean) => {},\n  trackOnColor: lightColor.Primary,\n  trackOffColor: lightColor.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","onClick","event","onChange","value","trackOnColor","lightColor","Primary","trackOffColor","Fill2"],"mappings":";;AAaO,IAAMA,YAA2B,GAAA;AACtCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;AACVC,EAAAA,OAAA,EAAS,SAAAA,OAAAA,CAACC,KAAiC,EAAA,EAAC;AAC5CC,EAAAA,QAAA,EAAU,SAAAA,QAAAA,CAACC,KAAmB,EAAA,EAAC;EAC/BC,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 \"@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;;;;"}

package/lib/esm/index.js

@@ -1,17 +1,15 @@
-export { default as Bu } from './components/Bu/index.js';
 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/npmn1D5V.js';
+export { C as ConfigProvider } from './_chunks/Br6Ked0G.js';
 export { useThemeColor } from './components/ConfigProvider/hooks/themeToken/useThemeToken.js';
-import './_chunks/Djn5ftvm.js';
+import './_chunks/BHmvJnIm.js';
 import 'react';
 import 'react-native';
-import './components/Bu/interface/index.js';
-import '@xhs/reds-token-next';
 import './components/Popover/component.js';
 import './components/Popover/hook.js';
 import '@floating-ui/react-native';
+import '@xhs/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/src/components/Button/interface/index.d.ts

@@ -1,11 +1,10 @@
-import { GestureResponderEvent } from "react-native";
 export interface RedsButton {
     value?: boolean;
     defaultValue?: boolean;
     disabled?: boolean;
-    onClick?: (event: GestureResponderEvent) => void;
-    onChange?: (value: boolean) => void;
     trackOnColor?: string;
     trackOffColor?: string;
+    onChange?: (value: boolean) => void;
+    onClick?: (value: Event) => void;
 }
 export declare const defaultProps: RedsButton;

package/lib/types/src/components/ConfigProvider/hooks/themeToken/useThemeToken.d.ts

@@ -5,4 +5,4 @@ export interface IThemeInstance {
 export interface MyProxyConstructor {
     new <T, H extends Record<string, unknown>>(target: T, handler: ProxyHandler<H>): H;
 }
-export declare const useThemeColor: (component?: Component) => ThemeColor;
+export declare const useThemeColor: (component?: Component, staticColorType?: "lightColor" | "darkColor") => ThemeColor;

package/lib/types/src/components/ConfigProvider/interface/index.d.ts

@@ -24,4 +24,15 @@ export interface ConfigProviderProps {
     theme?: IThemeConfig;
     parentId?: string;
 }
+export interface RedsConfigProvider {
+    id?: string;
+    parentId?: string;
+    theme?: IThemeConfig;
+    colorMode?: string;
+    inherit?: boolean;
+    token: Object;
+}
+export interface RedsConfigProviderEvent {
+}
+export declare const defaultProps: RedsConfigProvider;
 export {};

package/lib/types/src/components/NN/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RedsNN } from "./interface/index";
+declare const NN: {
+    ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsNN): React.JSX.Element;
+    defaultProps: RedsNN;
+};
+export default NN;

package/lib/types/src/components/NN/interface/index.d.ts

@@ -0,0 +1,10 @@
+export interface RedsNN {
+    value?: boolean;
+    defaultValue?: boolean;
+    disabled?: boolean;
+    trackOnColor?: string;
+    trackOffColor?: string;
+    onChange?: (value: boolean) => void;
+    onClick?: (value: Event) => void;
+}
+export declare const defaultProps: RedsNN;

package/lib/types/src/components/NNNN/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RedsNNNN } from "./interface/index";
+declare const NNNN: {
+    ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsNNNN): React.JSX.Element;
+    defaultProps: RedsNNNN;
+};
+export default NNNN;

package/lib/types/src/components/NNNN/interface/index.d.ts

@@ -0,0 +1,10 @@
+export interface RedsNNNN {
+    value?: boolean;
+    defaultValue?: boolean;
+    disabled?: boolean;
+    trackOnColor?: string;
+    trackOffColor?: string;
+    onChange?: (value: boolean) => void;
+    onClick?: (value: Event) => void;
+}
+export declare const defaultProps: RedsNNNN;

package/lib/types/src/components/PP/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RedsPP } from "./interface/index";
+declare const PP: {
+    ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsPP): React.JSX.Element;
+    defaultProps: RedsPP;
+};
+export default PP;

package/lib/types/src/components/{Bu → PP}/interface/index.d.ts

@@ -1,11 +1,11 @@
 import { GestureResponderEvent } from "react-native";
-export interface RedsBu {
+export interface RedsPP {
     value?: boolean;
     defaultValue?: boolean;
     disabled?: boolean;
-    onClick?: (event: GestureResponderEvent) => void;
-    onChange?: (value: boolean) => void;
     trackOnColor?: string;
     trackOffColor?: string;
+    onChange?: (value: boolean) => void;
+    onClick?: (value: GestureResponderEvent) => void;
 }
-export declare const defaultProps: RedsBu;
+export declare const defaultProps: RedsPP;

package/lib/types/src/components/Popover/interface/index.d.ts

@@ -5,9 +5,13 @@ export interface RedsPopover {
     content?: string;
     opacity?: number;
     mode?: "light" | "dark";
-    children?: ReactNode;
-    closeOnClickAgain?: boolean;
     trigger?: "click" | "touch";
     zIndex?: number;
-    onVisibleChange?: (v: boolean) => void;
+    closeOnClickAgain?: boolean;
+    children?: ReactNode;
+    onClickMask?: (evnet: Event) => void;
+    onVisibleChange?: (value: boolean) => void;
+}
+export interface RedsPopoverEvent {
 }
+export declare const defaultProps: RedsPopover;

package/lib/types/src/components/Switch/interface/index.d.ts

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

package/lib/types/src/index.d.ts

@@ -1,6 +1,5 @@
-import Bu from "./components/Bu";
 import Button from "./components/Button";
 import Popover from "./components/Popover";
 import Switch from "./components/Switch";
 import ConfigProvider, { useThemeColor } from "./components/ConfigProvider";
-export { Button, Popover, Switch, ConfigProvider, useThemeColor, Bu };
+export { Button, Popover, Switch, ConfigProvider, useThemeColor };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@xhsreds/reds-rn-next",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "author": "贾斌(呀哈) <jiabin@xiaohongshu.com>",
   "license": "ISC",
   "dependencies": {
     "@floating-ui/react-native": "~0.10.6",
     "dayjs": "^1.10.7",
-    "@xhs/reds-token-next": "0.0.2"
+    "@xhs/reds-token-next": "npm:@xhsreds/reds-token-next@0.0.5"
   },
   "peerDependencies": {
     "react": "~18.2.0",

package/src/components/Button/doc/index.mdx

@@ -2,13 +2,13 @@
 
 ### Props
 
-| 属性            | 描述             | 类型    | 默认值                |
-| --------------- | ---------------- | ------- | --------------------- |
-| value           | 当前的状态       | boolean |                       |
-| default-value   | 默认状态         | boolean | false                 |
-| disabled        | 是否显示气泡     | boolean | false                 |
-| track-on-color  | 开关开启时的颜色 | string  | rgba(255, 36, 66, 1)  |
-| track-off-color | 开关关闭时的颜色 | string  | rgba(48, 48, 52, 0.1) |
+| 属性            | 描述             | 类型    | 默认值             |
+| --------------- | ---------------- | ------- | ------------------ |
+| value           | 当前的状态       | boolean |                    |
+| default-value   | 默认状态         | boolean | false              |
+| disabled        | 是否显示气泡     | boolean | false              |
+| track-on-color  | 开关开启时的颜色 | string  | lightColor.Primary |
+| track-off-color | 开关关闭时的颜色 | string  | lightColor.Fill2   |
 
 ### Events
 

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

@@ -1,21 +1,18 @@
 import { GestureResponderEvent } from "react-native";
 import { lightColor } from "@xhs/reds-token-next";
-
 export interface RedsButton {
   value?: boolean;
   defaultValue?: boolean;
   disabled?: boolean;
-  onClick?: (event: GestureResponderEvent) => void;
-  onChange?: (value: boolean) => void;
   trackOnColor?: string;
   trackOffColor?: string;
+  onChange?: (value: boolean) => void;
+  onClick?: (value: Event) => void;
 }
 
 export const defaultProps: RedsButton = {
   defaultValue: false,
   disabled: false,
-  onClick: (event: GestureResponderEvent) => {},
-  onChange: (value: boolean) => {},
   trackOnColor: lightColor.Primary,
   trackOffColor: lightColor.Fill2,
 };

package/src/components/ConfigProvider/doc/index.mdx

@@ -14,7 +14,7 @@ import BaseDemo from "!!raw-loader!../demo/base.jsx";
 | ---------- | ------------------------------- | ------------ | ------------------------------------------------------------------------------------------------ |
 | id         | 主题 ID                         | string       | root                                                                                             |
 | parent-id  | 父级主题 ID                     | string       | root                                                                                             |
-| theme      | 主题定制                        | IThemeConfig | `{"colorMode":"light","inherit":true,"token":{"lightToken":{},"darkToken":{},"alwaysToken":{}}}` |
+| theme      | 主题定制                        | IThemeConfig | `{"colorMode":"light","inherit":true,"token":{"lightColor":{},"darkColor":{},"alwaysColor":{}}}` |
 | color-mode | IThemeConfig colorMode 主题模式 | string       | light                                                                                            |
 | inherit    | IThemeConfig inherit Token 继承 | boolean      | true                                                                                             |
 | token      | IThemeConfig token Token 定制   | Object       | `{}`                                                                                             |

package/src/components/ConfigProvider/hooks/themeToken/useThemeToken.ts

@@ -1,8 +1,14 @@
 import { useContext } from "react";
+import { lightColor, darkColor } from "@xhs/reds-token-next";
 import { configCache } from "../ConfigCache";
 import { ConfigProviderContext } from "../ConfigContext/ConfigContext";
 import { ThemeColor, ColorMode, LightToken, DarkToken, Component } from "../ConfigCache/interface";
 
+const staticColor = {
+  lightColor,
+  darkColor,
+};
+
 export interface IThemeInstance {
   colorMode: ColorMode;
 }
@@ -10,12 +16,15 @@ export interface MyProxyConstructor {
   new <T, H extends Record<string, unknown>>(target: T, handler: ProxyHandler<H>): H;
 }
 
-export const useThemeColor = (component?: Component) => {
+export const useThemeColor = (component?: Component, staticColorType: "lightColor" | "darkColor" = "lightColor") => {
   const id = useContext(ConfigProviderContext).id;
   const themeColor: ThemeColor = new (Proxy as MyProxyConstructor)(
     {},
     {
       get(this: IThemeInstance, _, key: LightToken | DarkToken) {
+        if (!id) {
+          return staticColor[staticColorType][key];
+        }
         if (configCache.getColorModeById(id) === "dark") {
           return component
             ? configCache.getDarkTokenByIdAndComponent(id, component)

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

@@ -26,3 +26,29 @@ export interface ConfigProviderProps {
   theme?: IThemeConfig;
   parentId?: string;
 }
+export interface RedsConfigProvider {
+  id?: string;
+  parentId?: string;
+  theme?: IThemeConfig;
+  colorMode?: string;
+  inherit?: boolean;
+  token: Object;
+}
+
+export interface RedsConfigProviderEvent {}
+export const defaultProps: RedsConfigProvider = {
+  id: "root",
+  parentId: "root",
+  theme: {
+    colorMode: "light",
+    inherit: true,
+    token: {
+      lightColor: {},
+      darkColor: {},
+      alwaysColor: {},
+    },
+  },
+  colorMode: "light",
+  inherit: true,
+  token: {},
+};

package/src/components/Popover/doc/index.mdx

@@ -12,20 +12,21 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
 
 ### Props
 
-| 属性                 | 描述                   | 类型                   | 默认值 |
-| -------------------- | ---------------------- | ---------------------- | ------ |
-| visible              | 是否显示气泡           | boolean                | false  |
-| placement            | 气泡方向               | "top" | "bottom"  | top    |
-| content              | 弹出内容               | string                 |        |
-| opacity              | 遮罩透明度             | number                 | 0      |
-| mode                 | 主题色                 | "light" | "dark"  | light  |
-| trigger              | 触发方式               | "click" | "touch" | click  |
-| z-index              | 层级                   | number                 | 1000   |
-| close-on-click-again | 再次点击关闭           | boolean                | true   |
-| children             | popover 作用的目标节点 | ReactNode              |        |
+| 属性                 | 描述                   | 类型                   | 默认值    |
+| -------------------- | ---------------------- | ---------------------- | --------- |
+| visible              | 是否显示气泡           | boolean                | undefined |
+| placement            | 气泡方向               | "top" | "bottom"  | top       |
+| content              | 弹出内容               | string                 |           |
+| opacity              | 遮罩透明度             | number                 | 0         |
+| mode                 | 主题色                 | "light" | "dark"  | light     |
+| trigger              | 触发方式               | "click" | "touch" | click     |
+| z-index              | 层级                   | number                 | 1000      |
+| close-on-click-again | 再次点击关闭           | boolean                | true      |
+| children             | popover 作用的目标节点 | ReactNode              |           |
 
 ### Events
 
-| 事件       | 描述             | 类型                   | 默认值 |
-| ---------- | ---------------- | ---------------------- | ------ |
-| click-mask | 点击遮罩层时触发 | (value: Event) => void |        |
+| 事件           | 描述             | 类型                     | 默认值 |
+| -------------- | ---------------- | ------------------------ | ------ |
+| click-mask     | 点击遮罩层时触发 | (evnet: Event) => void   |        |
+| visible-change | 点击遮罩层时触发 | (value: boolean) => void |        |