@xhsreds/reds-rn-next 0.0.2-beta20240708190837 → 0.0.2

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 +8 -5
  2. package/lib/cjs/_chunks/{Dx-JjEWA.js → CAyGJuk1.js} +27 -1
  3. package/lib/cjs/_chunks/{Dx-JjEWA.js.map → CAyGJuk1.js.map} +1 -1
  4. package/lib/cjs/_chunks/DiJl2cva.js +49 -0
  5. package/lib/cjs/_chunks/DiJl2cva.js.map +1 -0
  6. package/lib/cjs/components/Button/index.js +1 -1
  7. package/lib/cjs/components/Button/index.js.map +1 -1
  8. package/lib/cjs/components/Button/interface/index.js +12 -0
  9. package/lib/cjs/components/Button/interface/index.js.map +1 -1
  10. package/lib/cjs/components/ConfigProvider/ConfigProvider.js +15 -0
  11. package/lib/cjs/components/ConfigProvider/ConfigProvider.js.map +1 -0
  12. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +147 -0
  13. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -0
  14. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js +10 -0
  15. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/index.js.map +1 -0
  16. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/interface.js +3 -0
  17. package/lib/cjs/components/ConfigProvider/hooks/ConfigCache/interface.js.map +1 -0
  18. package/lib/cjs/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js +10 -0
  19. package/lib/cjs/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js.map +1 -0
  20. package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js +24 -0
  21. package/lib/cjs/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -0
  22. package/lib/cjs/components/ConfigProvider/index.js +17 -0
  23. package/lib/cjs/components/ConfigProvider/index.js.map +1 -0
  24. package/lib/cjs/components/ConfigProvider/interface/index.js +3 -0
  25. package/lib/cjs/components/ConfigProvider/interface/index.js.map +1 -0
  26. package/lib/cjs/components/Popover/component.js +1 -1
  27. package/lib/cjs/components/Popover/hook.js +1 -1
  28. package/lib/cjs/components/Popover/index.js +4 -4
  29. package/lib/cjs/components/Popover/index.js.map +1 -1
  30. package/lib/cjs/components/Switch/index.js +8 -6
  31. package/lib/cjs/components/Switch/index.js.map +1 -1
  32. package/lib/cjs/components/Switch/interface/index.js +2 -2
  33. package/lib/cjs/components/Switch/interface/index.js.map +1 -1
  34. package/lib/cjs/index.js +7 -1
  35. package/lib/cjs/index.js.map +1 -1
  36. package/lib/esm/_chunks/{Bm4Re-8r.js → BHmvJnIm.js} +25 -2
  37. package/lib/esm/_chunks/{Bm4Re-8r.js.map → BHmvJnIm.js.map} +1 -1
  38. package/lib/esm/_chunks/Br6Ked0G.js +46 -0
  39. package/lib/esm/_chunks/Br6Ked0G.js.map +1 -0
  40. package/lib/esm/components/Button/index.js +1 -1
  41. package/lib/esm/components/Button/index.js.map +1 -1
  42. package/lib/esm/components/Button/interface/index.js +11 -0
  43. package/lib/esm/components/Button/interface/index.js.map +1 -1
  44. package/lib/esm/components/ConfigProvider/ConfigProvider.js +7 -0
  45. package/lib/esm/components/ConfigProvider/ConfigProvider.js.map +1 -0
  46. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js +145 -0
  47. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/ConfigCache.js.map +1 -0
  48. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js +4 -0
  49. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/index.js.map +1 -0
  50. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/interface.js +2 -0
  51. package/lib/esm/components/ConfigProvider/hooks/ConfigCache/interface.js.map +1 -0
  52. package/lib/esm/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js +8 -0
  53. package/lib/esm/components/ConfigProvider/hooks/ConfigContext/ConfigContext.js.map +1 -0
  54. package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js +22 -0
  55. package/lib/esm/components/ConfigProvider/hooks/themeToken/useThemeToken.js.map +1 -0
  56. package/lib/esm/components/ConfigProvider/index.js +12 -0
  57. package/lib/esm/components/ConfigProvider/index.js.map +1 -0
  58. package/lib/esm/components/ConfigProvider/interface/index.js +2 -0
  59. package/lib/esm/components/ConfigProvider/interface/index.js.map +1 -0
  60. package/lib/esm/components/Popover/component.js +1 -1
  61. package/lib/esm/components/Popover/hook.js +1 -1
  62. package/lib/esm/components/Popover/index.js +4 -4
  63. package/lib/esm/components/Popover/index.js.map +1 -1
  64. package/lib/esm/components/Switch/index.js +9 -7
  65. package/lib/esm/components/Switch/index.js.map +1 -1
  66. package/lib/esm/components/Switch/interface/index.js +3 -3
  67. package/lib/esm/components/Switch/interface/index.js.map +1 -1
  68. package/lib/esm/index.js +5 -1
  69. package/lib/esm/index.js.map +1 -1
  70. package/lib/types/src/components/Button/index.d.ts +4 -0
  71. package/lib/types/src/components/Button/interface/index.d.ts +11 -0
  72. package/lib/types/src/components/ConfigProvider/ConfigProvider.d.ts +4 -0
  73. package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.d.ts +22 -0
  74. package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/index.d.ts +1 -0
  75. package/lib/types/src/components/ConfigProvider/hooks/ConfigCache/interface.d.ts +36 -0
  76. package/lib/types/src/components/ConfigProvider/hooks/ConfigContext/ConfigContext.d.ts +5 -0
  77. package/lib/types/src/components/ConfigProvider/hooks/themeToken/useThemeToken.d.ts +8 -0
  78. package/lib/types/src/components/ConfigProvider/index.d.ts +3 -0
  79. package/lib/types/src/components/ConfigProvider/interface/index.d.ts +27 -0
  80. package/lib/types/src/components/Popover/component.d.ts +13 -0
  81. package/lib/types/src/components/Popover/hook.d.ts +66 -0
  82. package/lib/types/src/components/Popover/index.d.ts +4 -0
  83. package/lib/types/src/components/Popover/interface/index.d.ts +13 -0
  84. package/lib/types/src/components/Popover/manifest.d.ts +3 -0
  85. package/lib/types/src/components/Switch/index.d.ts +7 -0
  86. package/lib/types/src/components/Switch/interface/index.d.ts +11 -0
  87. package/lib/types/src/index.d.ts +5 -0
  88. package/package.json +8 -4
  89. package/rollup.config.js +25 -25
  90. package/src/components/Button/demo/index.jsx +50 -0
  91. package/src/components/Button/demo/index.tsx +50 -0
  92. package/src/components/Button/doc/index.mdx +18 -0
  93. package/src/components/Button/index.tsx +0 -1
  94. package/src/components/Button/interface/index.ts +17 -29
  95. package/src/components/Button/test/index.bench.tsx +18 -0
  96. package/src/components/Button/test/index.test.tsx +9 -0
  97. package/src/components/ConfigProvider/ConfigProvider.tsx +48 -0
  98. package/src/components/ConfigProvider/demo/base.jsx +114 -0
  99. package/src/components/ConfigProvider/demo/index.jsx +50 -0
  100. package/src/components/ConfigProvider/demo/index.tsx +50 -0
  101. package/src/components/ConfigProvider/demo/token.jsx +8 -0
  102. package/src/components/ConfigProvider/doc/index.mdx +22 -0
  103. package/src/components/ConfigProvider/doc/token.mdx +7 -0
  104. package/src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.ts +115 -0
  105. package/src/components/ConfigProvider/hooks/ConfigCache/index.ts +1 -0
  106. package/src/components/ConfigProvider/hooks/ConfigCache/interface.ts +38 -0
  107. package/src/components/ConfigProvider/hooks/ConfigContext/ConfigContext.ts +9 -0
  108. package/src/components/ConfigProvider/hooks/themeToken/useThemeToken.ts +33 -0
  109. package/src/components/ConfigProvider/index.ts +4 -0
  110. package/src/components/ConfigProvider/interface/index.ts +28 -0
  111. package/src/components/ConfigProvider/test/index.bench.tsx +18 -0
  112. package/src/components/ConfigProvider/test/index.test.tsx +9 -0
  113. package/src/components/Popover/demo/{base.jsx → index.tsx} +2 -2
  114. package/src/components/Popover/doc/index.mdx +21 -15
  115. package/src/components/Popover/index.tsx +3 -3
  116. package/src/components/Switch/demo/{base.jsx → index.tsx} +9 -6
  117. package/src/components/Switch/doc/index.mdx +14 -12
  118. package/src/components/Switch/index.tsx +9 -6
  119. package/src/components/Switch/interface/index.ts +3 -3
  120. package/src/components/Switch/test/index.bench.tsx +2 -5
  121. package/src/components/Switch/test/index.test.tsx +11 -23
  122. package/src/index.ts +2 -1
  123. package/tsconfig.json +2 -2
  124. package/lib/cjs/components/Button/common/index.js +0 -11
  125. package/lib/cjs/components/Button/common/index.js.map +0 -1
  126. package/lib/cjs/components/Button/rn/index.js +0 -25
  127. package/lib/cjs/components/Button/rn/index.js.map +0 -1
  128. package/lib/cjs/index.d.ts +0 -37
  129. package/lib/cjs/index.d.ts.map +0 -1
  130. package/lib/cjs/utils/hook.js +0 -3
  131. package/lib/cjs/utils/hook.js.map +0 -1
  132. package/lib/esm/components/Button/common/index.js +0 -9
  133. package/lib/esm/components/Button/common/index.js.map +0 -1
  134. package/lib/esm/components/Button/rn/index.js +0 -21
  135. package/lib/esm/components/Button/rn/index.js.map +0 -1
  136. package/lib/esm/utils/hook.js +0 -2
  137. package/lib/esm/utils/hook.js.map +0 -1
  138. package/src/components/Button/common/index.ts +0 -6
  139. package/src/components/Button/rn/index.tsx +0 -20
  140. package/src/utils/hook.ts +0 -0
