@xhsreds/reds-rn-next 0.0.5 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/coverage/coverage-final.json +13 -13
  2. package/lib/cjs/components/Button/index.js +2 -2
  3. package/lib/cjs/components/Button/index.js.map +1 -1
  4. package/lib/cjs/components/Button/interface/index.js +8 -1
  5. package/lib/cjs/components/Button/interface/index.js.map +1 -1
  6. package/lib/cjs/components/ConfigProvider/ConfigProvider.js +40 -8
  7. package/lib/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -1
  8. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
  9. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -1
  10. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
  11. package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
  12. package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -1
  13. package/lib/cjs/components/ConfigProvider/index.js +3 -3
  14. package/lib/cjs/components/ConfigProvider/interface/index.js +17 -0
  15. package/lib/cjs/components/ConfigProvider/interface/index.js.map +1 -1
  16. package/lib/cjs/components/Popover/hook.js.map +1 -1
  17. package/lib/cjs/components/Popover/index.js +1 -1
  18. package/lib/cjs/components/Popover/index.js.map +1 -1
  19. package/lib/cjs/components/Popover/interface/index.js +2 -3
  20. package/lib/cjs/components/Popover/interface/index.js.map +1 -1
  21. package/lib/cjs/components/Switch/index.js +2 -2
  22. package/lib/cjs/components/Switch/index.js.map +1 -1
  23. package/lib/cjs/components/Switch/interface/index.js +3 -3
  24. package/lib/cjs/components/Switch/interface/index.js.map +1 -1
  25. package/lib/cjs/index.js +5 -3
  26. package/lib/cjs/index.js.map +1 -1
  27. package/lib/esm/components/Button/index.js +2 -2
  28. package/lib/esm/components/Button/index.js.map +1 -1
  29. package/lib/esm/components/Button/interface/index.js +8 -2
  30. package/lib/esm/components/Button/interface/index.js.map +1 -1
  31. package/lib/esm/components/ConfigProvider/ConfigProvider.js +42 -6
  32. package/lib/esm/components/ConfigProvider/ConfigProvider.js.map +1 -1
  33. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +1 -1
  34. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -1
  35. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js +1 -1
  36. package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js +1 -1
  37. package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -1
  38. package/lib/esm/components/ConfigProvider/index.js +2 -2
  39. package/lib/esm/components/ConfigProvider/interface/index.js +17 -1
  40. package/lib/esm/components/ConfigProvider/interface/index.js.map +1 -1
  41. package/lib/esm/components/Popover/hook.js.map +1 -1
  42. package/lib/esm/components/Popover/index.js +1 -1
  43. package/lib/esm/components/Popover/index.js.map +1 -1
  44. package/lib/esm/components/Popover/interface/index.js +2 -3
  45. package/lib/esm/components/Popover/interface/index.js.map +1 -1
  46. package/lib/esm/components/Switch/index.js +3 -3
  47. package/lib/esm/components/Switch/index.js.map +1 -1
  48. package/lib/esm/components/Switch/interface/index.js +3 -3
  49. package/lib/esm/components/Switch/interface/index.js.map +1 -1
  50. package/lib/esm/index.js +3 -2
  51. package/lib/esm/index.js.map +1 -1
  52. package/lib/types/packages/reds-rn/src/components/Button/demo/index.d.ts +2 -0
  53. package/lib/types/packages/reds-rn/src/components/Button/index.d.ts +3 -0
  54. package/lib/types/{src → packages/reds-rn/src}/components/Button/interface/index.d.ts +1 -0
  55. package/lib/types/packages/reds-rn/src/components/Button/test/index.bench.d.ts +1 -0
  56. package/lib/types/packages/reds-rn/src/components/Button/test/index.test.d.ts +1 -0
  57. package/lib/types/packages/reds-rn/src/components/ConfigProvider/ConfigProvider.d.ts +4 -0
  58. package/lib/types/packages/reds-rn/src/components/ConfigProvider/demo/index.d.ts +2 -0
  59. package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/interface.d.ts +1 -1
  60. package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/index.d.ts +1 -1
  61. package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/interface/index.d.ts +1 -0
  62. package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.bench.d.ts +1 -0
  63. package/lib/types/packages/reds-rn/src/components/ConfigProvider/test/index.test.d.ts +1 -0
  64. package/lib/types/packages/reds-rn/src/components/Popover/demo/index.d.ts +2 -0
  65. package/lib/types/{src → packages/reds-rn/src}/components/Popover/hook.d.ts +2 -1
  66. package/lib/types/{src → packages/reds-rn/src}/components/Popover/interface/index.d.ts +2 -2
  67. package/lib/types/packages/reds-rn/src/components/Popover/test/index.bench.d.ts +1 -0
  68. package/lib/types/packages/reds-rn/src/components/Popover/test/index.test.d.ts +1 -0
  69. package/lib/types/packages/reds-rn/src/components/Switch/demo/index.d.ts +2 -0
  70. package/lib/types/{src → packages/reds-rn/src}/components/Switch/interface/index.d.ts +3 -3
  71. package/lib/types/packages/reds-rn/src/components/Switch/test/index.bench.d.ts +1 -0
  72. package/lib/types/packages/reds-rn/src/components/Switch/test/index.test.d.ts +1 -0
  73. package/lib/types/{src → packages/reds-rn/src}/index.d.ts +1 -0
  74. package/lib/types/utils/redsBench.d.ts +3 -0
  75. package/package.json +3 -3
  76. package/src/components/Button/demo/index.tsx +6 -6
  77. package/src/components/Button/index.tsx +3 -1
  78. package/src/components/Button/interface/index.ts +6 -0
  79. package/src/components/Button/test/index.bench.tsx +1 -1
  80. package/src/components/Button/test/index.test.tsx +0 -1
  81. package/src/components/ConfigProvider/ConfigProvider.tsx +2 -1
  82. package/src/components/ConfigProvider/demo/index.tsx +8 -8
  83. package/src/components/ConfigProvider/index.ts +1 -1
  84. package/src/components/ConfigProvider/interface/index.ts +16 -0
  85. package/src/components/ConfigProvider/test/index.bench.tsx +1 -1
  86. package/src/components/Popover/demo/index.tsx +2 -2
  87. package/src/components/Popover/doc/index.mdx +11 -11
  88. package/src/components/Popover/hook.ts +2 -1
  89. package/src/components/Popover/interface/index.ts +2 -3
  90. package/src/components/Switch/demo/index.tsx +4 -3
  91. package/src/components/Switch/doc/index.mdx +4 -4
  92. package/src/components/Switch/index.tsx +2 -2
  93. package/src/components/Switch/interface/index.ts +4 -5
  94. package/src/index.ts +2 -0
  95. package/tsconfig.json +6 -2
  96. package/lib/cjs/_chunks/DiJl2cva.js +0 -49
  97. package/lib/cjs/_chunks/DiJl2cva.js.map +0 -1
  98. package/lib/cjs/components/NN/index.js +0 -83
  99. package/lib/cjs/components/NN/index.js.map +0 -1
  100. package/lib/cjs/components/NN/interface/index.js +0 -13
  101. package/lib/cjs/components/NN/interface/index.js.map +0 -1
  102. package/lib/cjs/components/NNNN/index.js +0 -83
  103. package/lib/cjs/components/NNNN/index.js.map +0 -1
  104. package/lib/cjs/components/NNNN/interface/index.js +0 -13
  105. package/lib/cjs/components/NNNN/interface/index.js.map +0 -1
  106. package/lib/cjs/components/PP/index.js +0 -83
  107. package/lib/cjs/components/PP/index.js.map +0 -1
  108. package/lib/cjs/components/PP/interface/index.js +0 -14
  109. package/lib/cjs/components/PP/interface/index.js.map +0 -1
  110. package/lib/esm/_chunks/Br6Ked0G.js +0 -46
  111. package/lib/esm/_chunks/Br6Ked0G.js.map +0 -1
  112. package/lib/esm/components/NN/index.js +0 -79
  113. package/lib/esm/components/NN/index.js.map +0 -1
  114. package/lib/esm/components/NN/interface/index.js +0 -11
  115. package/lib/esm/components/NN/interface/index.js.map +0 -1
  116. package/lib/esm/components/NNNN/index.js +0 -79
  117. package/lib/esm/components/NNNN/index.js.map +0 -1
  118. package/lib/esm/components/NNNN/interface/index.js +0 -11
  119. package/lib/esm/components/NNNN/interface/index.js.map +0 -1
  120. package/lib/esm/components/PP/index.js +0 -79
  121. package/lib/esm/components/PP/index.js.map +0 -1
  122. package/lib/esm/components/PP/interface/index.js +0 -12
  123. package/lib/esm/components/PP/interface/index.js.map +0 -1
  124. package/lib/types/src/components/Button/index.d.ts +0 -4
  125. package/lib/types/src/components/ConfigProvider/ConfigProvider.d.ts +0 -4
  126. package/lib/types/src/components/NN/index.d.ts +0 -7
  127. package/lib/types/src/components/NN/interface/index.d.ts +0 -10
  128. package/lib/types/src/components/NNNN/index.d.ts +0 -7
  129. package/lib/types/src/components/NNNN/interface/index.d.ts +0 -10
  130. package/lib/types/src/components/PP/index.d.ts +0 -7
  131. package/lib/types/src/components/PP/interface/index.d.ts +0 -11
  132. package/src/components/Button/demo/index.jsx +0 -50
  133. /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts +0 -0
  134. /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigCache/index.d.ts +0 -0
  135. /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/ConfigContext/ConfigContext.d.ts +0 -0
  136. /package/lib/types/{src → packages/reds-rn/src}/components/ConfigProvider/hooks/themeToken/useThemeToken.d.ts +0 -0
  137. /package/lib/types/{src → packages/reds-rn/src}/components/Popover/component.d.ts +0 -0
  138. /package/lib/types/{src → packages/reds-rn/src}/components/Popover/index.d.ts +0 -0
  139. /package/lib/types/{src → packages/reds-rn/src}/components/Popover/manifest.d.ts +0 -0
  140. /package/lib/types/{src → packages/reds-rn/src}/components/Switch/index.d.ts +0 -0
