@xhsreds/reds-rn-next 0.0.5 → 0.0.9

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

@@ -1,79 +0,0 @@
-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 NN = function NN(_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 toggleNN = function toggleNN(e) {
-    onClick === null || onClick === void 0 || onClick(e);
-    !isControlled && setValue(function (v) {
-      return !v;
-    });
-  };
-  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-    onPress: function onPress(e) {
-      return toggleNN(e);
-    }
-  }, /* @__PURE__ */React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: value ? trackOnColor : trackOffColor
-    }]
-  }, /* @__PURE__ */React.createElement(Animated.View, {
-    style: [styles.thumb, {
-      transform: [{
-        translateX: thumbTranslateX
-      }]
-    }]
-  })));
-};
-NN.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 { NN as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/NN/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useMemo } from \"react\";\nimport { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from \"react-native\";\nimport { RedsNN, defaultProps } from \"./interface/index\";\nimport { alwaysColor } from \"@xhs/reds-token-next\";\n\nconst NN = ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsNN) => {\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 toggleNN = (e: GestureResponderEvent) => {\n    onClick?.(e);\n    !isControlled && setValue((v) => !v);\n  };\n\n  return (\n    <TouchableWithoutFeedback onPress={(e) => toggleNN(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\nNN.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 NN;\n"],"names":["NN","_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","toggleNN","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/NN/interface/index.js

@@ -1,11 +0,0 @@
-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/NN/interface/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/NN/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\nexport interface RedsNN {\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: RedsNN = {\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,YAAuB,GAAA;AAClCC,EAAAA,YAAc,EAAA,KAAA;AACdC,EAAAA,QAAU,EAAA,KAAA;EACVC,cAAcC,UAAW,CAAAC,OAAA;EACzBC,eAAeF,UAAW,CAAAG,KAAAA;AAC5B;;;;"}

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

@@ -1,79 +0,0 @@
-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 NNNN = function NNNN(_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 toggleNNNN = function toggleNNNN(e) {
-    onClick === null || onClick === void 0 || onClick(e);
-    !isControlled && setValue(function (v) {
-      return !v;
-    });
-  };
-  return /* @__PURE__ */React.createElement(TouchableWithoutFeedback, {
-    onPress: function onPress(e) {
-      return toggleNNNN(e);
-    }
-  }, /* @__PURE__ */React.createElement(View, {
-    style: [styles.container, {
-      backgroundColor: value ? trackOnColor : trackOffColor
-    }]
-  }, /* @__PURE__ */React.createElement(Animated.View, {
-    style: [styles.thumb, {
-      transform: [{
-        translateX: thumbTranslateX
-      }]
-    }]
-  })));
-};
-NNNN.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 { NNNN as default };
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,11 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,79 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

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

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/types/src/components/Button/index.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { View } from "react-native";
-declare const _default: React.ForwardRefExoticComponent<React.RefAttributes<View>>;
-export default _default;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ConfigProviderProps } from "./interface";
-declare const ConfigProvider: (props: ConfigProviderProps) => import("react").JSX.Element;
-export default ConfigProvider;

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

@@ -1,7 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/PP/interface/index.d.ts

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

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

@@ -1,50 +0,0 @@
-import React, { useRef, useEffect, useState } from "react";
-import { View, Text, StyleSheet, FlatList, ScrollView } from "react-native";
-import { Button } from "@xhs/reds-rn-next";
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    paddingTop: 100,
-    paddingBottom: 100,
-  },
-  scrollView: {
-    backgroundColor: "pink",
-  },
-  root: {
-    flex: 1,
-    backgroundColor: "blue",
-  },
-});
-const Desc = ({ children = "" }) => {
-  return <Text>{children}</Text>;
-};
-const Br = (props) => <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());
-  return (
-    <View style={styles.container}>
-      <Desc>默认用法</Desc>
-      <Button></Button>
-      <Br />
-
-      <Desc>设置默认值</Desc>
-      <Button defaultValue={true}></Button>
-      <Br />
-
-      <Desc>修改开关颜色</Desc>
-      <Button trackOnColor={"#1b8bcd"} trackOffColor={"#da36c9"}></Button>
-      <Br />
-
-      <Desc>受控用法</Desc>
-      <Text>当前值:{valueStr}</Text>
-      <Button value={value} onClick={onClick} onChange={onChange}></Button>
-      <Br />
-    </View>
-  );
-}