@@ -0,0 +1,17 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var components_ConfigProvider_ConfigProvider = require('../../_chunks/DiJl2cva.js');
6
+ var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./hooks/themeToken/useThemeToken.js');
7
+ require('../../_chunks/CAyGJuk1.js');
8
+ require('./hooks/ConfigCache/ConfigCache.js');
9
+ require('@xhs/reds-token-next');
10
+ require('./hooks/ConfigContext/ConfigContext.js');
11
+ require('react');
12
+
13
+
14
+
15
+ exports.default = components_ConfigProvider_ConfigProvider.ConfigProvider;
16
+ exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
17
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}
@@ -0,0 +1,3 @@
1
+ 'use strict';
2
+
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../../_chunks/Dx-JjEWA.js');
3
+ var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
4
4
  var React = require('react');
5
5
  var reactNative = require('react-native');
6
6
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../../_chunks/Dx-JjEWA.js');
3
+ var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
4
4
  var React = require('react');
5
5
  var reactNative$1 = require('react-native');
6
6
  var reactNative = require('@floating-ui/react-native');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _rollupPluginBabelHelpers = require('../../_chunks/Dx-JjEWA.js');
5
+ var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
6
6
  var React = require('react');
7
7
  var reactNative = require('react-native');
8
8
  var components_Popover_component = require('./component.js');
@@ -112,9 +112,9 @@ var index = (function (_ref) {
112
112
  })