@@ -12,17 +12,17 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
12
12
 
13
13
  ### Props
14
14
 
15
- | 属性 | 描述 | 类型 | 默认值 |
16
- | -------------------- | ---------------------- | ---------------------- | --------- |
17
- | visible | 是否显示气泡 | boolean | undefined |
18
- | placement | 气泡方向 | "top" | "bottom" | top |
19
- | content | 弹出内容 | string | |
20
- | opacity | 遮罩透明度 | number | 0 |
21
- | mode | 主题色 | "light" | "dark" | light |
22
- | trigger | 触发方式 | "click" | "touch" | click |
23
- | z-index | 层级 | number | 1000 |
24
- | close-on-click-again | 再次点击关闭 | boolean | true |
25
- | children | popover 作用的目标节点 | ReactNode | |
15
+ | 属性 | 描述 | 类型 | 默认值 |
16
+ | -------------------- | ---------------------- | --------------------------------------------------------------------------------------------------- | --------- |
17
+ | visible | 是否显示气泡 | boolean | undefined |
18
+ | placement | 气泡方向 | "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end" | top |
19
+ | content | 弹出内容 | string | |
20
+ | opacity | 遮罩透明度 | number | 0 |
21
+ | mode | 主题色 | "light" | "dark" | |
22
+ | trigger | 触发方式 | "click" | "touch" | click |
23
+ | z-index | 层级 | number | 1000 |
24
+ | close-on-click-again | 再次点击关闭 | boolean | true |
25
+ | children | popover 作用的目标节点 | ReactNode | |
26
26
 