113
113
  }, /* @__PURE__ */React.createElement(reactNative.Text, {
114
114
  style: {
115
- fontWeight: redsTokenNext.typography.Body.B2Loose.Weight,
116
- fontSize: redsTokenNext.typography.Body.B2Loose.Size,
117
- lineHeight: redsTokenNext.typography.Body.B2Loose.Line,
115
+ fontWeight: redsTokenNext.typography.B2LooseFontWeight,
116
+ fontSize: redsTokenNext.typography.B2LooseFontSize,
117
+ lineHeight: redsTokenNext.typography.B2LooseLineHeight,
118
118
  color: popoverStyle.color
119
119
  }
120
120
  }, content), /* @__PURE__ */React.createElement(components_Popover_component.Arrow, {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhs/reds-token-next\";\n\nexport default ({\n mode = \"light\",\n opacity = 0,\n content,\n children,\n placement = \"top\",\n closeOnClickAgain = true,\n trigger = \"click\",\n zIndex = 1000,\n visible: defaultVisible = false,\n onVisibleChange,\n}: RedsPopover) => {\n const [visible, setVisible] = useState(defaultVisible);\n const needModal = useMemo(() => opacity !== 0, [opacity]);\n const {\n setArrowRef,\n setFloatingRef,\n setReferenceRef,\n setOffsetParentRef,\n floatingStyles,\n arrowStyles,\n onReferenceLayout,\n onFloatingLayout,\n } = useFloating({\n placement,\n needModal,\n });\n useEffect(() => {\n onVisibleChange?.(visible);\n }, [visible]);\n\n const popoverStyle = useMemo(() => {\n return mode === \"light\"\n ? {\n backgroundColor: \"#303034FC\",\n color: \"#FFFFFF\",\n }\n : {\n backgroundColor: \"#FFFFFFFC\",\n color: \"#000000\",\n };\n }, [mode]);\n\n return (\n <>\n {React.Children.map(children, (child, index) => {\n if (index === 0 && isValidElement(child)) {\n return (\n <TouchableWithoutFeedback\n onPress={() => {\n if (trigger === \"click\") {\n if (closeOnClickAgain) {\n setVisible(!visible);\n } else {\n setVisible(true);\n }\n }\n }}\n onPressIn={() => {\n trigger === \"touch\" && setVisible(true);\n }}\n onPressOut={() => {\n trigger === \"touch\" && setVisible(false);\n }}\n >\n {cloneElement<any>(child, {\n ref: setReferenceRef,\n collapsable: false,\n onLayout: onReferenceLayout,\n })}\n {/* <Text>131</Text> */}\n </TouchableWithoutFeedback>\n );\n }\n return child;\n })}\n <ModalWrapper\n needModal={needModal}\n visible={visible}\n ref={setOffsetParentRef}\n setVisible={setVisible}\n opacity={opacity}\n >\n {visible && (\n <View\n collapsable={false}\n ref={setFloatingRef}\n onLayout={onFloatingLayout}\n style={{\n ...floatingStyles,\n backgroundColor: popoverStyle.backgroundColor,\n paddingHorizontal: 12,\n paddingVertical: 7,\n maxWidth: 280,\n borderRadius: 12,\n zIndex,\n shadowColor: \"#000000\",\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 4,\n elevation: 2,\n }}\n >\n <Text\n style={{\n fontWeight: typography.Body.B2Loose.Weight,\n fontSize: typography.Body.B2Loose.Size,\n lineHeight: typography.Body.B2Loose.Line,\n color: popoverStyle.color,\n }}\n >\n {content}\n </Text>\n <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n </View>\n )}\n </ModalWrapper>\n </>\n );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","Body","B2Loose","Weight","fontSize","Size","lineHeight","Line","Arrow"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Popover/index.tsx"],"sourcesContent":["import React, { useState, useMemo, cloneElement, isValidElement, useEffect } from \"react\";\nimport { Text, View, TouchableWithoutFeedback } from \"react-native\";\nimport { RedsPopover } from \"./interface/index\";\nimport { ModalWrapper, Arrow } from \"./component\";\nimport { useFloating } from \"./hook\";\nimport { typography } from \"@xhs/reds-token-next\";\n\nexport default ({\n mode = \"light\",\n opacity = 0,\n content,\n children,\n placement = \"top\",\n closeOnClickAgain = true,\n trigger = \"click\",\n zIndex = 1000,\n visible: defaultVisible = false,\n onVisibleChange,\n}: RedsPopover) => {\n const [visible, setVisible] = useState(defaultVisible);\n const needModal = useMemo(() => opacity !== 0, [opacity]);\n const {\n setArrowRef,\n setFloatingRef,\n setReferenceRef,\n setOffsetParentRef,\n floatingStyles,\n arrowStyles,\n onReferenceLayout,\n onFloatingLayout,\n } = useFloating({\n placement,\n needModal,\n });\n useEffect(() => {\n onVisibleChange?.(visible);\n }, [visible]);\n\n const popoverStyle = useMemo(() => {\n return mode === \"light\"\n ? {\n backgroundColor: \"#303034FC\",\n color: \"#FFFFFF\",\n }\n : {\n backgroundColor: \"#FFFFFFFC\",\n color: \"#000000\",\n };\n }, [mode]);\n\n return (\n <>\n {React.Children.map(children, (child, index) => {\n if (index === 0 && isValidElement(child)) {\n return (\n <TouchableWithoutFeedback\n onPress={() => {\n if (trigger === \"click\") {\n if (closeOnClickAgain) {\n setVisible(!visible);\n } else {\n setVisible(true);\n }\n }\n }}\n onPressIn={() => {\n trigger === \"touch\" && setVisible(true);\n }}\n onPressOut={() => {\n trigger === \"touch\" && setVisible(false);\n }}\n >\n {cloneElement<any>(child, {\n ref: setReferenceRef,\n collapsable: false,\n onLayout: onReferenceLayout,\n })}\n {/* <Text>131</Text> */}\n </TouchableWithoutFeedback>\n );\n }\n return child;\n })}\n <ModalWrapper\n needModal={needModal}\n visible={visible}\n ref={setOffsetParentRef}\n setVisible={setVisible}\n opacity={opacity}\n >\n {visible && (\n <View\n collapsable={false}\n ref={setFloatingRef}\n onLayout={onFloatingLayout}\n style={{\n ...floatingStyles,\n backgroundColor: popoverStyle.backgroundColor,\n paddingHorizontal: 12,\n paddingVertical: 7,\n maxWidth: 280,\n borderRadius: 12,\n zIndex,\n shadowColor: \"#000000\",\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 4,\n elevation: 2,\n }}\n >\n <Text\n style={{\n fontWeight: typography.B2LooseFontWeight,\n fontSize: typography.B2LooseFontSize,\n lineHeight: typography.B2LooseLineHeight,\n color: popoverStyle.color,\n }}\n >\n {content}\n </Text>\n <Arrow ref={setArrowRef} style={{ ...arrowStyles }} color={popoverStyle.backgroundColor}></Arrow>\n </View>\n )}\n </ModalWrapper>\n </>\n );\n};\n"],"names":["_ref","_ref$mode","mode","_ref$opacity","opacity","content","children","_ref$placement","placement","_ref$closeOnClickAgai","closeOnClickAgain","_ref$trigger","trigger","_ref$zIndex","zIndex","_ref$visible","visible","defaultVisible","onVisibleChange","_useState","useState","_useState2","_slicedToArray","setVisible","needModal","useMemo","_useFloating","useFloating","setArrowRef","setFloatingRef","setReferenceRef","setOffsetParentRef","floatingStyles","arrowStyles","onReferenceLayout","onFloatingLayout","useEffect","popoverStyle","backgroundColor","color","React","Children","map","child","index","isValidElement","createElement","TouchableWithoutFeedback","onPress","onPressIn","onPressOut","cloneElement","ref","collapsable","onLayout","ModalWrapper","View","style","_objectSpread","paddingHorizontal","paddingVertical","maxWidth","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","Text","fontWeight","typography","B2LooseFontWeight","fontSize","B2LooseFontSize","lineHeight","B2LooseLineHeight","Arrow"],"mappings":"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"}
@@ -2,20 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _rollupPluginBabelHelpers = require('../../_chunks/Dx-JjEWA.js');
5
+ var _rollupPluginBabelHelpers = require('../../_chunks/CAyGJuk1.js');
6
6
  var React = require('react');
7
7
  var reactNative = require('react-native');
8
8
  var components_Switch_interface_index = require('./interface/index.js');
9
9
  var redsTokenNext = require('@xhs/reds-token-next');
10
10
 
11
11
  var Switch = function Switch(_ref) {
12
- var cValue = _ref.value,
12
+ var isOn = _ref.value,
13
13
  defaultValue = _ref.defaultValue,
14
14
  onChange = _ref.onChange,
15
15
  onClick = _ref.onClick,
16
16
  trackOnColor = _ref.trackOnColor,
17
17
  trackOffColor = _ref.trackOffColor;
18
- var isControlled = cValue !== void 0;
18
+ var isControlled = isOn !== void 0;
19
19
  var _useState = React.useState(defaultValue),
20
20
  _useState2 = _rollupPluginBabelHelpers._slicedToArray(_useState, 2),
21
21
  value = _useState2[0],
@@ -28,14 +28,16 @@ var Switch = function Switch(_ref) {
28
28
  });
29
29
  }, []);
30
30
  React.useEffect(function () {
31
- isControlled && setValue(cValue);
32
31
  onChange === null || onChange === void 0 || onChange(!!value);
33
32
  reactNative.Animated.timing(animatedValue, {
34
33
  toValue: value ? 18 : 2,
35
34
  duration: 200,
36
35
  useNativeDriver: true
37
36
  }).start();
38
- }, [value, cValue]);
37
+ }, [value]);
38
+ React.useEffect(function () {
39
+ isControlled && setValue(isOn);
40
+ }, [isOn]);
39
41
  var toggleSwitch = function toggleSwitch(e) {
40
42
  onClick === null || onClick === void 0 || onClick(e);
41
43
  !isControlled && setValue(function (v) {
@@ -71,7 +73,7 @@ var styles = reactNative.StyleSheet.create({
71
73
  width: 20,
72
74
  height: 20,
73
75
  borderRadius: 10,
74
- backgroundColor: redsTokenNext.color.always.Neutral.White,
76
+ backgroundColor: redsTokenNext.alwaysColor.White,
75
77
  justifyContent: "center",
76
78
  alignItems: "center",
77
79
  position: "absolute",
@@ -1 +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 { color } from \"@xhs/reds-token-next\";\n\nconst Switch = ({ value: cValue, defaultValue, onChange, onClick, trackOnColor, trackOffColor }: RedsSwitch) => {\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 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: color.always.Neutral.White,\n justifyContent: \"center\",\n alignItems: \"center\",\n position: \"absolute\",\n left: 0,\n },\n});\n\nexport default Switch;\n"],"names":["Switch","_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","toggleSwitch","e","v","TouchableWithoutFeedback","onPress","React","createElement","View","style","styles","switchContainer","backgroundColor","thumb","transform","translateX","defaultProps","StyleSheet","create","width","height","borderRadius","justifyContent","alignItems","color","always","Neutral","White","position","left"],"mappings":"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"}
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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"}
@@ -7,8 +7,8 @@ var defaultProps = {
7
7
  disabled: false,
8
8
  onClick: function onClick(event) {},
9
9
  onChange: function onChange(value) {},
10
- trackOnColor: redsTokenNext.color.light.Primary.Primary,
11
- trackOffColor: redsTokenNext.color.light.Fills.Fill2
10
+ trackOnColor: redsTokenNext.lightColor.Primary,
11
+ trackOffColor: redsTokenNext.lightColor.Fill2
12
12
  };
13
13
 
14
14
  exports.defaultProps = defaultProps;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../../src/components/Switch/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { color } 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: color.light.Primary.Primary,\n trackOffColor: color.light.Fills.Fill2,\n};\n"],"names":["defaultProps","defaultValue","disabled","onClick","event","onChange","value","trackOnColor","color","light","Primary","trackOffColor","Fills","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;AAC/BC,EAAAA,YAAA,EAAcC,mBAAM,CAAAC,KAAA,CAAMC,OAAQ,CAAAA,OAAA;AAClCC,EAAAA,aAAA,EAAeH,mBAAM,CAAAC,KAAA,CAAMG,KAAM,CAAAC,KAAAA;AACnC;;;;"}
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,wBAAW,CAAAC,OAAA;EACzBC,eAAeF,wBAAW,CAAAG,KAAAA;AAC5B;;;;"}
package/lib/cjs/index.js CHANGED
@@ -3,7 +3,9 @@
3
3
  var components_Button_index = require('./components/Button/index.js');
4
4
  var components_Popover_index = require('./components/Popover/index.js');
5
5
  var components_Switch_index = require('./components/Switch/index.js');
6
- require('./_chunks/Dx-JjEWA.js');
6
+ var components_ConfigProvider_ConfigProvider = require('./_chunks/DiJl2cva.js');
7
+ var components_ConfigProvider_hooks_themeToken_useThemeToken = require('./components/ConfigProvider/hooks/themeToken/useThemeToken.js');
8
+ require('./_chunks/CAyGJuk1.js');
7
9
  require('react');
8
10
  require('react-native');
9
11
  require('./components/Popover/component.js');
@@ -11,10 +13,14 @@ require('./components/Popover/hook.js');
11
13
  require('@floating-ui/react-native');
12
14
  require('@xhs/reds-token-next');
13
15
  require('./components/Switch/interface/index.js');
16
+ require('./components/ConfigProvider/hooks/ConfigCache/ConfigCache.js');
17
+ require('./components/ConfigProvider/hooks/ConfigContext/ConfigContext.js');
14
18
 
15
19
 
16
20
 
17
21
  exports.Button = components_Button_index.default;
18
22
  exports.Popover = components_Popover_index.default;
19
23
  exports.Switch = components_Switch_index.default;
24
+ exports.ConfigProvider = components_ConfigProvider_ConfigProvider.ConfigProvider;
25
+ exports.useThemeColor = components_ConfigProvider_hooks_themeToken_useThemeToken.useThemeColor;
20
26
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -6,6 +6,20 @@ function _arrayLikeToArray(r, a) {
6
6
  function _arrayWithHoles(r) {
7
7
  if (Array.isArray(r)) return r;
8
8
  }
9
+ function _classCallCheck(a, n) {
10
+ if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
11
+ }
12
+ function _defineProperties(e, r) {
13
+ for (var t = 0; t < r.length; t++) {
14
+ var o = r[t];
15
+ o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
16
+ }
17
+ }
18
+ function _createClass(e, r, t) {
19
+ return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
20
+ writable: !1
21
+ }), e;
22
+ }
9
23
  function _defineProperty(e, r, t) {
10
24
  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
11
25
  value: t,
@@ -99,6 +113,15 @@ function _toPropertyKey(t) {
99
113
  var i = _toPrimitive(t, "string");
100
114
  return "symbol" == typeof i ? i : i + "";
101
115
  }
116
+ function _typeof(o) {
117
+ "@babel/helpers - typeof";
118
+
119
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
120
+ return typeof o;
121
+ } : function (o) {
122
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
123
+ }, _typeof(o);
124
+ }
102
125
  function _unsupportedIterableToArray(r, a) {
103
126
  if (r) {
104
127
  if ("string" == typeof r) return _arrayLikeToArray(r, a);
@@ -107,5 +130,5 @@ function _unsupportedIterableToArray(r, a) {
107
130
  }
108
131
  }
109
132
 
110
- export { _objectSpread2 as _, _slicedToArray as a, _objectWithoutProperties as b };
111
- //# sourceMappingURL=Bm4Re-8r.js.map
133
+ export { _objectSpread2 as _, _slicedToArray as a, _objectWithoutProperties as b, _createClass as c, _classCallCheck as d, _typeof as e };
134
+ //# sourceMappingURL=BHmvJnIm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Bm4Re-8r.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"BHmvJnIm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,46 @@
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
@@ -0,0 +1 @@
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;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { _ as _objectSpread2 } from '../../_chunks/Bm4Re-8r.js';
1
+ import { _ as _objectSpread2 } from '../../_chunks/BHmvJnIm.js';
2
2
  import React, { forwardRef } from 'react';
3
3
  import { View, Text } from 'react-native';
4
4
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Text, View } from \"react-native\";\n\nexport default forwardRef<View>((props: any, ref) => {\n return (\n <View\n // onPress={(e) => props?.onPress?.(e)}\n ref={ref}\n style={{\n paddingLeft: 24,\n paddingRight: 24,\n height: 40,\n backgroundColor: \"#ff2442\",\n borderRadius: 100,\n justifyContent: \"center\",\n alignItems: \"center\",\n ...props.style,\n }}\n {...props}\n >\n <Text style={{ color: \"#fff\" }}>{props.children}</Text>\n </View>\n );\n});\n"],"names":["forwardRef","props","ref","React","createElement","View","_objectSpread","style","paddingLeft","paddingRight","height","backgroundColor","borderRadius","justifyContent","alignItems","Text","color","children"],"mappings":";;;;AAGA,YAAA,aAAeA,UAAA,CAAiB,UAACC,KAAA,EAAYC,GAAQ,EAAA;AAEjD,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC,IAAA,EAAAC,cAAA,CAAA;AAECJ,IAAAA,GAAA,EAAAA,GAAA;AACAK,IAAAA,KAAO,EAAAD,cAAA,CAAA;AACLE,MAAAA,WAAa,EAAA,EAAA;AACbC,MAAAA,YAAc,EAAA,EAAA;AACdC,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,eAAiB,EAAA,SAAA;AACjBC,MAAAA,YAAc,EAAA,GAAA;AACdC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;KACTb,EAAAA,KAAM,CAAAM,KAAA,CAAA;GAEPN,EAAAA,KAAA,kBAEJE,KAAA,CAAAC,aAAA,CAACW;AAAKR,IAAAA,KAAO,EAAA;AAAES,MAAAA,OAAO,MAAA;AAAO,KAAA;AAAA,GAAA,EAAIf,MAAMgB,QAAS,CAClD,CAAA,CAAA;AAEJ,CAAC,CAAA;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Text, View } from \"react-native\";\n\nexport default forwardRef<View>((props: any, ref) => {\n return (\n <View\n ref={ref}\n style={{\n paddingLeft: 24,\n paddingRight: 24,\n height: 40,\n backgroundColor: \"#ff2442\",\n borderRadius: 100,\n justifyContent: \"center\",\n alignItems: \"center\",\n ...props.style,\n }}\n {...props}\n >\n <Text style={{ color: \"#fff\" }}>{props.children}</Text>\n </View>\n );\n});\n"],"names":["forwardRef","props","ref","React","createElement","View","_objectSpread","style","paddingLeft","paddingRight","height","backgroundColor","borderRadius","justifyContent","alignItems","Text","color","children"],"mappings":";;;;AAGA,YAAA,aAAeA,UAAA,CAAiB,UAACC,KAAA,EAAYC,GAAQ,EAAA;AAEjD,EAAA,sBAAAC,KAAA,CAAAC,aAAA,CAACC,IAAA,EAAAC,cAAA,CAAA;AACCJ,IAAAA,GAAA,EAAAA,GAAA;AACAK,IAAAA,KAAO,EAAAD,cAAA,CAAA;AACLE,MAAAA,WAAa,EAAA,EAAA;AACbC,MAAAA,YAAc,EAAA,EAAA;AACdC,MAAAA,MAAQ,EAAA,EAAA;AACRC,MAAAA,eAAiB,EAAA,SAAA;AACjBC,MAAAA,YAAc,EAAA,GAAA;AACdC,MAAAA,cAAgB,EAAA,QAAA;AAChBC,MAAAA,UAAY,EAAA,QAAA;KACTb,EAAAA,KAAM,CAAAM,KAAA,CAAA;GAEPN,EAAAA,KAAA,kBAEJE,KAAA,CAAAC,aAAA,CAACW;AAAKR,IAAAA,KAAO,EAAA;AAAES,MAAAA,OAAO,MAAA;AAAO,KAAA;AAAA,GAAA,EAAIf,MAAMgB,QAAS,CAClD,CAAA,CAAA;AAEJ,CAAC,CAAA;;;;"}
@@ -1,2 +1,13 @@
1
+ import { lightColor } from '@xhs/reds-token-next';
1
2
 