27
27
  ### Events
28
28
 
@@ -2,8 +2,9 @@ import { useRef } from "react";
2
2
  import { Platform, View } from "react-native";
3
3
  import type { MeasureOnSuccessCallback, NativeMethods, LayoutChangeEvent } from "react-native";
4
4
  import { useFloating as useFloatingUI, shift, limitShift, flip, offset, arrow } from "@floating-ui/react-native";
5
+ import { RedsPopover } from "./interface";
5
6
 
6
- export const useFloating = ({ placement, needModal }: { placement: "top" | "bottom"; needModal: boolean }) => {
7
+ export const useFloating = ({ placement, needModal }: { placement: RedsPopover["placement"]; needModal: boolean }) => {
7
8
  const arrowRef = useRef(null);
8
9
  const floatingHeight = useRef(0);
9
10
  const referenceX = useRef(0);
@@ -1,7 +1,7 @@
1
1
  import { ReactNode } from "react";
2
2
  export interface RedsPopover {
3
3
  visible?: boolean;
4
- placement?: "top" | "bottom";
4
+ placement?: "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
5
5
  content?: string;
6
6
  opacity?: number;
7
7
  mode?: "light" | "dark";
@@ -14,12 +14,11 @@ export interface RedsPopover {
14
14
  }
15
15
 
16
16
  export interface RedsPopoverEvent {}
17
- export const defaultProps: RedsPopover = {
17
+ export const PopoverDefaultProps: RedsPopover = {
18
18
  visible: undefined,
19
19
  placement: "top",
20
20
  content: "",
21
21
  opacity: 0,
22
- mode: "light",
23
22
  trigger: "click",
24
23
  zIndex: 1000,
25
24
  closeOnClickAgain: true,
@@ -20,19 +20,20 @@ const styles = StyleSheet.create({
20
20
  const Desc = ({ children = "" }) => {
21
21
  return <Text>{children}</Text>;
22
22
  };
23
- const Br = (props) => <View style={{ height: props.height || 20 }}></View>;
23
+ const Br = (props: { height?: number }) => <View style={{ height: props.height || 20 }}></View>;
24
24
 
25
25
  export default function App() {
26
26
  const [value, setValue] = useState(false);
27
27
  const [valueStr, setValueStr] = useState(value.toString());
28
- const onClick = (e) => setValue((v) => !v);
29
- const onChange = (v) => {
28
+ const onClick = (e: any) => setValue((v) => !v);
29
+ const onChange = (v: boolean) => {
30
30
  console.log(v);
31
31
  setValueStr(v.toString());
32
32
  };
33
33
  return (
34
34
  <View style={styles.container}>
35
35
  <Desc>默认用法</Desc>
36
+ <Text>{"children"}</Text>
36
37
  <Switch></Switch>
37
38
  <Br />
38
39
 
@@ -18,7 +18,7 @@ import BaseDemo from "!!raw-loader!../demo/index.tsx";
18
18
 
19
19
  ### Events
20
20
 
21
- | 事件 | 描述 | 类型 | 默认值 |
22
- | ------ | ------------------ | -------------------------------------- | ------ |
23
- | change | 当值发生变化时触发 | (value: boolean) => void | |
24
- | click | 被点击时触发 | (value: GestureResponderEvent) => void | |
21
+ | 事件 | 描述 | 类型 | 默认值 |
22
+ | ------ | ------------------ | ------------------------------------- | ------ |
23
+ | change | 当值发生变化时触发 | (value: boolean) => any | |
24
+ | click | 被点击时触发 | (value: GestureResponderEvent) => any | |
@@ -1,6 +1,6 @@
1
1
  import React, { useState, useRef, useEffect, useMemo } from "react";
2
2
  import { View, TouchableWithoutFeedback, StyleSheet, Animated, GestureResponderEvent } from "react-native";
3
- import { RedsSwitch, defaultProps } from "./interface/index";
3
+ import { RedsSwitch, SwitchDefaultProps } from "./interface/index";
4
4
  import { alwaysColor } from "@xhs/reds-token-next";
5
5
 
6
6
  const Switch = ({ value: isOn, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {
@@ -37,7 +37,7 @@ const Switch = ({ value: isOn, defaultValue, onChange, onClick, trackOnColor, tr
37
37
  );
38
38
  };
39
39
 
40
- Switch.defaultProps = defaultProps;
40
+ Switch.defaultProps = SwitchDefaultProps;
41
41
 
42
42
  const styles = StyleSheet.create({
43
43
  switchContainer: {
@@ -6,16 +6,15 @@ export interface RedsSwitch {
6
6
  disabled?: boolean;
7
7
  trackOnColor?: string;
8
8
  trackOffColor?: string;
9
- onChange?: (value: boolean) => void;
10
- onClick?: (value: GestureResponderEvent) => void;
9
+ onChange?: (value: boolean) => any;
10
+ onClick?: (value: GestureResponderEvent) => any;
11
11
  }
12
12
 
13
- export const defaultProps: RedsSwitch = {
13
+ export interface RedsSwitchEvent {}
14
+ export const SwitchDefaultProps: RedsSwitch = {
14
15
  value: undefined,
15
16
  defaultValue: false,
16
17
  disabled: false,
17
18
  trackOnColor: lightColor.Primary,
18
19
  trackOffColor: lightColor.Fill2,
19
20
  };
20
-
21
- export interface RedsSwitchEvent {}
package/src/index.ts CHANGED
@@ -2,4 +2,6 @@ import Button from "./components/Button";
2
2
  import Popover from "./components/Popover";
3
3
  import Switch from "./components/Switch";
4
4
  import ConfigProvider, { useThemeColor } from "./components/ConfigProvider";
5
+
6
+ export * from "./components/Popover/interface";
5
7
  export { Button, Popover, Switch, ConfigProvider, useThemeColor };
package/tsconfig.json CHANGED
@@ -2,8 +2,12 @@
2
2
  "extends": "../../tsconfig.json",
3
3
  "compilerOptions": {
4
4
  "outDir": "./lib",
5
- "rootDir": "./"
5
+ "baseUrl": ".",
6
+ "paths": {
7
+ "@xhs/reds-rn-next": ["src/index"],
8
+ "~root/utils/*": ["../../utils/*"]
9
+ }
6
10
  },
7
11
  "include": ["src"],
8
- "exclude": ["node_modules", "lib", "src/**/demo/**", "src/**/test/**"]
12
+ "exclude": ["node_modules", "lib"]
9
13
  }
@@ -1,49 +0,0 @@
1
- 'use strict';
2
-
3
- var _rollupPluginBabelHelpers = require('./CAyGJuk1.js');
4
- var components_ConfigProvider_hooks_ConfigCache_ConfigCache = require('../components/ConfigProvider/hooks/ConfigCache/ConfigCache.js');
5
- var components_ConfigProvider_hooks_ConfigContext_ConfigContext = require('../components/ConfigProvider/hooks/ConfigContext/ConfigContext.js');
6
-
7
- var ConfigProvider = function ConfigProvider(props) {
8
- var _theme$token, _theme$token2, _theme$token3, _theme$token4;
9
- var _props$id = props.id,
10
- id = _props$id === void 0 ? "root" : _props$id,
11
- _props$theme = props.theme,
12
- theme = _props$theme === void 0 ? {
13
- colorMode: "light",
14
- inherit: true
15
- } : _props$theme,
16
- _props$parentId = props.parentId,
17
- parentId = _props$parentId === void 0 ? "root" : _props$parentId,
18
- children = props.children;
19
- var themeCache = {
20
- colorMode: theme.colorMode || "light",
21
- token: {
22
- lightColor: _rollupPluginBabelHelpers._objectSpread2({}, (_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.lightColor),
23
- darkColor: _rollupPluginBabelHelpers._objectSpread2({}, (_theme$token2 = theme.token) === null || _theme$token2 === void 0 ? void 0 : _theme$token2.darkColor),
24
- alwaysColor: _rollupPluginBabelHelpers._objectSpread2({}, (_theme$token3 = theme.token) === null || _theme$token3 === void 0 ? void 0 : _theme$token3.alwaysColor),
25
- components: _rollupPluginBabelHelpers._objectSpread2({}, (_theme$token4 = theme.token) === null || _theme$token4 === void 0 ? void 0 : _theme$token4.components)
26
- },
27
- inherit: theme.inherit
28
- };
29
- components_ConfigProvider_hooks_ConfigCache_ConfigCache.configCache.addNewConfigCache({
30
- id: id,
31
- themeCache: themeCache,
32
- parentId: parentId
33
- });
34
- var configProviderContextValue = {
35
- id: id
36
- };
37
- return /* @__PURE__ */React.createElement(components_ConfigProvider_hooks_ConfigContext_ConfigContext.ConfigProviderContext.Provider, {
38
- value: configProviderContextValue
39
- }, children);
40
- };
41
-
42
- var ConfigProvider$1 = /*#__PURE__*/Object.freeze({
43
- __proto__: null,
44
- default: ConfigProvider
45
- });
46
-
47
- exports.ConfigProvider = ConfigProvider$1;
48
- exports.ConfigProvider$1 = ConfigProvider;
49
- //# sourceMappingURL=DiJl2cva.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DiJl2cva.js","sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import { ConfigProviderProps } from \"./interface\";\nimport { configCache } from \"./hooks/ConfigCache/ConfigCache\";\nimport { ConfigProviderContext, IConfigProviderContext } from \"./hooks/ConfigContext/ConfigContext\";\n\nconst ConfigProvider = (props: ConfigProviderProps) => {\n const {\n id = \"root\",\n theme = {\n colorMode: \"light\",\n inherit: true,\n },\n parentId = \"root\",\n children,\n } = props;\n\n const themeCache = {\n colorMode: theme.colorMode || \"light\",\n token: {\n lightColor: {\n ...theme.token?.lightColor,\n },\n darkColor: {\n ...theme.token?.darkColor,\n },\n alwaysColor: {\n ...theme.token?.alwaysColor,\n },\n components: {\n ...theme.token?.components,\n },\n },\n inherit: theme.inherit,\n };\n\n configCache.addNewConfigCache({\n id,\n themeCache,\n parentId,\n });\n\n const configProviderContextValue: IConfigProviderContext = {\n id: id,\n };\n\n return <ConfigProviderContext.Provider value={configProviderContextValue}>{children}</ConfigProviderContext.Provider>;\n};\n\nexport default ConfigProvider;\n"],"names":["ConfigProvider","props","_theme$token","_theme$token2","_theme$token3","_theme$token4","_props$id","id","_props$theme","theme","colorMode","inherit","_props$parentId","parentId","children","themeCache","token","lightColor","_objectSpread","darkColor","alwaysColor","components","configCache","addNewConfigCache","configProviderContextValue","ConfigProviderContext","Provider","value"],"mappings":";;;;;;AAIA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBC,KAA+B,EAAA;AAAA,EAAA,IAAAC,YAAA,EAAAC,aAAA,EAAAC,aAAA,EAAAC,aAAA,CAAA;AAC/C,EAAA,IAAAC,SAAA,GAQFL,KAAA,CAPFM,EAAK;AAALA,IAAAA,EAAK,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,SAAA;IAAAE,YAAA,GAOHP,KAAA,CANFQ,KAAQ;IAARA,KAAQ,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAA;AACNE,MAAAA,SAAW,EAAA,OAAA;AACXC,MAAAA,OAAS,EAAA,IAAA;AACX,KAAA,GAAAH,YAAA;IAAAI,eAAA,GAGEX,KAAA,CAFFY,QAAW;AAAXA,IAAAA,QAAW,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,eAAA;IACXE,QAAA,GACEb,KAAA,CADFa,QAAA,CAAA;AAGF,EAAA,IAAMC,UAAa,GAAA;AACjBL,IAAAA,SAAA,EAAWD,MAAMC,SAAa,IAAA,OAAA;AAC9BM,IAAAA,KAAO,EAAA;AACLC,MAAAA,UAAY,EAAAC,wCAAA,CAAAhB,EAAAA,EAAAA,CAAAA,YAAA,GACPO,MAAMO,KAAO,MAAA,IAAA,IAAAd,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,YAAA,CAAae,UAAA,CAClB;AACAE,MAAAA,SAAW,EAAAD,wCAAA,CAAAf,EAAAA,EAAAA,CAAAA,aAAA,GACNM,MAAMO,KAAO,MAAA,IAAA,IAAAb,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,SAAA,CAClB;AACAC,MAAAA,WAAa,EAAAF,wCAAA,CAAAd,EAAAA,EAAAA,CAAAA,aAAA,GACRK,MAAMO,KAAO,MAAA,IAAA,IAAAZ,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,WAAA,CAClB;AACAC,MAAAA,UAAY,EAAAH,wCAAA,CAAAb,EAAAA,EAAAA,CAAAA,aAAA,GACPI,MAAMO,KAAO,MAAAX,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAagB,UAAA,CAAA;KAEpB;IACAV,SAASF,KAAM,CAAAE,OAAAA;GACjB,CAAA;EAEAW,mEAAA,CAAYC,iBAAkB,CAAA;AAC5BhB,IAAAA,EAAA,EAAAA,EAAA;AACAQ,IAAAA,UAAA,EAAAA,UAAA;AACAF,IAAAA,QAAA,EAAAA,QAAAA;AACF,GAAC,CAAA,CAAA;AAED,EAAA,IAAMW,0BAAqD,GAAA;AACzDjB,IAAAA,EAAA,EAAAA,EAAAA;GACF,CAAA;EAEA,0CAAQkB,iFAAsB,CAAAC,QAAA,EAAtB;AAA+BC,IAAAA,KAAA,EAAOH,0BAAAA;KAA6BV,QAAS,CAAA,CAAA;AACtF;;;;;;;;;;"}
@@ -1,83 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
6
- var React = require('react');
7
- var reactNative = require('react-native');
8
- var components_NN_interface_index = require('./interface/index.js');
9
- var redsTokenNext = require('@xhs/reds-token-next');
10
-
11
- var NN = function NN(_ref) {
12
- var cValue = _ref.value,
13
- defaultValue = _ref.defaultValue,
14
- onChange = _ref.onChange,
15
- onClick = _ref.onClick,
16
- trackOnColor = _ref.trackOnColor,
17
- trackOffColor = _ref.trackOffColor;
18
- var isControlled = cValue !== void 0;
19
- var _useState = React.useState(defaultValue),
20
- _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
21
- value = _useState2[0],
22
- setValue = _useState2[1];
23
- var animatedValue = React.useRef(new reactNative.Animated.Value(defaultValue ? 18 : 2)).current;
24
- var thumbTranslateX = React.useMemo(function () {
25
- return animatedValue.interpolate({
26
- inputRange: [2, 18],
27
- outputRange: [2, 18]
28
- });
29
- }, []);
30
- React.useEffect(function () {
31
- isControlled && setValue(cValue);
32
- onChange === null || onChange === void 0 || onChange(!!value);
33
- reactNative.Animated.timing(animatedValue, {
34
- toValue: value ? 18 : 2,
35
- duration: 200,
36
- useNativeDriver: true
37
- }).start();
38
- }, [value, cValue]);
39
- var toggleNN = function toggleNN(e) {
40
- onClick === null || onClick === void 0 || onClick(e);
41
- !isControlled && setValue(function (v) {
42
- return !v;
43
- });
44
- };
45
- return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
46
- onPress: function onPress(e) {
47
- return toggleNN(e);
48
- }
49
- }, /* @__PURE__ */React.createElement(reactNative.View, {
50
- style: [styles.container, {
51
- backgroundColor: value ? trackOnColor : trackOffColor
52
- }]
53
- }, /* @__PURE__ */React.createElement(reactNative.Animated.View, {
54
- style: [styles.thumb, {
55
- transform: [{
56
- translateX: thumbTranslateX
57
- }]
58
- }]
59
- })));
60
- };
61
- NN.defaultProps = components_NN_interface_index.defaultProps;
62
- var styles = reactNative.StyleSheet.create({
63
- container: {
64
- width: 40,
65
- height: 24,
66
- borderRadius: 15,
67
- justifyContent: "center",
68
- alignItems: "center"
69
- },
70
- thumb: {
71
- width: 20,
72
- height: 20,
73
- borderRadius: 10,
74
- backgroundColor: redsTokenNext.alwaysColor.White,
75
- justifyContent: "center",
76
- alignItems: "center",
77
- position: "absolute",
78
- left: 0
79
- }
80
- });
81
-
82
- exports.default = NN;
83
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"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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"}
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- var redsTokenNext = require('@xhs/reds-token-next');
4
-
5
- var defaultProps = {
6
- defaultValue: false,
7
- disabled: false,
8
- trackOnColor: redsTokenNext.lightColor.Primary,
9
- trackOffColor: redsTokenNext.lightColor.Fill2
10
- };
11
-
12
- exports.defaultProps = defaultProps;
13
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"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,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
@@ -1,83 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
6
- var React = require('react');
7
- var reactNative = require('react-native');
8
- var components_NNNN_interface_index = require('./interface/index.js');
9
- var redsTokenNext = require('@xhs/reds-token-next');
10
-
11
- var NNNN = function NNNN(_ref) {
12
- var cValue = _ref.value,
13
- defaultValue = _ref.defaultValue,
14
- onChange = _ref.onChange,
15
- onClick = _ref.onClick,
16
- trackOnColor = _ref.trackOnColor,
17
- trackOffColor = _ref.trackOffColor;
18
- var isControlled = cValue !== void 0;
19
- var _useState = React.useState(defaultValue),
20
- _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
21
- value = _useState2[0],
22
- setValue = _useState2[1];
23
- var animatedValue = React.useRef(new reactNative.Animated.Value(defaultValue ? 18 : 2)).current;
24
- var thumbTranslateX = React.useMemo(function () {
25
- return animatedValue.interpolate({
26
- inputRange: [2, 18],
27
- outputRange: [2, 18]
28
- });
29
- }, []);
30
- React.useEffect(function () {
31
- isControlled && setValue(cValue);
32
- onChange === null || onChange === void 0 || onChange(!!value);
33
- reactNative.Animated.timing(animatedValue, {
34
- toValue: value ? 18 : 2,
35
- duration: 200,
36
- useNativeDriver: true
37
- }).start();
38
- }, [value, cValue]);
39
- var toggleNNNN = function toggleNNNN(e) {
40
- onClick === null || onClick === void 0 || onClick(e);
41
- !isControlled && setValue(function (v) {
42
- return !v;
43
- });
44
- };
45
- return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
46
- onPress: function onPress(e) {
47
- return toggleNNNN(e);
48
- }
49
- }, /* @__PURE__ */React.createElement(reactNative.View, {
50
- style: [styles.container, {
51
- backgroundColor: value ? trackOnColor : trackOffColor
52
- }]
53
- }, /* @__PURE__ */React.createElement(reactNative.Animated.View, {
54
- style: [styles.thumb, {
55
- transform: [{
56
- translateX: thumbTranslateX
57
- }]
58
- }]
59
- })));
60
- };
61
- NNNN.defaultProps = components_NNNN_interface_index.defaultProps;
62
- var styles = reactNative.StyleSheet.create({
63
- container: {
64
- width: 40,
65
- height: 24,
66
- borderRadius: 15,
67
- justifyContent: "center",
68
- alignItems: "center"
69
- },
70
- thumb: {
71
- width: 20,
72
- height: 20,
73
- borderRadius: 10,
74
- backgroundColor: redsTokenNext.alwaysColor.White,
75
- justifyContent: "center",
76
- alignItems: "center",
77
- position: "absolute",
78
- left: 0
79
- }
80
- });
81
-
82
- exports.default = NNNN;
83
- //# sourceMappingURL=index.js.map
@@ -1 +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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"}
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- var redsTokenNext = require('@xhs/reds-token-next');
4
-
5
- var defaultProps = {
6
- defaultValue: false,
7
- disabled: false,
8
- trackOnColor: redsTokenNext.lightColor.Primary,
9
- trackOffColor: redsTokenNext.lightColor.Fill2
10
- };
11
-
12
- exports.defaultProps = defaultProps;
13
- //# sourceMappingURL=index.js.map
@@ -1 +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,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
@@ -1,83 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
6
- var React = require('react');
7
- var reactNative = require('react-native');
8
- var components_PP_interface_index = require('./interface/index.js');
9
- var redsTokenNext = require('@xhs/reds-token-next');
10
-
11
- var PP = function PP(_ref) {
12
- var cValue = _ref.value,
13
- defaultValue = _ref.defaultValue,
14
- onChange = _ref.onChange,
15
- onClick = _ref.onClick,
16
- trackOnColor = _ref.trackOnColor,
17
- trackOffColor = _ref.trackOffColor;
18
- var isControlled = cValue !== void 0;
19
- var _useState = React.useState(defaultValue),
20
- _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
21
- value = _useState2[0],
22
- setValue = _useState2[1];
23
- var animatedValue = React.useRef(new reactNative.Animated.Value(defaultValue ? 18 : 2)).current;
24
- var thumbTranslateX = React.useMemo(function () {
25
- return animatedValue.interpolate({
26
- inputRange: [2, 18],
27
- outputRange: [2, 18]
28
- });
29
- }, []);
30
- React.useEffect(function () {
31
- isControlled && setValue(cValue);
32
- onChange === null || onChange === void 0 || onChange(!!value);
33
- reactNative.Animated.timing(animatedValue, {
34
- toValue: value ? 18 : 2,
35
- duration: 200,
36
- useNativeDriver: true
37
- }).start();
38
- }, [value, cValue]);
39
- var togglePP = function togglePP(e) {
40
- onClick === null || onClick === void 0 || onClick(e);
41
- !isControlled && setValue(function (v) {
42
- return !v;
43
- });
44
- };
45
- return /* @__PURE__ */React.createElement(reactNative.TouchableWithoutFeedback, {
46
- onPress: function onPress(e) {
47
- return togglePP(e);
48
- }
49
- }, /* @__PURE__ */React.createElement(reactNative.View, {
50
- style: [styles.container, {
51
- backgroundColor: value ? trackOnColor : trackOffColor
52
- }]
53
- }, /* @__PURE__ */React.createElement(reactNative.Animated.View, {
54
- style: [styles.thumb, {
55
- transform: [{
56
- translateX: thumbTranslateX
57
- }]
58
- }]
59
- })));
60
- };
61
- PP.defaultProps = components_PP_interface_index.defaultProps;
62
- var styles = reactNative.StyleSheet.create({
63
- container: {
64
- width: 40,
65
- height: 24,
66
- borderRadius: 15,
67
- justifyContent: "center",
68
- alignItems: "center"
69
- },
70
- thumb: {
71
- width: 20,
72
- height: 20,
73
- borderRadius: 10,
74
- backgroundColor: redsTokenNext.alwaysColor.White,
75
- justifyContent: "center",
76
- alignItems: "center",
77
- position: "absolute",
78
- left: 0
79
- }
80
- });
81
-
82
- exports.default = PP;
83
- //# sourceMappingURL=index.js.map
@@ -1 +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":"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"}
@@ -1,14 +0,0 @@
1
- 'use strict';
2
-
3
- var redsTokenNext = require('@xhs/reds-token-next');
4
-
5
- var defaultProps = {
6
- value: void 0,
7
- defaultValue: false,
8
- disabled: false,
9
- trackOnColor: redsTokenNext.lightColor.Primary,
10
- trackOffColor: redsTokenNext.lightColor.Fill2
11
- };
12
-
13
- exports.defaultProps = defaultProps;
14
- //# sourceMappingURL=index.js.map
@@ -1 +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,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
@@ -1,46 +0,0 @@
1
- import { _ as _objectSpread2 } from './BHmvJnIm.js';
2
- import { configCache } from '../components/ConfigProvider/hooks/ConfigCache/ConfigCache.js';
3
- import { ConfigProviderContext } from '../components/ConfigProvider/hooks/ConfigContext/ConfigContext.js';
4
-
5
- var ConfigProvider = function ConfigProvider(props) {
6
- var _theme$token, _theme$token2, _theme$token3, _theme$token4;
7
- var _props$id = props.id,
8
- id = _props$id === void 0 ? "root" : _props$id,
9
- _props$theme = props.theme,
10
- theme = _props$theme === void 0 ? {
11
- colorMode: "light",
12
- inherit: true
13
- } : _props$theme,
14
- _props$parentId = props.parentId,
15
- parentId = _props$parentId === void 0 ? "root" : _props$parentId,
16
- children = props.children;
17
- var themeCache = {
18
- colorMode: theme.colorMode || "light",
19
- token: {
20
- lightColor: _objectSpread2({}, (_theme$token = theme.token) === null || _theme$token === void 0 ? void 0 : _theme$token.lightColor),
21
- darkColor: _objectSpread2({}, (_theme$token2 = theme.token) === null || _theme$token2 === void 0 ? void 0 : _theme$token2.darkColor),
22
- alwaysColor: _objectSpread2({}, (_theme$token3 = theme.token) === null || _theme$token3 === void 0 ? void 0 : _theme$token3.alwaysColor),
23
- components: _objectSpread2({}, (_theme$token4 = theme.token) === null || _theme$token4 === void 0 ? void 0 : _theme$token4.components)
24
- },
25
- inherit: theme.inherit
26
- };
27
- configCache.addNewConfigCache({
28
- id: id,
29
- themeCache: themeCache,
30
- parentId: parentId
31
- });
32
- var configProviderContextValue = {
33
- id: id
34
- };
35
- return /* @__PURE__ */React.createElement(ConfigProviderContext.Provider, {
36
- value: configProviderContextValue
37
- }, children);
38
- };
39
-
40
- var ConfigProvider$1 = /*#__PURE__*/Object.freeze({
41
- __proto__: null,
42
- default: ConfigProvider
43
- });
44
-
45
- export { ConfigProvider$1 as C, ConfigProvider as a };
46
- //# sourceMappingURL=Br6Ked0G.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Br6Ked0G.js","sources":["../../../src/components/ConfigProvider/ConfigProvider.tsx"],"sourcesContent":["import { ConfigProviderProps } from \"./interface\";\nimport { configCache } from \"./hooks/ConfigCache/ConfigCache\";\nimport { ConfigProviderContext, IConfigProviderContext } from \"./hooks/ConfigContext/ConfigContext\";\n\nconst ConfigProvider = (props: ConfigProviderProps) => {\n const {\n id = \"root\",\n theme = {\n colorMode: \"light\",\n inherit: true,\n },\n parentId = \"root\",\n children,\n } = props;\n\n const themeCache = {\n colorMode: theme.colorMode || \"light\",\n token: {\n lightColor: {\n ...theme.token?.lightColor,\n },\n darkColor: {\n ...theme.token?.darkColor,\n },\n alwaysColor: {\n ...theme.token?.alwaysColor,\n },\n components: {\n ...theme.token?.components,\n },\n },\n inherit: theme.inherit,\n };\n\n configCache.addNewConfigCache({\n id,\n themeCache,\n parentId,\n });\n\n const configProviderContextValue: IConfigProviderContext = {\n id: id,\n };\n\n return <ConfigProviderContext.Provider value={configProviderContextValue}>{children}</ConfigProviderContext.Provider>;\n};\n\nexport default ConfigProvider;\n"],"names":["ConfigProvider","props","_theme$token","_theme$token2","_theme$token3","_theme$token4","_props$id","id","_props$theme","theme","colorMode","inherit","_props$parentId","parentId","children","themeCache","token","lightColor","_objectSpread","darkColor","alwaysColor","components","configCache","addNewConfigCache","configProviderContextValue","ConfigProviderContext","Provider","value"],"mappings":";;;;AAIA,IAAMA,cAAA,GAAiB,SAAjBA,cAAAA,CAAkBC,KAA+B,EAAA;AAAA,EAAA,IAAAC,YAAA,EAAAC,aAAA,EAAAC,aAAA,EAAAC,aAAA,CAAA;AAC/C,EAAA,IAAAC,SAAA,GAQFL,KAAA,CAPFM,EAAK;AAALA,IAAAA,EAAK,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,SAAA;IAAAE,YAAA,GAOHP,KAAA,CANFQ,KAAQ;IAARA,KAAQ,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAA;AACNE,MAAAA,SAAW,EAAA,OAAA;AACXC,MAAAA,OAAS,EAAA,IAAA;AACX,KAAA,GAAAH,YAAA;IAAAI,eAAA,GAGEX,KAAA,CAFFY,QAAW;AAAXA,IAAAA,QAAW,GAAAD,eAAA,KAAA,KAAA,CAAA,GAAA,MAAA,GAAAA,eAAA;IACXE,QAAA,GACEb,KAAA,CADFa,QAAA,CAAA;AAGF,EAAA,IAAMC,UAAa,GAAA;AACjBL,IAAAA,SAAA,EAAWD,MAAMC,SAAa,IAAA,OAAA;AAC9BM,IAAAA,KAAO,EAAA;AACLC,MAAAA,UAAY,EAAAC,cAAA,CAAAhB,EAAAA,EAAAA,CAAAA,YAAA,GACPO,MAAMO,KAAO,MAAA,IAAA,IAAAd,YAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,YAAA,CAAae,UAAA,CAClB;AACAE,MAAAA,SAAW,EAAAD,cAAA,CAAAf,EAAAA,EAAAA,CAAAA,aAAA,GACNM,MAAMO,KAAO,MAAA,IAAA,IAAAb,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,SAAA,CAClB;AACAC,MAAAA,WAAa,EAAAF,cAAA,CAAAd,EAAAA,EAAAA,CAAAA,aAAA,GACRK,MAAMO,KAAO,MAAA,IAAA,IAAAZ,aAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAA,CAAagB,WAAA,CAClB;AACAC,MAAAA,UAAY,EAAAH,cAAA,CAAAb,EAAAA,EAAAA,CAAAA,aAAA,GACPI,MAAMO,KAAO,MAAAX,IAAAA,IAAAA,aAAA,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAA,CAAagB,UAAA,CAAA;KAEpB;IACAV,SAASF,KAAM,CAAAE,OAAAA;GACjB,CAAA;EAEAW,WAAA,CAAYC,iBAAkB,CAAA;AAC5BhB,IAAAA,EAAA,EAAAA,EAAA;AACAQ,IAAAA,UAAA,EAAAA,UAAA;AACAF,IAAAA,QAAA,EAAAA,QAAAA;AACF,GAAC,CAAA,CAAA;AAED,EAAA,IAAMW,0BAAqD,GAAA;AACzDjB,IAAAA,EAAA,EAAAA,EAAAA;GACF,CAAA;EAEA,0CAAQkB,qBAAsB,CAAAC,QAAA,EAAtB;AAA+BC,IAAAA,KAAA,EAAOH,0BAAAA;KAA6BV,QAAS,CAAA,CAAA;AACtF;;;;;;;;;"}