3
+ var defaultProps = {
4
+ defaultValue: false,
5
+ disabled: false,
6
+ onClick: function onClick(event) {},
7
+ onChange: function onChange(value) {},
8
+ trackOnColor: lightColor.Primary,
9
+ trackOffColor: lightColor.Fill2
10
+ };
11
+
12
+ export { defaultProps };
2
13
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.js","sources":["../../../../../src/components/Button/interface/index.ts"],"sourcesContent":["import { GestureResponderEvent } from \"react-native\";\nimport { lightColor } from \"@xhs/reds-token-next\";\n\nexport interface RedsButton {\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: RedsButton = {\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;;;;"}
@@ -0,0 +1,7 @@
1
+ import '../../_chunks/BHmvJnIm.js';
2
+ import './hooks/ConfigCache/ConfigCache.js';
3
+ import './hooks/ConfigContext/ConfigContext.js';
4
+ export { a as default } from '../../_chunks/Br6Ked0G.js';
5
+ import '@xhs/reds-token-next';
6
+ import 'react';
7
+ //# sourceMappingURL=ConfigProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfigProvider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -0,0 +1,145 @@
1
+ import { c as _createClass, _ as _objectSpread2, d as _classCallCheck, e as _typeof } from '../../../../_chunks/BHmvJnIm.js';
2
+ import { lightColor, darkColor, alwaysColor } from '@xhs/reds-token-next';
3
+
4
+ var __defProp = Object.defineProperty;
5
+ var __defNormalProp = function __defNormalProp(obj, key, value) {
6
+ return key in obj ? __defProp(obj, key, {
7
+ enumerable: true,
8
+ configurable: true,
9
+ writable: true,
10
+ value: value
11
+ }) : obj[key] = value;
12
+ };
13
+ var __publicField = function __publicField(obj, key, value) {
14
+ return __defNormalProp(obj, _typeof(key) !== "symbol" ? key + "" : key, value);
15
+ };
16
+ var ConfigCache = /*#__PURE__*/function () {
17
+ function ConfigCache(_ref) {
18
+ var id = _ref.id,
19
+ themeCache = _ref.themeCache;
20
+ _classCallCheck(this, ConfigCache);
21
+ __publicField(this, "configCache", {});
22
+ __publicField(this, "multipleConfigurations", false);
23
+ var rootThemeCache = {
24
+ colorMode: themeCache.colorMode,
25
+ token: {
26
+ lightColor: _objectSpread2({}, lightColor),
27
+ darkColor: _objectSpread2({}, darkColor),
28
+ alwaysColor: _objectSpread2({}, alwaysColor)
29
+ }
30
+ };
31
+ this.addNewConfigCache({
32
+ id: id,
33
+ themeCache: rootThemeCache,
34
+ parentId: id
35
+ });
36
+ }
37
+ return _createClass(ConfigCache, [{
38
+ key: "addNewConfigCache",
39
+ value: function addNewConfigCache(_ref2) {
40
+ var id = _ref2.id,
41
+ themeCache = _ref2.themeCache,
42
+ parentId = _ref2.parentId;
43
+ if (Object.keys(this.configCache).includes(id)) {
44
+ var _this$configCache$par, _themeCache$token, _this$configCache$par2, _themeCache$token2, _this$configCache$par3, _themeCache$token3, _this$configCache$par4, _themeCache$token4;
45
+ this.configCache[id].parentId = parentId;
46
+ this.configCache[id].themeCache = {
47
+ colorMode: themeCache.colorMode,
48
+ token: {
49
+ lightColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par = this.configCache[parentId].themeCache.token) === null || _this$configCache$par === void 0 ? void 0 : _this$configCache$par.lightColor), (_themeCache$token = themeCache.token) === null || _themeCache$token === void 0 ? void 0 : _themeCache$token.lightColor),
50
+ darkColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par2 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par2 === void 0 ? void 0 : _this$configCache$par2.darkColor), (_themeCache$token2 = themeCache.token) === null || _themeCache$token2 === void 0 ? void 0 : _themeCache$token2.darkColor),
51
+ alwaysColor: _objectSpread2(_objectSpread2({}, (_this$configCache$par3 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par3 === void 0 ? void 0 : _this$configCache$par3.alwaysColor), (_themeCache$token3 = themeCache.token) === null || _themeCache$token3 === void 0 ? void 0 : _themeCache$token3.alwaysColor),
52
+ components: _objectSpread2(_objectSpread2({}, (_this$configCache$par4 = this.configCache[parentId].themeCache.token) === null || _this$configCache$par4 === void 0 ? void 0 : _this$configCache$par4.components), (_themeCache$token4 = themeCache.token) === null || _themeCache$token4 === void 0 ? void 0 : _themeCache$token4.components)
53
+ }
54
+ };
55
+ } else {
56
+ this.configCache[id] = {
57
+ id: id,
58
+ themeCache: themeCache,
59
+ parentId: parentId
60
+ };
61
+ if (Object.keys(this.configCache).length > 1) {
62
+ this.multipleConfigurations = true;
63
+ }
64
+ }
65
+ }
66
+ }, {
67
+ key: "updateColorMode",
68
+ value: function updateColorMode(_ref3) {
69
+ var id = _ref3.id,
70
+ colorMode = _ref3.colorMode;
71
+ this.configCache[id].themeCache.colorMode = colorMode;
72
+ }
73
+ }, {
74
+ key: "getColorModeById",
75
+ value: function getColorModeById(id) {
76
+ var _this$configCache$id;
77
+ return (_this$configCache$id = this.configCache[id]) === null || _this$configCache$id === void 0 || (_this$configCache$id = _this$configCache$id.themeCache) === null || _this$configCache$id === void 0 ? void 0 : _this$configCache$id.colorMode;
78
+ }
79
+ }, {
80
+ key: "getTokenById",
81
+ value: function getTokenById(id, tokenType, key) {
82
+ var _this$configCache$id2;
83
+ if (((_this$configCache$id2 = this.configCache[id]) === null || _this$configCache$id2 === void 0 ? void 0 : _this$configCache$id2.id) === id) {
84
+ var _this$configCache$id$;
85
+ return (_this$configCache$id$ = this.configCache[id].themeCache.token) === null || _this$configCache$id$ === void 0 ? void 0 : _this$configCache$id$[tokenType][key];
86
+ } else {
87
+ var _this$configCache$id3;
88
+ return this.getTokenById(((_this$configCache$id3 = this.configCache[id]) === null || _this$configCache$id3 === void 0 ? void 0 : _this$configCache$id3.parentId) || "root", tokenType, key);
89
+ }
90
+ }
91
+ }, {
92
+ key: "getLightTokenById",
93
+ value: function getLightTokenById(id, key) {
94
+ return this.getTokenById(id, "lightColor", key);
95
+ }
96
+ }, {
97
+ key: "getDarkTokenById",
98
+ value: function getDarkTokenById(id, key) {
99
+ return this.getTokenById(id, "darkColor", key);
100
+ }
101
+ }, {
102
+ key: "getAlwaysTokenById",
103
+ value: function getAlwaysTokenById(id, key) {
104
+ return this.getTokenById(id, "alwaysColor", key);
105
+ }
106
+ }, {
107
+ key: "getTokenByIdAndComponent",
108
+ value: function getTokenByIdAndComponent(id, tokenType, component) {
109
+ var _this$configCache$id4;
110
+ if (((_this$configCache$id4 = this.configCache[id]) === null || _this$configCache$id4 === void 0 ? void 0 : _this$configCache$id4.id) === id) {
111
+ var _this$configCache$id$2, _this$configCache$id$3;
112
+ var componentToken = _objectSpread2(_objectSpread2({}, (_this$configCache$id$2 = this.configCache[id].themeCache.token) === null || _this$configCache$id$2 === void 0 ? void 0 : _this$configCache$id$2[tokenType]), (_this$configCache$id$3 = this.configCache[id].themeCache.token) === null || _this$configCache$id$3 === void 0 || (_this$configCache$id$3 = _this$configCache$id$3.components) === null || _this$configCache$id$3 === void 0 || (_this$configCache$id$3 = _this$configCache$id$3[component]) === null || _this$configCache$id$3 === void 0 ? void 0 : _this$configCache$id$3[tokenType]);
113
+ return componentToken;
114
+ } else {
115
+ var _this$configCache$id5;
116
+ return this.getTokenByIdAndComponent(((_this$configCache$id5 = this.configCache[id]) === null || _this$configCache$id5 === void 0 ? void 0 : _this$configCache$id5.parentId) || "root", tokenType, component);
117
+ }
118
+ }
119
+ }, {
120
+ key: "getLightTokenByIdAndComponent",
121
+ value: function getLightTokenByIdAndComponent(id, component) {
122
+ return this.getTokenByIdAndComponent(id, "lightColor", component);
123
+ }
124
+ }, {
125
+ key: "getDarkTokenByIdAndComponent",
126
+ value: function getDarkTokenByIdAndComponent(id, component) {
127
+ return this.getTokenByIdAndComponent(id, "darkColor", component);
128
+ }
129
+ }, {
130
+ key: "getAlwaysTokenByIdAndComponent",
131
+ value: function getAlwaysTokenByIdAndComponent(id, component) {
132
+ return this.getTokenByIdAndComponent(id, "alwaysColor", component);
133
+ }
134
+ }]);
135
+ }();
136
+ var configCache = new ConfigCache({
137
+ id: "root",
138
+ themeCache: {
139
+ colorMode: "light"
140
+ },
141
+ parentId: "root"
142
+ });
143
+
144
+ export { configCache };
145
+ //# sourceMappingURL=ConfigCache.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ConfigCache.js","sources":["../../../../../../src/components/ConfigProvider/hooks/ConfigCache/ConfigCache.ts"],"sourcesContent":["import { alwaysColor, lightColor, darkColor } from \"@xhs/reds-token-next\";\nimport { IConfigCache, Component, LightToken, DarkToken } from \"./interface\";\n\nclass ConfigCache {\n public configCache: Record<string, IConfigCache> = {};\n public multipleConfigurations: boolean = false;\n\n constructor({ id, themeCache }: IConfigCache) {\n const rootThemeCache = {\n colorMode: themeCache.colorMode,\n token: {\n lightColor: {\n ...lightColor,\n },\n darkColor: {\n ...darkColor,\n },\n alwaysColor: {\n ...alwaysColor,\n },\n },\n };\n this.addNewConfigCache({ id, themeCache: rootThemeCache, parentId: id });\n }\n\n addNewConfigCache({ id, themeCache, parentId }: IConfigCache) {\n if (Object.keys(this.configCache).includes(id)) {\n this.configCache[id].parentId = parentId;\n this.configCache[id].themeCache = {\n colorMode: themeCache.colorMode,\n token: {\n lightColor: {\n ...this.configCache[parentId].themeCache.token?.lightColor,\n ...themeCache.token?.lightColor,\n },\n darkColor: {\n ...this.configCache[parentId].themeCache.token?.darkColor,\n ...themeCache.token?.darkColor,\n },\n alwaysColor: {\n ...this.configCache[parentId].themeCache.token?.alwaysColor,\n ...themeCache.token?.alwaysColor,\n },\n components: {\n ...this.configCache[parentId].themeCache.token?.components,\n ...themeCache.token?.components,\n },\n },\n };\n } else {\n this.configCache[id] = { id, themeCache, parentId };\n if (Object.keys(this.configCache).length > 1) {\n this.multipleConfigurations = true;\n }\n }\n }\n\n updateColorMode({ id, colorMode }: { id: string; colorMode: \"light\" | \"dark\" }) {\n this.configCache[id].themeCache.colorMode = colorMode;\n }\n\n getColorModeById(id: string) {\n return this.configCache[id]?.themeCache?.colorMode;\n }\n\n getTokenById(id: string, tokenType: \"lightColor\" | \"darkColor\" | \"alwaysColor\", key: LightToken | DarkToken): any {\n if (this.configCache[id]?.id === id) {\n return this.configCache[id].themeCache.token?.[tokenType][key];\n } else {\n return this.getTokenById(this.configCache[id]?.parentId || \"root\", tokenType, key);\n }\n }\n\n getLightTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"lightColor\", key);\n }\n\n getDarkTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"darkColor\", key);\n }\n\n getAlwaysTokenById(id: string, key: LightToken | DarkToken) {\n return this.getTokenById(id, \"alwaysColor\", key);\n }\n\n getTokenByIdAndComponent(\n id: string,\n tokenType: \"lightColor\" | \"darkColor\" | \"alwaysColor\",\n component: Component,\n ): any {\n if (this.configCache[id]?.id === id) {\n const componentToken = {\n ...this.configCache[id].themeCache.token?.[tokenType],\n ...this.configCache[id].themeCache.token?.components?.[component]?.[tokenType],\n };\n return componentToken;\n } else {\n return this.getTokenByIdAndComponent(this.configCache[id]?.parentId || \"root\", tokenType, component);\n }\n }\n\n getLightTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"lightColor\", component);\n }\n\n getDarkTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"darkColor\", component);\n }\n\n getAlwaysTokenByIdAndComponent(id: string, component: Component) {\n return this.getTokenByIdAndComponent(id, \"alwaysColor\", component);\n }\n}\n\nexport const configCache = new ConfigCache({ id: \"root\", themeCache: { colorMode: \"light\" }, parentId: \"root\" });\n"],"names":["ConfigCache","_ref","id","themeCache","_classCallCheck","__publicField","rootThemeCache","colorMode","token","lightColor","_objectSpread","darkColor","alwaysColor","addNewConfigCache","parentId","_createClass","key","value","_ref2","Object","keys","configCache","includes","_this$configCache$par","_themeCache$token","_this$configCache$par2","_themeCache$token2","_this$configCache$par3","_themeCache$token3","_this$configCache$par4","_themeCache$token4","components","length","multipleConfigurations","updateColorMode","_ref3","getColorModeById","_this$configCache$id","getTokenById","tokenType","_this$configCache$id2","_this$configCache$id$","_this$configCache$id3","getLightTokenById","getDarkTokenById","getAlwaysTokenById","getTokenByIdAndComponent","component","_this$configCache$id4","_this$configCache$id$2","_this$configCache$id$3","componentToken","_this$configCache$id5","getLightTokenByIdAndComponent","getDarkTokenByIdAndComponent","getAlwaysTokenByIdAndComponent"],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export { configCache } from './ConfigCache.js';
2
+ import '../../../../_chunks/BHmvJnIm.js';
3
+ import '@xhs/reds-token-next';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
@@ -0,0 +1,2 @@
1
+
2
+ //# sourceMappingURL=interface.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,8 @@
1
+ import { createContext } from 'react';
2
+
3
+ var ConfigProviderContext = /*#__PURE__*/createContext({
4
+ id: "root"
5
+ });
6
+
7
+ export { ConfigProviderContext };
8
+ //# sourceMappingURL=ConfigContext.js.map